@extends('admin.masterv2')
@section('styleSheet')
    <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- END PAGE LEVEL STYLES -->
@endsection
@section('content')


    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="{{route('home')}}">Dashboard</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{route('allMenu')}}">All Menu</a>
                    </li>
                </ul>
            </div>
            <!-- END PAGE HEADER-->
           <div class="row">
            <div class="col-md-12">@include('admin.includesV2.backendAlert')</div>
           </div>
            <!-- BEGIN PAGE CONTENT-->
            <div class="row">
                <div class="col-md-12">
                    <div class="form-horizontal form-row-seperated">
                        <div class="portlet">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-shopping-cart"></i>Menus
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <a href="{{route('menu', ['id' => 'new'])}}" class="btn btn-success pull-right">
                                                    <i class="fa fa-plus"></i> Add Menu 
                                        </a>
                                    </div>    
                                    <div class="col-md-12">
                                        Sort Order - Menu Title
                                        <ul class="list-group">
                                        @foreach($existingMenus as $parentMenu)
                                            <li class="list-group-item">
                                                <div class="row">
                                                    <div class="col-md-8">
                                                        <span class="badge text-bg-success">{{$parentMenu->menu_title}}</span>
                                                        <span class="badge {{isset($parentMenu->page_id) ? 'text-bg-info' :  'text-bg-secondary'}}">
                                                        @if(!empty($parentMenu->page_id))
                                                            Page: {{$parentMenu->page_name}}
                                                        @else
                                                            Custom: {{ Str::limit((string) $parentMenu->url, 50) }}
                                                        @endif
                                                        </span>
                                                        <span class="badge text-bg-warning">Order: {{$parentMenu->sort_order}}</span>
                                                    </div>
                                                    <div class="col-md-4">
                                                        
                                                        <a 
                                                            href="{{ route('deleteMenu', ['id' => $parentMenu['id']]) }}" 
                                                            class="btn btn-danger btn-sm pull-right mx-5"
                                                            onclick="return confirm('Are you sure you want to delete this menu?');">
                                                            <i class="fa fa-trash"></i> Delete
                                                        </a>
                                                        <a 
                                                            href="{{ route('menu', ['id' => $parentMenu['id']]) }}" 
                                                            class="btn btn-success btn-sm pull-right"
                                                        >
                                                            <i class="fa fa-edit"></i> Edit 
                                                        </a>
                                                    </div>
                                                </div>
                                                

                                                @if(isset($parentMenu->childMenu))
                                                    <ul>
                                                    @foreach($parentMenu->childMenu as $childMenu)
                                                        <li class="list-group-item">

                                                            <div class="row">
                                                                <div class="col-md-8">
                                                                    <span class="badge text-bg-success">{{$childMenu->menu_title}}</span>
                                                                    <span class="badge {{isset($childMenu->page_id) ? 'text-bg-info' :  'text-bg-secondary'}}">
                                                                    @if(!empty($childMenu->page_id))
                                                                        Page: {{$childMenu->page_name}}
                                                                    @else
                                                                        Custom: {{ Str::limit((string) $childMenu->url, 50) }}
                                                                    @endif
                                                                    </span>
                                                                    <span class="badge text-bg-warning">Order: {{$childMenu->sort_order}}</span>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    
                                                                    <a 
                                                                        href="{{ route('deleteMenu', ['id' => $childMenu['id']]) }}" 
                                                                        class="btn btn-danger btn-sm pull-right mx-5"
                                                                        onclick="return confirm('Are you sure you want to delete this menu?');"
                                                                    >
                                                                        <i class="fa fa-trash"></i> Delete
                                                                    </a>
                                                                    <a 
                                                                        href="{{ route('menu', ['id' => $childMenu['id']]) }}" 
                                                                        class="btn btn-success btn-sm pull-right"
                                                                    >
                                                                        <i class="fa fa-edit"></i> Edit 
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            
                                                        </li>
                                                    @endforeach
                                                    </ul>
                                                @endif
                                            </li>
                                        @endforeach
                                        </ul>
                                    </div> 
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT-->
        </div>
    </div>
@endsection
@section('customJs')


@endsection
@section('documentJquery')

@endsection