@extends('layout')

@section('h4-page', __('order'))

@section('contents')
    <div class="row layout-top-spacing">
        <div class="col-lg-12 col-md-12 mb-md-0 mb-4">
            <div class="mb-3">
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show " role="alert">
                        {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                @if ($errors->any())
                    <div class="alert alert-danger mt-3 ">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
            <div class="card mb-3 mt-3">
                <div class="card-body">
                    <ul class="list-group">
                        <li class="list-group-item border-0 px-0">
                            <div class="form-group ps-0">
                                <div class="" style="position: relative">
                                    <label for="" class="form-label">{{ __("Search") }}</label>
                                    <input class="form-control" type="search" id="searchInput" placeholder="{{__("Search")}}">
                                    <div style="position: absolute; top: 1rem; right: 1rem; cursor: pointer;">
                                        {{-- <span class="input-group-append" onclick="searchInput()">
                                                <i class="fa fa-search"></i>
                                            </span> --}}
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item border-0 px-0">
                            <div class="form-group ps-0">
                                <label for="status_booking">{{ __("SelectStatus") }}</label>
                                <select class="form-select" aria-label="Default select example" id="status_booking"
                                    name="status_booking" onchange="searchInput()">
                                    <option value="">ALL</option>
                                    <option value="WAIT_PAYMENT" @if (request()?->status_booking == 'WAIT_PAYMENT') selected @endif>
                                        WAIT_PAYMENT</option>
                                    <option value="PENDING" @if (request()?->status_booking == 'PENDING') selected @endif>PENDING
                                    </option>
                                    <option value="PICKUP" @if (request()?->status_booking == 'PICKUP') selected @endif>PICKUP</option>
                                    <option value="PROCESSING" @if (request()?->status_booking == 'PROCESSING') selected @endif>PROCESSING
                                    </option>
                                    <option value="SHIPPING" @if (request()?->status_booking == 'SHIPPING') selected @endif>SHIPPING
                                    </option>
                                    <option value="DELIVERY" @if (request()?->status_booking == 'DELIVERY') selected @endif>DELIVERY
                                    </option>
                                    <option value="SUCCESS" @if (request()?->status_booking == 'SUCCESS') selected @endif>SUCCESS
                                    </option>
                                    <option value="CANCEL" @if (request()?->status_booking == 'CANCEL') selected @endif>CANCEL</option>
                                </select>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{ __("OrderNo") }}</th>
                            <th>{{ __("OrderDate") }}</th>
                            <th>{{ __("AccountName") }}</th>
                            <th>{{ __("RiderName") }}</th>
                            <th>{{ __("Priority") }}</th>
                            <th class="text-center">{{ __("Status") }}</th>
                            <th class="text-end">{{ __("Total") }}</th>
                            <th class="text-center">{{ __("Action") }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse (@$main as $key => $item)
                            <tr>
                                <td class="text-center">
                                    {{ $main->currentPage() > 1 ? $main->perPage() * $main->currentPage() - $main->perPage() + $key + 1 : $key + 1 }}
                                </td>
                                <td>{{ $item->no }}</td>
                                <td>{{ $item->date }}</td>
                                <td>{{ $item->account?->fullname() }}</td>
                                <td>
                                    @if (
                                        $item->status_booking == App\Enums\OrderStatusEnums::PICKUP ||
                                            $item->status_booking == App\Enums\OrderStatusEnums::PROCESSING)
                                        {{ $item?->rider?->fullname() ?? '' }}
                                    @elseif (
                                        $item->status_booking == App\Enums\OrderStatusEnums::SHIPPING ||
                                            $item->status_booking == App\Enums\OrderStatusEnums::DELIVERY ||
                                            $item->status_booking == App\Enums\OrderStatusEnums::SUCCESS)
                                        {{ $item?->riderSend?->fullname() ?? '' }}
                                    @endif
                                </td>
                                <td>
                                    {{ $item->getPriority() }}
                                </td>
                                <td class="text-center">
                                    <span
                                        class="@if ($item->status_booking == App\Enums\OrderStatusEnums::SUCCESS) order_status_success @elseif($item->status_booking == App\Enums\OrderStatusEnums::CANCEL) order_status_cancel @elseif(
                                            $item->status_booking == App\Enums\OrderStatusEnums::PICKUP ||
                                                $item->status_booking == App\Enums\OrderStatusEnums::SHIPPING) order_statsu_sending @else order_status_warning @endif">{{ $item->getStatus() }}</span>
                                </td>
                                <td class="text-end">
                                    {{ number_format($item->total_price, 2) }}
                                </td>
                                <td class="text-center">
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-light-info dropdown-toggle" data-bs-toggle="dropdown"
                                            aria-expanded="false">
                                            {{__('manage')}}
                                        </button>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="{{ route('order.edit', $item->id) }}">{{ __('edit') }}</a></li>
                                            @if($item->status_booking != App\Enums\OrderStatusEnums::WAIT_PAYMENT && $item->status_booking != App\Enums\OrderStatusEnums::CANCEL)
                                            <li><a class="dropdown-item" href="{{ route('taxinvoice.create', ['ref_id' => $item->id]) }}">{{ __('create taxinvoice') }}</a></li>
                                            @endif
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center">{{ __("NoDataFound") }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="d-flex justify-content-end pb-0">
                {{ @$main->appends(request()->except('page'))->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        function deleteItem(id) {
            Swal.fire({
                title: 'Delete?',
                text: "You want delete value ?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#5e72e4',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
            }).then((result) => {
                if (result.isConfirmed) {
                    var is_url = "{{ route('order.destroy', ':id') }}";
                    $.ajax({
                        url: is_url.replace(':id', id),
                        type: 'DELETE',
                        data: {
                            _token: '{{ csrf_token() }}',
                            status: 0,
                        },
                        success: function(response) {
                            Swal.fire({
                                title: 'Success',
                                text: "Delete value success.",
                                icon: 'success',
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            });
                        },
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                            Swal.fire({
                                title: 'Error!!!',
                                text: "Cannot delete value.",
                                icon: 'error',
                            });
                        }
                    });
                }
            })
        }
        $("#searchInput").keyup(function(event) {
            if (event.keyCode === 13) {
                searchInput()
            }
        });

        function searchInput() {
            const search = $('#searchInput').val();
            const status = $('#status_booking').val();
            window.location.href = `{{ route('order.index') }}?search=${search}&status_booking=${status}`;
        }
    </script>
@endsection