@extends('layout')

@section('h4-page', __('Rider Payment'))

@section('contents')
    <div class="row layout-top-spacing">
        <div class="mt-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">x</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="col-12 mb-md-0 mb-4">
            <div class="card mb-5">
                <div class="card-body">
                    <form method="GET" action="{{ route('rider.order_payment') }}">
                        <div class="row g-3 align-items-center mb-4">
                            <div class="col-auto">
                                <label for="date_start" class="form-label">{{ __('StartDate') }}</label>
                                <input type="date" id="date_start" name="date_start" class="form-control"
                                    value="@if(request()?->date_start){{date('Y-m-d', strtotime(request()?->date_start))}}@else{{ now()->format('Y-m-d') }}@endif"
                                    onchange="searchInput()">
                            </div>
                            <div class="col-auto">
                                <label for="date_end" class="form-label">{{ __('EndDate') }}</label>
                                <input type="date" id="date_end" name="date_end" class="form-control"
                                    value="@if(request()?->date_end){{date('Y-m-d', strtotime(request()?->date_end))}}@else{{ now()->format('Y-m-d') }}@endif"
                                    onchange="searchInput()">
                            </div>
                            <div class="col-auto">
                                <label for="date_end" class="form-label">{{ __('RiderName') }}</label>
                                <select name="rider_id" id="rider_id" class="form-select">
                                    <option value="">{{ __('-Select Rider-') }}</option>
                                    @foreach ($riders as $key => $item)
                                        <option value="{{ $item->id }}"
                                            @if (request()?->rider_id == $item->id) selected @endif>{{ $item->fullname() }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-auto">
                                <button type="submit" class="btn btn-info mt-4">{{ __('Search') }}</button>
                                {{-- <div class="btn btn-success mt-4" onclick="exportExcel()">{{ __('ExportExcel') }}</div> --}}
                            </div>
                            <div class="col-auto">
                                <a href="{{ route('rider.order_payment_create') }}"
                                    class="btn btn-info mt-4">{{ __('Pay') }}</a>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
            @forelse ($main as $key => $item)
                <p>{{ $item['rider']?->fullname() }}</p>
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>{{ __('OrderNo') }}</th>
                                <th>{{ __('Type') }}</th>
                                <th>{{ __('Amount / Bath') }}</th>
                                <th>{{ __('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($item['task'] as $key2 => $detail)
                                <tr>
                                    <td>{{ $detail?->order?->no }}</td>
                                    <td>{{ $detail?->type }}</td>
                                    <td>
                                        @if ($detail->type == 'RECEIVE')
                                            @php
                                                $json = json_decode($detail->order?->condition_service);
                                                if ($json) {
                                                    echo number_format($json[0]?->price, 2);
                                                }

                                            @endphp
                                        @else
                                            @php
                                                $json = json_decode($detail->order?->condition_service);
                                                if ($json) {
                                                    echo number_format($json[1]?->price, 2);
                                                }

                                            @endphp
                                        @endif
                                    </td>
                                    <td>@if ($detail->ref) <a href="{{ route('rider.order_payment_show', $detail->ref) }}" class="btn btn-info">{{ __('view') }}</a>  @endif</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @empty
                <p>{{ __('NoDataFound') }}</p>
            @endforelse

        </div>
    </div>
@endsection

@section('scripts')
    <script>
        let temp_date_start =
            "@if (request()?->date_start){{ date('Y-m-d', strtotime(request()?->date_start)) }}@else{{ now()->format('Y-m-d') }}@endif"
        let temp_date_end =
            "@if (request()?->date_end){{ date('Y-m-d', strtotime(request()?->date_end)) }}@else{{ now()->format('Y-m-d') }}@endif"

        function searchInput() {
            const date_start = $('#date_start').val();
            const date_end = $('#date_end').val();
            if (date_end < date_start) {
                Swal.fire({
                    title: '{{ __('warning') }}',
                    text: "{{ __('Please select an end date that is greater than the start date.') }}",
                    icon: 'warning',
                });
                $('#date_end').val(temp_date_end);
                $('#date_start').val(temp_date_start);
            } else if (date_start > date_end) {
                Swal.fire({
                    title: '{{ __('warning') }}',
                    text: "{{ __('Please select a start date less than the end date.') }}",
                    icon: 'warning',
                });
                $('#date_end').val(temp_date_end);
                $('#date_start').val(temp_date_start);
            } else {
                // window.location.href =
                //     `{{ route('report.ReportPopularService') }}?date_start=${date_start}&date_end=${date_end}`;
            }
        }

        function exportExcel() {
            const date_start = $('#date_start').val();
            const date_end = $('#date_end').val();
            const lang = "{{ session('locale') }}";
            window.location.href =
                `{{ route('export.excel.ReportPopularService') }}?date_start=${date_start}&date_end=${date_end}&lang=${lang}`;
        }
    </script>
@endsection