<div class="o-orders">
    <form class="o-orders__settings" action="{{ route('orders.search') }}" method="GET" id="entity-form" name="search_orders">
        <div class="o-orders__status">
            <label class="o-orders__label" for="status">{{ ucfirst(__('KMS::orders.show_status')) }}:</label>
            <select class="c-select js-status" name="status" id="status">
                <option value="each">@lang('KMS::orders.all_statuses')</option>
                @foreach(__('KMS::orders.status') as $orderStatusKey => $translation)
                    <option @if(old('status') === $orderStatusKey) selected
                            @endif value="{{ $orderStatusKey }}">{{ $translation }}</option>
                @endforeach
            </select>
        </div>
        <div class="o-orders__filters">
            <div class="o-orders__filter-list">
                <label for="filter-list">Filter op</label>
                <select class="c-select" name="search_for" id="filter-list">
                    <option @if(old('search_for') === 'order_number') selected @endif value="order_number">Ordernummer</option>
                    <option @if(old('search_for') === 'first_name') selected @endif value="first_name">Voornaam</option>
                    <option @if(old('search_for') === 'last_name') selected @endif value="last_name">Achternaam</option>
                    <option @if(old('search_for') === 'email') selected @endif value="email">E-mail</option>
                    <option @if(old('search_for') === 'street') selected @endif value="street">Adres</option>
                    <option @if(old('search_for') === 'house_number') selected @endif value="house_number">Huisnummer</option>
                </select>
            </div>
            <div class="o-orders__filter-value">
                <label for="filter-list">Met waarde</label>
                <div class="">
                    <input class="c-input" type="text" name="search_value" value="{{ old('search_value') }}"/>
                </div>
            </div>
            <div class="o-orders__filter-action">
                <button class="c-button">Filter</button>
            </div>
        </div>
    </form>

@if(isset($orders)) <!--Only is set when a search was done or latest orders where included.-->
    @if(count($orders) > 0)
        <form class="o-orders__results" action="{{ route('orders.batch_edit') }}" method="POST" data-test="order_table" name="batch_edit_orders">
            {{ method_field('PATCH') }}
            {{ csrf_field() }}
            <table class="o-order__table" data-test="order_shipments_table">
                <col width="auto" />
                <col width="auto" />
                <col width="330px" />
                <col width="auto" />
                <col width="auto" />
                <col width="auto" />
                <thead>
                <tr>
                    <th class="o-order__th  batch-checkbox-header"></th>
                    <th class="o-order__th">{{ ucfirst(__('KMS::orders.order')) }}</th>
                    <th class="o-order__th">{{ ucfirst(__('KMS::orders.user')) }}</th>
                    <th class="o-order__th">{{ ucfirst(__('KMS::global.total')) }}</th>
                    <th class="o-order__th">Betaalstatus</th>
                    <th class="o-order__th">{{ ucfirst(__('KMS::orders.status_name')) }}</th>
                </tr>
                </thead>
                <tbody>
                @foreach($orders as $count => $order)
                    @php /** @var \App\Orders\Models\Order $order */@endphp
                    <tr class="o-order__row">
                        <td class="o-order__cell  o-order__cell--checkbox">
                            <input type="checkbox" class="batch-checkbox js-batch-checkbox" name="order_ids[]" value="{{ $order->id }}"
                                   data-test="order_checkbox_{{ $order->id }}"
                                   @if(old('order_ids['.$count.']')) checked @endif>
                        </td>
                        <td class="o-order__cell">
                            <a class="o-order__link" href="{{ route('orders.show', ['order' => $order]) }}" data-test="order_{{ $order->id }}">{{ $order->order_number }}</a>
                            <div class="o-order__subtext">{{ $order->created_at }}</div>
                        </td>
                        <td class="o-order__cell">
                            <div class="o-order__text">{{ $order->customer->getDisplayName() }}</div>
                            <div class="o-order__subtext">{{ $order->customer->email }}</div>
                        </td>
                        <td class="o-order__cell">
                            <div class="o-order__text  u-align-right">{{ $shopRegionInfo->getCurrencySymbol().$shopRegionInfo->getNumberFormat()->centsToCurrency($order->total) }}</div>
                        </td>
                        <td class="o-order__cell">
                            <span class="c-tag" data-status="{{ $order->latestTransactions->first()->statusColor() ?? 'negative'  }}">{{ __('KMS::transactions.status.'.$order->latestTransactions->first()->status ?? \App\Payment\TransactionStatus::PAYMENT_PENDING) }}</span>
                        </td>
                        <td class="o-order__cell">
                            <span class="c-tag" data-status="{{ $order->statusColor() ?? 'negative'  }}">{{ __('KMS::orders.status.'.$order->status ?? \App\Orders\OrderStatus::PENDING) }}</span>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>

            <div class="o-orders__controls" data-test="batch_edit_controls">
                <div class="o-orders__edit">
                    <div class="o-orders__edit-selection">
                        <label class="o-orders__label" for="change_status_to">Wijzig status selectie:</label>
                        <select class="c-select" name="change_status_to" id="change_status_to"
                                data-test="change_status_to">
                            @foreach(\App\Orders\OrderStatus::getAsArray() as $order_status)
                                <option value="{{ $order_status }}">@lang('KMS::orders.status.'.$order_status)</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="o-orders__edit-action">
                        <button class="c-button" type="submit" name="change_status" value="change_status" data-test="change_status">@lang('KMS::orders.batch.edit')</button>
                    </div>
                </div>


                <div class="o-orders__pagination">
                    @include('components.pagination.list', ['paginator' => $orders])
                </div>

                <div class="o-orders__per-page" data-key="perPage">
                    <label class="o-orders__label" for="perPage">{{ ucfirst(__('KMS::orders.results_per_page')) }}:</label>
                    <select class="c-select  c-select--small js-per-page" name="perPage" id="perPage">
                        <option {{ (request()->get('perpage', $perpage) == 5) ? 'selected' : '' }} value="5">5</option>
                        <option {{ (request()->get('perpage', $perpage) == 10) ? 'selected' : '' }} value="10">10</option>
                        <option {{ (request()->get('perpage', $perpage) == 20) ? 'selected' : '' }} value="20">20</option>
                        <option {{ (request()->get('perpage', $perpage) == 50) ? 'selected' : '' }} value="50">50</option>
                        <option {{ (request()->get('perpage', $perpage) == 100) ? 'selected' : '' }} value="100">100</option>
                    </select>
                </div>
            </div>
        </form>
    @endif
@else
    <p>@lang('KMS::orders.no_results')</p>
@endif
</div>