@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-tabs-page-container">
                <div class="ks-tabs-container-description">
                    <h3 class="text-capitalize">{{lang($expatProduct->title)}}</h3>
                    @isset($expatProduct->pdf)
                        <p><a href="{{asset('storage/'.$expatProduct->pdf)}}">PDF</a></p>
                    @endisset
                </div>
                <ul class="nav ks-nav-tabs ks-tabs-page-default ks-tabs-full-page">
                    @if(\Auth::user()->can('browse-expatproductbenefit'))
                        <li class="nav-item">
                            <a class="nav-link active" href="#" data-toggle="tab" data-target="#benefits">
                                Benefits
                            </a>
                        </li>
                    @endif
                    @if(\Auth::user()->can('browse-expatproductadditionalbenefit'))
                        <li class="nav-item">
                            <a class="nav-link" href="#" data-toggle="tab" data-target="#additionalBenefits">
                                Additional Benefits
                            </a>
                        </li>
                    @endif
                </ul>


                <div class="tab-content">

                    @if(\Auth::user()->can('browse-expatproductbenefit'))
                        <div class="tab-pane ks-column-section active" id="benefits" role="tabpanel">

							                            @if(\Auth::user()->can('add-expatproductbenefit'))
                                <a class="addNew text-white" onclick="currentDataTableId='{{$dataTableId1}}'" data-url="{{route('expat-product-benefits.create', ['model'=>'ProductBenefit','product_id'=>$expatProduct->id,'benefit_type'=>'expats'])}}"><div class="btn btn-success">Add Benefit</div></a>
                                <br><br>
                            @endif
                            <div class="ks-user-list-view-table">
                                <div class="ks-full-table container-fluid">
                                    <table id="{{$dataTableId1}}" class="display table table-striped table-bordered" width="100%" data-url="{{route('expat-product-benefits.list',['product_id'=>$expatProduct->id,'benefit_type'=>'expats'])}}">
                                        <thead>
                                        <tr>
                                            @foreach(\App\Http\Controllers\Admin\ExpatProductBenefitController::columns() as $col)
                                                <th class="text-center">{{$col['title']}}</th>
                                            @endforeach
                                        </tr>
                                        </thead>
                                        <tfoot>
                                        <tr>
                                            @foreach(\App\Http\Controllers\Admin\ExpatProductBenefitController::columns() as $col)
                                                <th class="text-center" title="{{$col['title']}}"></th>
                                            @endforeach
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>

                        </div>
                    @endif

                    @if(\Auth::user()->can('browse-expatproductadditionalbenefit'))
                        <div class="tab-pane ks-column-section" id="additionalBenefits" role="tabpanel">

							                            @if(\Auth::user()->can('add-expatproductadditionalbenefit'))
                                <a class="addNew" onclick="currentDataTableId='{{$dataTableId2}}'" data-url="{{route('expat-product-additional-benefits.create', ['model'=>'ProductAdditionalBenefit','product_id'=>$expatProduct->id])}}" style="color:white"><div class="btn btn-success">Add Additional Benefit</div></a>
                                <br><br>
                            @endif
                            <div class="ks-user-list-view-table">
                                <div class="ks-full-table container-fluid">
                                    <table id="{{$dataTableId2}}" class="display table table-striped table-bordered" width="100%" data-url="{{route('expat-product-additional-benefits.list',['product_id'=>$expatProduct->id])}}">
                                        <thead>
                                        <tr>
                                            @foreach(\App\Http\Controllers\Admin\ExpatProductAdditionalBenefitController::columns() as $col)
                                                <th class="text-center">{{$col['title']}}</th>
                                            @endforeach
                                        </tr>
                                        </thead>
                                        <tfoot>
                                        <tr>
                                            @foreach(\App\Http\Controllers\Admin\ExpatProductAdditionalBenefitController::columns() as $col)
                                                <th class="text-center" title="{{$col['title']}}"></th>
                                            @endforeach
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>

                        </div>
                    @endif

                </div>

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

@include('admin.partials.datatables')

@section('javascript')
    @if(\Auth::user()->can('browse-expatproductbenefit'))
        <script>
			var myTable1;
			var columnOptions1 = [
                    @foreach(\App\Http\Controllers\Admin\ExpatProductBenefitController::columns() as $col)
				{ "data": "{{$col['data']}}", "name": '{{$col['name']}}', "orderable": '{{$col['orderable']}}', "searchable": '{{$col['searchable']}}', "className": '{{$col['className']}}' },
                @endforeach
			];
			loadDataTable(myTable1,'{{$dataTableId1}}', columnOptions1);
        </script>
    @endif
    @if(\Auth::user()->can('browse-expatproductadditionalbenefit'))
        <script>
		    var myTable2;
		    var columnOptions2 = [
                    @foreach(\App\Http\Controllers\Admin\ExpatProductAdditionalBenefitController::columns() as $col)
			    { "data": "{{$col['data']}}", "name": '{{$col['name']}}', "orderable": '{{$col['orderable']}}', "searchable": '{{$col['searchable']}}', "className": '{{$col['className']}}' },
                @endforeach
		    ];
		    loadDataTable(myTable2,'{{$dataTableId2}}', columnOptions2);
        </script>
    @endif
@stop