@extends('layout.default')

@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('css/custom.datatable.css') }}" rel="stylesheet" type="text/css"/>

@endsection
@section('subheaderRightToolbar')
    @PermissionsCan(groupPermissionName('consignee.create'))
    @php
        $favourite = \Modules\User\Entities\Favourite::where(['user_id'=> auth()->user()->id,'route_name' => request()->route()->getName()])->count();
    @endphp
    <button class="btn btn-{{ ($favourite === 0 ? 'info' : 'danger') }} font-weight-bolder add-to-favourite-js mr-2"
            data-url="{{ route('user.favourite.make') }}"
            data-title="Consignee"
            data-activity="{{ ($favourite === 0 ? 'Create' : 'Remove') }}"
            data-path="{{ request()->route()->getName() }}">
        <i class="flaticon2-favourite"></i> {{ __(($favourite === 0 ? "Add To" : "Remove From")." Favourite ") }}
    </button>
    <a href="{{ route('consignee.create') }}" class="btn btn-primary font-weight-bolder">
        <i class="flaticon2-plus"></i><u>N</u>ew Consignee</a>
    @endPermissionsCan
@endsection
@section('content')
    <div class="card card-custom">
        <div class="card-body">
            @component('_components._table', ['id' => 'consignee_datatable', 'columns' => $datatableColumns])
                @slot('url')
                    {{ route('consignee.datatable') }}
                @endslot
            @endcomponent
        </div>
    </div>
{{--    <div class="card card-custom">--}}
{{--        <div class="card-body">--}}
{{--            <div class="mt-2 mb-5 mt-lg-5 mb-lg-10">--}}
{{--                <form class="js-filter-form" id="consignee-filter-js">--}}
{{--                    <div class="row align-items-center">--}}
{{--                        <div class="col-lg-9 col-xl-8">--}}
{{--                            <div class="row align-items-center">--}}
{{--                                <div class="col-md-4 my-2 my-md-0">--}}
{{--                                    <div class="input-icon">--}}
{{--                                        <input type="text" class="form-control" name="search_by_name"--}}
{{--                                               placeholder="Search any column" id="kt_datatable_search_query"/>--}}
{{--                                        <span><i class="flaticon2-search-1 text-muted"></i></span>--}}
{{--                                    </div>--}}
{{--                                </div>--}}

{{--                                <div class="col-md-4 my-2 my-md-0">--}}
{{--                                    <button class="btn btn-light-primary px-6 font-weight-bold" id="submitFilter"--}}
{{--                                            title="Search Consignee"><i class="fa fa-search" aria-hidden="true"></i>--}}
{{--                                        Search--}}
{{--                                    </button>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </form>--}}
{{--            </div>--}}
{{--            <table class="table table-bordered table-hover" id="consignee_datatable"--}}
{{--                   data-url="{{ route('consignee.datatable') }}">--}}
{{--                <thead>--}}
{{--                <tr>--}}
{{--                    <th width="5%">No</th>--}}
{{--                    <th>Name</th>--}}
{{--                    <th width="5%">Code</th>--}}
{{--                    <th width="12%">Mobile No.</th>--}}
{{--                    <th>Contact Person</th>--}}
{{--                    <th width="10%">Action</th>--}}
{{--                </tr>--}}
{{--                </thead>--}}
{{--            </table>--}}

{{--        </div>--}}

{{--    </div>--}}

@endsection

@section('scripts')
    <script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/global-datatable.js?v='.time()) }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{ asset('js/modules/consignee/index.js?v='.time()) }}"></script>
@endsection