@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 ('visitorMessages.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 ('visitorMessages.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'>{{ __('visitorMessages.name') }}</label>
                                                </div>
                                            </th>
                                            <th>
                                                <div class="header-content">
                                                    <span>{{ __('visitorMessages.email') }}</span>
                                                </div>
                                            </th>
                                            <th>
                                                <div class="header-content">
                                                    <span>{{ __('visitorMessages.subject') }}</span>
                                                </div>
                                            </th>
                                            <th colspan="2">
                                                <div class="header-content" >
                                                    <span>{{ __('dashboard.created_at') }}</span>
                                                    
                                                </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="{{ __('visitorMessages.name') }}">
                                            </td>
                                            <td>
                                                <input type="text" name="email" value="{{ $request->email ?? '' }}" class="form-control" placeholder="{{ __('visitorMessages.email') }}">
                                            </td>
                                            <td>
                                                <input type="text" name="subject" value="{{ $request->subject ?? '' }}" class="form-control" placeholder="{{ __('visitorMessages.subject') }}">
                                            </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("visitorMessages.grid") }}'
}
</script>
@section('inner_js')
    <script>
        $(document).ready(function () {
            let interVal = setInterval(function () {
                $('.email_success').slideUp();
                clearInterval(interVal);
            }, 2000)
        })
    </script>
@endsection