@php
    use App\Enums\ConfigurationEnum;
@endphp
<!-- Filter -->
<div class="card card-action mb-4">
    <div class="card-header collapsed" data-collapsed-header="true">
        <div class="card-action-title">
            <h5 class="mb-0">{{ trans('admin.filter') }}</h5>
        </div>
        <div class="card-action-element">
            <ul class="list-inline mb-0">
                <li class="list-inline-item">
                    <a href="javascript:void(0);" class="card-collapsible"><i
                            class="tf-icons ti ti-chevron-right scaleX-n1-rtl ti-sm"></i></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="collapse card-body">
        <form id="filter_form" method="POST">
            <div class="row">
                <x-input-component
                    divClass="col-md-3 mb-3"
                    :label="trans('admin.code_or_invoice_number')"
                    id="text"
                    type="text"
                    :placeholder="trans('admin.code_or_invoice_number')"
                    name="text"
                    value="{{ $search->text }}"
                />

                <div class="col-md-3 mb-3">
                    <label class="form-label" for="basic-default-hub">{{ trans('admin.client_name_or_phone') }}</label>
                    <div class="input-group input-group-merge">
                        <select
                            id="selectClient"
                            data-select-client="true"
                            class="select2 form-select form-select-lg"
                            data-allow-clear="true"
                            data-placeholder="{{ trans('admin.search_by_client_name_or_phone') }}" name="client_id"
                        >
                        </select>
                    </div>
                </div>

                <div class="col-md-3 mb-3">
                    <label class="form-label" for="basic-default-hub">{{ trans('admin.type') }}</label>
                    <div class="input-group input-group-merge">
                        <select
                            id="selectType"
                            data-select-type="true"
                            class="select2-static form-select form-select-lg"
                            data-allow-clear="true"
                            data-placeholder="{{ trans('admin.search...') }}"
                            name="type"
                        >
                            <option value="">{{ __('admin.please_choose_option') }}</option>
                            @foreach ($filter['types'] as $type)
                                <option value="{{ $type->value }}" {{ old('type') == $type->value ? 'selected' : '' }}>
                                    {{ $type->name() }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-md-3 mb-3">
                    <label class="form-label" for="selectPaymentStatus">{{ trans('admin.payment_status') }}</label>
                    <div class="input-group input-group-merge">
                        <select id="selectPaymentStatus" data-select-payment-method="true"
                                class="select2-static form-select form-select-lg" data-allow-clear="true"
                                data-placeholder="{{ trans('admin.search...') }}" name="payment_status">
                            <option value="">{{ __('admin.please_choose_option') }}</option>
                            @foreach ($filter['payment_statuses'] as $payment)
                                <option
                                    value="{{ $payment->value }}"
                                    {{ $search->paymentStatus == $payment->value ? 'selected' : '' }}
                                >
                                    {{ $payment->name() }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-md-3 col-12 mb-3">
                    <label for="createdDateRangePicker" class="form-label">{{ trans('admin.created_date') }}</label>
                    <div class="input-group input-daterange" id="created-date-datepicker-daterange">
                        <input
                            type="text"
                            id="createdDateRangePicker"
                            placeholder="DD/MM/YYYY"
                            autocomplete="off"
                            @if ($search->createdAtFrom != null)value="{{ $search->createdAtFrom->format('d/m/Y') }}"
                            @endif
                            class="form-control"
                            name="created_date_from"
                        />
                        <span class="input-group-text">{{ trans('admin.to') }}</span>
                        <input
                            type="text"
                            placeholder="DD/MM/YYYY"
                            class="form-control"
                            autocomplete="off"
                            @if ($search->createdAtTo != null) value="{{ $search->createdAtTo->format('d/m/Y') }}"
                            @endif
                            name="created_date_to"
                        />
                    </div>
                </div>

                <div class="col-md-3 col-12 mb-3">
                    <label for="" class="form-label">{{ trans('admin.grand_total') }}</label>
                    <div class="input-group">
                        <span class="input-group-text">{{ trans('admin.from') }}</span>
                        <input
                            type="text"
                            autocomplete="off"
                            class="form-control"
                            @if ($search->grandTotalAmountFrom != null)value="{{ $search->grandTotalAmountFrom }}"
                            @endif
                            name="grand_total_from"
                        />
                        <span class="input-group-text">{{ trans('admin.to') }}</span>
                        <input
                            type="text"
                            class="form-control"
                            autocomplete="off"
                            name="grand_total_to"
                            @if ($search->grandTotalAmountTo != null)value="{{ $search->grandTotalAmountTo }}"@endif
                        />
                        <span class="input-group-text">{{ currentCurrencySymbol() }}</span>
                    </div>
                </div>
            </div>

            <div class="mt-4 d-flex justify-content-end">
                <button
                    type="submit"
                    class="btn btn-primary me-sm-3 me-1 data-submit waves-effect waves-light"
                >
                    {{ __('admin.filter') }}
                </button>
                <button type="reset" class="btn btn-label-secondary waves-effect">{{ __('admin.reset') }}</button>
            </div>
        </form>
    </div>
</div>