@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>
            <div class="col-lg-6">
                <div class="nav-butns d-flex justify-content-lg-end mt-4 mt-lg-0">
                    <a href="{{ route ('coupons.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 ('coupons.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('coupons.create')}}"> <i class="fal fa-plus"></i> <span class="txt ms-2"> {{ __('coupons.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" style="border-radius:15px" id="selectall">
                                                    <label class="form-check-label" for='selectall'>{{ __('coupons.code') }}</label>
                                                    <div class="header-actions" data-field="code">
                                                        <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>{{ __('coupons.name') }}</th>
                                            <th>{{ __('coupons.discount_type') }}</th>
                                            <th>{{ __('coupons.discount') }}</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":"id","value":"DESC"}' }}'>
                                                <input type="text" name="code" value="{{ $request->code ?? '' }}" class="form-control" placeholder="{{ __('coupons.code') }}">
                                            </td>
                                            <td><input type="text" name="name" value="{{ $request->name ?? '' }}" class="form-control" placeholder="{{ __('coupons.name') }}"></td>
                                            <td>
                                                <select name="discount_type" class="form-control form-select">
                                                    <option value="">{{ __('dashboard.all') }}</option>
                                                    @foreach($discountTypes as $type)
                                                        <option value="{{ $type->value }}" {{ (string)($request->discount_type ?? '') === (string)$type->value ? 'selected' : '' }}>{{ __('coupons.discount_types.'.$type->value) }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                <input type="text" name="discount" value="{{ $request->discount ?? '' }}" class="form-control" placeholder="{{ __('coupons.discount') }}">
                                            </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("coupons.grid") }}'
}
</script>