@extends('admin::layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('admin::partials.title-pad', [
                'title' => __('admin.my_bookings'),
                'search' => $search,
                'searchPlaceholder' => __('placeholder.search_bookings'),
                'filter' => 'admin.bookings.index',
                'list' => $orders,
            ])
            <div class="row mt-2">
                <div class="col-md-12">
                    <ul class="nav nav-tabs customer-tab-profile">
                        <li class="nav-item profileLink">
                            <a class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.bookings.index' ? 'active' : '' }}"
                                href="{{ route('admin.bookings.index') }}">
                                <i class="fa fa-calendar"></i> ({{ $todaysOrdersCount }}) {{ __('admin.todays') }}
                            </a>
                        </li>
                        {{-- <li class="nav-item profileLink">
                            <a class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.bookings.new' ? 'active' : '' }}"
                                href="{{ route('admin.bookings.new') }}">
                                <i class="fa fa-folder-open-o"></i> ({{ $newOrdersCount }}) {{ __('admin.new_bookings') }}
                            </a>
                        </li> --}}
                        <li class="nav-item profileLink">
                            <a class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.bookings.upcoming' ? 'active' : '' }}"
                                href="{{ route('admin.bookings.upcoming') }}">
                                <i class="fa fa-flask"></i> ({{ $upcomingOrdersCount }}) {{ __('admin.upcoming') }}
                            </a>
                        </li>
                        <li class="nav-item profileLink">
                            <a class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.bookings.completed' ? 'active' : '' }}"
                                href="{{ route('admin.bookings.completed') }}">
                                <i class="fa fa-check-square"></i>({{ $completedOrdersCount }})
                                {{ __('admin.completed') }}
                            </a>
                        </li>
                        <li class="nav-item profileLink">
                            <a class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.bookings.rejected' ? 'active' : '' }}"
                                href="{{ route('admin.bookings.rejected') }}">
                                <i class="fa fa-window-close-o"></i>({{ $rejectedOrdersCount }})
                                {{ __('admin.rejected') }}
                            </a>
                        </li>
                        <li class="nav-item profileLink">
                            <a class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.bookings.cancelled' ? 'active' : '' }}"
                                href="{{ route('admin.bookings.cancelled') }}">
                                <i class="fa fa-window-close-o"></i>({{ $cancelledOrdersCount }})
                                {{ __('admin.cancelled') }}
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="Today">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="tabData">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <h6 class="mt-2">{{ __('admin.recent_received_bookings') }}</h6>
                                            </div>
                                        </div>
                                        <div class="mt-2 mb-2">
                                            <div class="dashbed-border-bottom"></div>
                                        </div>
                                        <div class="pb-4">
                                            <div class="table-responsive bg-white">
                                                <table class="table table-striped table-bordered admintable border-0"
                                                    cellspacing="0" cellpadding="0">
                                                    <tbody>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>{{ __('admin.booking_no') }}</th>
                                                            <th>{{ __('admin.branch_name') }}</th>
                                                            <th>{{ __('admin.customer_details') }}</th>
                                                            <th>{{ __('admin.time_slot') }}</th>
                                                            <th>{{ __('admin.service') }}</th>
                                                            <th>{{ __('admin.type') }}</th>
                                                            <th>{{ __('admin.amount') }}</th>
                                                            <th>{{ __('admin.address') }}</th>
                                                            <th>{{ __('admin.status') }}</th>
                                                            <th>{{ __('admin.action') }}</th>
                                                        </tr>
                                                        @forelse($orders as $key => $order)
                                                            <tr data-order-id="{{ $order->id }}">
                                                                <td>{{ $key + 1 }}</td>
                                                                <td>{{ $order->order_no }}</td>
                                                                <td>{{ @$order->branch->name_en }}</td>
                                                                <td>
                                                                    <strong>{{ isset($order->user->name) ? $order->user->name : '' }}</strong><br />
                                                                    {{ isset($order->user->mobileCode->dial_code) ? $order->user->mobileCode->dial_code : '' }}
                                                                    {{ isset($order->user->mobile_number) ? $order->user->mobile_number : '' }}
                                                                </td>
                                                                <td>{{ isset($order->date) ? Modules\Admin\Helpers\GeneralHelper::dateFormat($order->date) : '-' }}<br />
                                                                    <span class="badge badge-secondary">
                                                                        {{ date('h:i A', strtotime($order->start_time)) }}
                                                                        to {{ date('h:i A', strtotime($order->end_time)) }}
                                                                    </span>
                                                                </td>
                                                                <td>
                                                                    @forelse ($order->services as $service)
                                                                        <span
                                                                            class="badge badge-info">{{ isset($service->name_en) ? ucfirst($service->name_en) : '' }}</span>
                                                                    @empty
                                                                        <span class="badge badge-danger">NA</span>
                                                                    @endforelse
                                                                </td>
                                                                <td><span
                                                                        class="badge badge-info">{{ !empty($order->serviceType->service_en) ? $order->serviceType->service_en : '' }}</span>
                                                                </td>
                                                                <td>{{ 'EGP ' . $order->payable_amount }}</td>
                                                                <td>{{ $order->address }}</td>
                                                                <td><span
                                                                        class="badge badge-success">{{ __( 'static.'.$order->status) }}</span>
                                                                </td>
                                                                <td>
                                                                    <div class="dropdown">
                                                                        <a class="admintabledrop" data-toggle="dropdown"
                                                                            href="#" aria-expanded="true">
                                                                            <img src="{{ asset('admin-assets/img/dot.svg') }}"
                                                                                class="editbtn">
                                                                        </a>
                                                                        <div
                                                                            class="dropdown-menu dropdown-menu-md tableaction dropdown-menu-right">
                                                                            <ul>
                                                                                @if (Auth::user()->hasPermission('admin.bookings.staffs'))
                                                                                    @if ($order->status != 'completed' && $order->status != 'cancelled' && $order->status != 'rejected')
                                                                                        <li><a href="#assignorder"
                                                                                                data-url="/admin/bookings/staffs/{{ $order->id }}"
                                                                                                onclick="setAssignStaffModal(this)"
                                                                                                data-toggle="modal"><i
                                                                                                    class=" fa fa-user-circle-o"></i>
                                                                                                {{ __('admin.assign_staff') }}</a>
                                                                                        </li>
                                                                                    @endif
                                                                                @endif
                                                                                @if (Auth::user()->hasPermission('admin.bookings.render-reject-modal'))
                                                                                    @if ($order->status != 'completed' && $order->status != 'cancelled' && $order->status != 'rejected')
                                                                                        <li><a href="#rejectorder"
                                                                                                data-url="/admin/bookings/render-reject-modal/{{ $order->id }}"
                                                                                                onclick="setRejectModal(this)"
                                                                                                data-toggle="modal"
                                                                                                class="open-modal"><i
                                                                                                    class="fa fa-close"></i>
                                                                                                {{ __('admin.reject') }}</a>
                                                                                        </li>
                                                                                    @endif
                                                                                @endif
                                                                                @if (Auth::user()->hasPermission('admin.bookings.show'))
                                                                                    <li><a
                                                                                            href="{{ url('admin/bookings/' . $order->id) }}"><i
                                                                                                class="fa fa-eye"></i>
                                                                                            {{ __('admin.view_details') }}</a>
                                                                                    </li>
                                                                                @endif
                                                                                @if (Auth::user()->hasPermission('admin.bookings.reschedule'))
                                                                                    @if ($order->status != 'completed' && $order->status != 'cancelled' && $order->status != 'rejected')
                                                                                        <a href="#rescduleorder"
                                                                                            data-url="/admin/bookings/reschedule/{{ $order->id }}"
                                                                                            onclick="rescheduleModal(this)"
                                                                                            data-toggle="modal"><i
                                                                                                class="fa fa-calendar"></i>
                                                                                            {{ __('admin.re-schedule') }}
                                                                                        </a>
                                                                                    @endif
                                                                                @endif
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        @empty
                                                            <tr>
                                                                <td colspan="10">
                                                                    <p>
                                                                        <center class="text-danger">
                                                                            {{ __('admin::message.no_records_found') }}
                                                                        </center>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        @endforelse
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        {{-- Pagination --}}
                                        {{ $orders->appends(request()->input())->links('admin::partials.pagination') }}
                                        {{-- Pagination End --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>

    {{-- booking filter modal start --}}

    @include('admin::partials.modals.booking-filter')

    {{-- booking filter modal end --}}

    {{-- booking reject modal start --}}
    @if (Auth::user()->hasPermission('admin.bookings.rejected'))
        <div class="modal fade" id="rejectorder" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
            aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                <div class="modal-content bg-light modalPad" id="reject-form-data">
                </div>
            </div>
        </div>
    @endif
    {{-- booking reject modal end --}}

    {{-- reschedule --}}
    @if (Auth::user()->hasPermission('admin.bookings.reschedule'))
        <div class="modal fade" id="rescduleorder" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
            aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                <div class="modal-content bg-light modalPad" id="reschedule-form-data">
                </div>
            </div>
        </div>
    @endif


    @if (Auth::user()->hasPermission('admin.bookings.staffs'))
        <div class="modal fade" id="assignorder" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
            aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                <div class="modal-content bg-light modalPad" id="staff-list">

                </div>
            </div>
        </div>
    @endif
@endsection
@section('script')
    <script>
        function clearFilter() {
            document.getElementById("filter-form").reset();
            const currentUrl = new URL(window.location.href);
            currentUrl.searchParams.delete('status');
            currentUrl.searchParams.delete('from_date');
            currentUrl.searchParams.delete('to_date');
            const newUrl = currentUrl.origin + currentUrl.pathname;
            window.location.href = newUrl;
        }

        function setAssignStaffModal(element) {
            var $url = $(element).attr("data-url");
            $.ajax({
                url: app_url + $url,
                type: 'GET',
                cache: false,
                datatype: 'html',
                success: function(data) {
                    $('#staff-list').html(data.data);
                }
            });
        }

        // reject orders
        $(document).ready(function() {
            $('.open-modal').click(function() {
                var orderId = $(this).closest('tr').data('order-id');
                $('#order_id').val(orderId);
            });
        });


        //reschedule modal
        function rescheduleModal(element) {
            var $url = $(element).attr("data-url");
            console.log($url);
            $.ajax({
                url: app_url + $url,
                type: 'GET',
                cache: false,
                datatype: 'html',
                success: function(data) {
                    $('#reschedule-form-data').html(data.data);
                }
            });
        }

        //reject modal
        function setRejectModal(element) {
            var $url = $(element).attr("data-url");
            $.ajax({
                url: app_url + $url,
                type: 'GET',
                cache: false,
                datatype: 'html',
                success: function(data) {
                    $('#reject-form-data').html(data.data);
                }
            });
        }
    </script>
@endsection