@extends('admin.layouts.container')

@section('content')



<div class="search_filter_form">
    <div class="body-title mt-4 ">
        <div class="row">
            <div class="col-lg-6">
                <div class="nav-butns d-flex">

                </div>
            </div>
            <div class="col-lg-6">
                <div class="nav-butns d-flex justify-content-lg-end mt-4 mt-lg-0">
                    <a href="{{ route ('cities.destroyAll') }}" data-method="delete" class="butn statusButns status_1 tableAction btn disabled ref-btn butn-st2 line-butn py-2 px-3"><div class="cont"><span>{{ __('dashboard.sendToTrash') }}</span></div></a>
                    <a href="#" class="butn statusButns status_1 showArchive ref-btn butn-st2 line-butn py-2 px-3"><div class="cont"><span> {{ __('dashboard.displayTrash') }} </span></div></a>

    {{--                <a href="{{ route ('cities.destroyAll') }}" data-method="delete" class="butn statusButns status_0 tableAction btn disabled force hidden butn_blue ms-auto"><div class="cont"><span> {{ __('dashboard.delete') }} </span></div></a>--}}
                    <a href="{{ route ('cities.restoreAll') }}" data-method="put" class="butn statusButns status_0 tableAction btn disabled force hidden ref-btn butn-st2 line-butn py-2 px-3"><div class="cont"><span> {{ __('dashboard.restore') }} </span></div></a>
                    <a href="#" class="butn statusButns status_0 showActive hidden ref-btn butn-st2 line-butn py-2 px-3"><div class="cont"><span> {{ __('dashboard.displayActive') }} </span></div></a>
                    <a href="#0" class="ref-btn butn-st2 blue-butn py-2 px-3 ms-2" onclick="openModel(this)" action="{{route('cities.create')}}"> <i class="fal fa-plus"></i> <span class="txt ms-2"> {{ __('cities.new') }} </span> </a>
                </div>
            </div>
        </div>
    </div>




    <div class="body-content">
        <div class="body-content">
            <div class="contacts">
                <div class="contacts-box">
                    <div class="contacts-body">
                        <div class="contacts-box">
                            <div class="contact-row p-0 border-0">
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>

                                        <tr>
                                            <th>
                                                <div class="header-content" >
                                                    <input class="form-check-input custom-control-input" type="checkbox" name="example1" style="border-radius:15px" id="selectall">
                                                    <label class="form-check-label" for='selectall'>{{ __('cities.name') }}</label>
                                                    <div class="header-actions" data-field="name">
                                                        <button class="arrow-btn" title="{{ __('dashboard.sort_desc') }}">▾</button>
                                                        <button class="dots-btn">⋮</button>
                                                        <div class="dropdown-filter">
                                                            <ul>
                                                                <li data-order="ASC">{{ __('dashboard.sort_asc') }}</li>
                                                                <li data-order="DESC">{{ __('dashboard.sort_desc') }}</li>
                                                                <li data-order="reset">{{ __('dashboard.reset') }}</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </th>
                                            <th colspan="2">
                                                <div class="header-content" >
                                                    <span>{{ __('dashboard.created_at') }}</span>
                                                    <div class="header-actions" data-field="created_at">
                                                        <button class="arrow-btn" title="{{ __('dashboard.sort_desc') }}">▾</button>
                                                        <button class="dots-btn">⋮</button>
                                                        <div class="dropdown-filter">
                                                            <ul>
                                                                <li data-order="ASC">{{ __('dashboard.sort_asc') }}</li>
                                                                <li data-order="DESC">{{ __('dashboard.sort_desc') }}</li>
                                                                <li data-order="reset">{{ __('dashboard.reset') }}</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </th>
                                            <th></th>
                                        </tr>

                                        <tr class="search-tr">
                                            <td>
                                                <input type="hidden" name="orderBy" id="orderBy" value='{{ $request->orderBy ? json_encode($request->orderBy) : '{"key":"id","value":"DESC"}' }}'>

                                                <input type="text" name="name" value="{{ $request->name ?? '' }}" class="form-control" placeholder="{{ __('cities.name') }}">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="{{ __('dashboard.date_from') }}" name="date_from" value="{{ $request->date_from ?? '' }}" class="date_from form-control">
                                            </td>
                                            <td>
                                                <input type="text" placeholder="{{ __('dashboard.date_to') }}" name="date_to" value="{{ $request->date_to ?? '' }}" class="date_to form-control">
                                            </td>
                                            <td>
                                                <button class="search-btn search"> <i class="fal fa-search"></i> </button>
                                            </td>
                                        </tr>
                                        </thead>
                                        <tbody class="response">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection



<script>
/**
 * Importat to handle ajax requests for filters, deletes, trash and any proccess done on the table's data
 */
var dataTable={
    route: '{{ route("cities.grid") }}'
}
</script>
@section('inner_js')

    <script>

        $('.export_excel').click(function(){
            const data= dataInDiv('.search_filter_form', 'string')
            const redirect= '{{ route("cities.grid", ["export"=> true]) }}&'+data
            window.open(redirect)
        })
    </script>
@endsection