@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">
                        @foreach($appSections as $appSection)
                <div class="ks-page-content-body ks-content-nav ks-user-list-view height-auto {{$i>0?'pt-0 mt-0':''}}">
                    <div class="ks-nav-body">
                        <div class="ks-user-list-view-header-block">
                            <h4 class="font-weight-normal pt-2">
                                {{$appSection->title}}
                            </h4>

							                            @if(\Auth::user()->can('add-appsectionitem'))
                                <div class="ks-user-list-view-header-control">
                                    <a class="addNew" onclick="currentDataTableId='{{$dataTableIds[$i]}}'" data-url="{{route('app-section-items.create', ['model'=>'AppSectionItem','app_section_id'=>$appSection->id])}}" style="color:white"><div class="btn btn-success">Add Item</div></a>
                                </div>
                            @endif
                        </div>
                        <div class="ks-user-list-view-table">
                            <div class="ks-full-table container-fluid">
                                <table id="{{$dataTableIds[$i]}}" class="display table table-striped table-bordered" width="100%" data-url="{{route('app-section-items.list',['app_section_id'=>$appSection->id])}}">
                                    <thead>
                                    <tr>
                                        @foreach(\App\Http\Controllers\Admin\AppSectionItemController::columns() as $col)
                                            <th class="text-center">{{$col['title']}}</th>
                                        @endforeach
                                    </tr>
                                    </thead>
                                </table>

                            </div>
                        </div>
                    </div>
                </div>
                            @endforeach
        </div>


    </div>
@stop

@include('admin.partials.datatables')

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