@extends('layouts.admin')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('assets/styles/apps/crm/users-list.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('libs/datatables-net/media/css/dataTables.bootstrap4.min.css')}}"> <!-- original -->
    <link rel="stylesheet" type="text/css" href="{{asset('assets/styles/libs/datatables-net/datatables.min.css')}}"> <!-- customization -->
@endsection

@section('content')
    <div class="ks-column ks-page">
        <div class="ks-page-header">
            <section class="ks-title">
                <h3>{{$pageTitle}}</h3>
            </section>
        </div>
        <div class="ks-page-content">
            <div class="ks-page-content-body ks-content-nav ks-user-list-view">
                <div class="ks-nav-body">
                    <div class="ks-user-list-view-header-block">
                        <h4 class="ks-user-list-view-header-block-name">
                            {{$subTitle}}
                        </h4>

						                        <div class="ks-user-list-view-header-control">
                            {{--@if(\Auth::user()->can('add-menu'))--}}
                                {{--<a class="addNew" onclick="currentDataTableId='{{$dataTableId}}'" data-url="{{route('menus.create', ['model'=>'Menu'])}}" style="color:white"><div class="btn btn-success">Add Menu</div></a>--}}
                            {{--@endif--}}
                            @if(\Auth::user()->can('auto-generate-menu'))
                                <a class="addNew" onclick="currentDataTableId='{{$dataTableId}}'" data-url="{{route('menus.create-auto-generate', ['model'=>'Menu'])}}" style="color:white"><div class="btn btn-success">Auto Generate Menu</div></a>
                            @endif
                        </div>
                    </div>
                    <div class="ks-user-list-view-table">
                        <div class="ks-full-table container-fluid">
                            <table id="{{$dataTableId}}" class="display table table-striped table-bordered" width="100%" data-url="{{route('menus.list')}}">
                                <thead>
                                <tr>
                                    @foreach(\App\Http\Controllers\Admin\MenuController::columns() as $col)
                                        <th class="text-center">{{$col['title']}}</th>
                                    @endforeach
                                </tr>
                                </thead>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@include('admin.partials.datatables')

@section('javascript')
    <script>
		var myTable1;
		var columnOptions = [
                @foreach(\App\Http\Controllers\Admin\MenuController::columns() as $col)
			{ "data": "{{$col['data']}}", "name": '{{$col['name']}}', "orderable": '{{$col['orderable']}}', "searchable": '{{$col['searchable']}}', "className": '{{$col['className']}}' },
            @endforeach
		];
		loadDataTable(myTable1,'{{$dataTableId}}', columnOptions);
    </script>
@stop