@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 ('pages.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 ('pages.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>
                </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'>{{ __('pages.name') }}</label>
                                                    </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>
                                                    @if($request->intro)
                                                        <input type="hidden" name="intro" value="1" />
                                                    @endif
                                                    <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="{{ __('pages.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("pages.grid") }}'
}
</script>
@section('inner_js')

@endsection