@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>
                    <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('travel-zone-countries.list', ['zone_id'=>$zoneId])}}">
                                <thead>
                                <tr>
                                    @foreach(\App\Http\Controllers\Admin\TravelZoneCountryController::columns() as $col)
                                        <th class="text-center">{{$col['title']}}</th>
                                    @endforeach
                                </tr>
                                </thead>
                                <tfoot>
                                <tr>
                                    @foreach(\App\Http\Controllers\Admin\TravelZoneCountryController::columns() as $col)
                                        <th class="text-center" title="{{$col['title']}}"></th>
                                    @endforeach
                                </tr>
                                </tfoot>
                            </table>

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

@include('admin.partials.datatables')

@section('javascript')
    <script>
	    var myTable1;
	    var columnOptions = [
                @foreach(\App\Http\Controllers\Admin\TravelZoneCountryController::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