@extends('dashboard.layouts.app',['name' => 'Menu Manager'])
@section('content')

    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Menu Manager</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{url('/dashboard')}}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="#">Menu Manager</a></li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->
        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <a class="btn btn-primary" data-toggle="modal" data-target="#modal_add_menu" >Add Menu</a>
                            </div>
                            <div class="card-body">
                                <table class="table-bordered table datatable">
                                    <thead>
                                    <tr>
                                        <th style="width:35%">Title</th>
                                        <th>Order</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($parent_menus as $child_menu)
                                        @if($child_menu->hasChild())
                                            <tr class="table-primary">
                                                <td><i class="fa fa-circle"></i> {{$child_menu->title}}</td>
                                                <td>{{$child_menu->order}}</td>
                                                <td class="product-action">
                                                    <a href="#" data-toggle="modal" title="Edit" class="btn btn-sm btn-primary" id="btn_update_menu" data-target="#modal_edit_menu"
                                                       data-id="{{$child_menu->id}}"
                                                       data-title="{{$child_menu->title}}"
                                                       data-url="{{$child_menu->url}}"
                                                       data-order="{{$child_menu->order}}"
                                                       data-parent="{{$child_menu->parent_id}}"
                                                    ><i class="fa fa-edit"></i></a>
                                                    <a class=" btn btn-sm btn-danger delete-confirm" href="{{url('/dashboard/menu/delete')."/".$child_menu->id}}"><i class="fa fa-trash"></i></a>
                                                </td>
                                            </tr>
                                            @foreach($child_menu->childs()->orderBy('order')->get() as $child_menu1)
                                                <tr>
                                                    <td> &nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-long-arrow-right"></i> {{$child_menu1->title}}</td>
                                                    <td>{{$child_menu1->order}}</td>
                                                    <td>{{$child_menu1->new_tab ==0?"No":"Yes"}}</td>
                                                    <td class="product-action">
                                                        <a href="#" data-toggle="modal" title="Edit" class="btn btn-sm btn-primary" id="btn_update_menu" data-target="#modal_edit_menu"
                                                           data-id="{{$child_menu1->id}}"
                                                           data-title="{{$child_menu1->title}}"
                                                           data-order="{{$child_menu1->order}}"
                                                           data-url="{{$child_menu->url}}"
                                                           data-parent="{{$child_menu1->parent_id}}"
                                                        ><i class="fa fa-edit"></i></a>
                                                        <a class="delete-confirm btn btn-sm btn-danger" href="{{url('/dashboard/menu/delete')."/".$child_menu1->id}}"><i class="fa fa-trash"></i></a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr class="table-primary">
                                                <td><i class="fa fa-circle"></i> {{$child_menu->title}}</td>
                                                <td>{{$child_menu->order}}</td>
                                                <td class="product-action">
                                                    <a href="#" data-toggle="modal" title="Edit" class="btn btn-sm btn-primary" id="btn_update_menu" data-target="#modal_edit_menu"
                                                       data-id="{{$child_menu->id}}"
                                                       data-title="{{$child_menu->title}}"
                                                       data-url="{{$child_menu->url}}"
                                                       data-order="{{$child_menu->order}}"
                                                       data-parent="{{$child_menu->parent_id}}"
                                                    ><i class="fa fa-edit"></i></a>
                                                    <a class="delete-confirm btn btn-sm btn-danger" href="{{url('/dashboard/menu/delete')."/".$child_menu->id}}"><i class="fa fa-trash"></i></a>
                                                </td>
                                            </tr>
                                        @endif

                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <div class="modal modal-fade" id="modal_add_menu" style="overflow:hidden;">
        @include('dashboard.pages.modals.add_edit_menu',['saveUpdate'=>'Add'])
    </div>
    <div class="modal modal-fade" id="modal_edit_menu" style="overflow:hidden;">
        @include('dashboard.pages.modals.add_edit_menu',['saveUpdate'=>'Update'])
    </div>
@endsection