@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="#0" class="ref-btn butn-st2 blue-butn py-2 px-3 ms-2" onclick="openModel(this)" action="{{route('notifications.create')}}"> <i class="fal fa-plus"></i> <span class="txt ms-2"> {{ __('notifications.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>{{ __('notifications.user') }}</th>
                                            <th>{{ __('notifications.title') }}</th>
                                            <th>{{ __('notifications.status') }}</th>
                                            <th colspan="2">{{ __('dashboard.created_at') }}</th>
                                            <th></th>
                                        </tr>
                                        <tr class="search-tr">
                                            <td>
                                                <input type="hidden" name="orderBy" id="orderBy" value='{{ $request->orderBy ? json_encode($request->orderBy) : '{"key":"notification_logs.id","value":"DESC"}' }}'>
                                                <input type="text" name="user" value="{{ $request->user ?? '' }}" class="form-control" placeholder="{{ __('notifications.user') }}">
                                            </td>
                                            <td>
                                                <input type="text" name="title" value="{{ $request->title ?? '' }}" class="form-control" placeholder="{{ __('notifications.title') }}">
                                            </td>
                                            <td>
                                                <select name="typeStatus" class="form-control form-select">
                                                    <option value="">{{ __('dashboard.all') }}</option>
                                                    @foreach($statuses as $status)
                                                        <option value="{{ $status->value }}" {{ (string)($request->status ?? '') === (string)$status->value ? 'selected' : '' }}>{{ __('notifications.statuses.'.$status->value) }}</option>
                                                    @endforeach
                                                </select>
                                            </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>
var dataTable={
    route: '{{ route("notifications.grid") }}'
}
</script>