@extends('layouts.app')
@section('title')
    {{ __('messages.Restaurants') }}
@endsection
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/css/pages/page-profile.css') }}" />

    <style>
        .select2-container--default .select2-results__option {
            display: flex;
            align-items: center;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            display: flex;
            align-items: center;
        }
    </style>
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">

        {{-- @include('admin.customers.includes.profile_info') --}}
        <!-- User Profile Content -->
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-3">
                    <div class="card-header pt-1">
                        <ul class="nav nav-tabs card-header-tabs" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link active" role="tab" data-bs-toggle="tab"
                                    data-bs-target="#navs-tab-main-data" aria-controls="navs-tab-main-data"
                                    aria-selected="false" tabindex="-1">
                                    {{ __('messages.Restaurant info') }}
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button type="button" class="nav-link " role="tab" data-bs-toggle="tab"
                                data-bs-target="#navs-tab-working" aria-controls="navs-tab-working"
                                aria-selected="true">
                                {{ __('messages.Working hours') }}
                            </button>
                        </li>
                        
                        <li class="nav-item" role="presentation">
                            <button type="button" class="nav-link " role="tab" data-bs-toggle="tab"
                                data-bs-target="#navs-tab-services" aria-controls="navs-tab-services"
                                aria-selected="true">
                                {{ __('messages.Restaurant services') }}
                            </button>
                        </li>

                        </ul>
                    </div>
                    <div class="card-body pt-3">
                        <div class="tab-content p-0">
                            {{-- start main data --}}
                            <div class="tab-pane fade {{ request('active_tab') == 'navs-tab-main-data' || !request('active_tab') ? 'active show' : '' }}" id="navs-tab-main-data" role="tabpanel">
                                @if ($data->restaurant_info)
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="card mb-4">
                                                <div class="user-profile-header-banner">
                                                    <img src="{{ isset($data->restaurant_info?->cover) ? asset($data->restaurant_info?->cover) : asset('assets/img/pages/profile-banner.png') }}"
                                                        alt="Banner image" class="rounded-top img_popup" />
                                                </div>
                                                <div
                                                    class="user-profile-header d-flex flex-column flex-sm-row text-sm-start text-center mb-4">
                                                    <div class="flex-shrink-0 mt-n2 mx-sm-0 mx-auto">
                                                        <img src="{{ isset($data->restaurant_info?->logo) ? asset($data->restaurant_info?->logo) : asset('default-images/profile.png') }}"
                                                            alt="user image"
                                                            class="d-block h-auto ms-0 ms-sm-4 rounded user-profile-img shadow-img img_popup" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xl-4 col-lg-5 col-md-5">
                                            <!-- About User -->
                                            <div class="card mb-4">
                                                <div class="card-body">
                                                    <small
                                                        class="card-text text-uppercase">{{ __('messages.Info') }}</small>
                                                    <ul class="list-unstyled mb-4 mt-3">
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-user text-heading"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages.Name') }}:</span>
                                                            <span>{{ $data->restaurant_info?->name }}</span>
                                                        </li>
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-user text-heading"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages.Description') }}:</span>
                                                            <span>{{ $data->restaurant_info?->description }}</span>
                                                        </li>
                                                    </ul>
                                                    <small
                                                        class="card-text text-uppercase">{{ __('messages.Contacts') }}</small>
                                                    <ul class="list-unstyled mb-4 mt-3">
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-phone-call"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages.Phone') }}:</span>
                                                            <span>({{ $data->restaurant_info?->mobile_country_code ?: null }})
                                                                {{ $data->restaurant_info?->mobile ?: null }}</span>
                                                        </li>

                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-brand-whatsapp"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages.Whatsapp') }}:</span>
                                                            <span>{{ $data->restaurant_info?->whatsapp_number }}</span>
                                                        </li>

                                                        {{-- <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-building-bank"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages.Bank account') }}:</span>
                                                            <span>{{ $data->restaurant_info?->bank_account }}</span>
                                                        </li> --}}

                                                    </ul>
                                                    <small
                                                        class="card-text text-uppercase">{{ __('messages.Location') }}</small>
                                                    <ul class="list-unstyled mb-4 mt-3">

                                                        <li class="d-flex align-items-center mb-3">
                                                            <a href="{{ $data->restaurant_info?->address }}"
                                                                target="_blank"><i class="ti ti-map-pin"></i></a><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages.Address') }}:</span>
                                                            <span>{{ $data->restaurant_info?->address_description }}</span>

                                                        </li>

                                                    </ul>


                                                </div>
                                            </div>

                                        </div>
                                        <div class="col-xl-8 col-lg-7 col-md-7">
                                            <div class="card mb-4">
                                                <div class="card-body">
                                                    <small
                                                        class="card-text text-uppercase">{{ __('messages.Document status') }}</small>
                                                    <div class="p-3 d-flex  gap-1">
                                                        {{-- <div class="btn-group" role="group" aria-label="Basic example"> --}}
                                                        @can('approve_reject_restaurant')
                                                            <div class="col-md-4 mb-1">

                                                                @if ($data->restaurant_info->status == 'pending')
                                                                    <button type="button" class="btn btn-primary btn_change"
                                                                        data-type="restaurant_info"
                                                                        data-id="{{ $data->id }}" data-bs-toggle="modal"
                                                                        data-tab="navs-tab-main-data"
                                                                        data-bs-target="#modalCenter">
                                                                        {{ __('messages.Change status') }}
                                                                    </button>
                                                                @elseif($data->restaurant_info->status == 'approved')
                                                                    <button type="button" class="btn btn-success btn_change"
                                                                        data-type="restaurant_info"
                                                                        data-id="{{ $data->id }}" data-bs-toggle="modal"
                                                                        data-tab="navs-tab-main-data"
                                                                        data-bs-target="#modalCenter">
                                                                        
                                                                        {{ __('messages.Approve data') }}
                                                                    </button>
                                                                @elseif($data->restaurant_info->status == 'rejected')
                                                                    <button type="button" class="btn btn-danger" disabled>
                                                                        {{ __('messages.Reject data') }}
                                                                    </button>
                                                                @endif
                                                            </div>
                                                        @endcan
                                                        <div class="col-md-3 mb-1">

                                                            @can('edit_restaurant_info')
                                                                <a href="{{ route('admin.restaurants.complete_data', $data) }}?step=account-details#account-details"
                                                                    class="btn btn-outline-primary waves-effect text-primary">{{ __('messages.Edit') }}<i
                                                                        class="fa-solid fa-pencil"></i></a>
                                                            @endcan
                                                        </div>
                                                        {{-- </div> --}}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <div class="row"
                                        style="min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;">
                                        <div class="p-3 d-flex justify-content-center gap-1">
                                            <div class="btn-group" role="group" aria-label="Basic example">
                                                @can('create_restaurant_info')
                                                    <a href="{{ route('admin.restaurants.complete_data', $data) }}?step=account-details#account-details"
                                                        class="btn btn-outline-primary waves-effect text-primary">{{ __('messages.ADD NEW ') }}<i
                                                            class="fa-solid fa-circle-plus"></i></a>
                                                @endcan
                                            </div>
                                        </div>
                                        <div class="text-center h2">
                                            لم يتم اضافة بيانات :(
                                        </div>
                                    </div>
                                @endif
                            </div>
                            {{-- end dates --}}
                            <div class="tab-pane fade {{ request('active_tab') == 'navs-tab-services'  ? 'active show' : '' }} " id="navs-tab-services" role="tabpanel">
                                @if ($data->booking_service)
                                    <div class="row">
                                        <div class="col-6">
                                            <div class="card mb-4">
                                                <div class="user-profile-header-banner">
                                                    <img src="{{ isset($data->booking_service?->license) ? asset($data->booking_service?->license) : asset('assets/img/pages/profile-banner.png') }}"
                                                        alt="Banner image" class="rounded-top img_popup" />
                                                </div>

                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6">
                                            <!-- About User -->
                                            <div class="card mb-4">
                                                <div class="card-body">
                                                    <small
                                                        class="card-text text-uppercase">{{ __('messages.Services') }}</small>
                                                    <ul class="list-unstyled mb-4 mt-3">
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-user text-heading"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages.Booking service') }}:</span>
                                                            <span>{{ $data->booking_service?->booking_service ? __('messages.Yes') . ' ' . $data->booking_service->booking_period : __('messages.No') }}</span>
                                                        </li>
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-user text-heading"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages.Delivery service') }}:</span>
                                                            <span>{{ $data->booking_service?->delivery_service ? __('messages.Yes') : __('messages.No') }}</span>
                                                        </li>
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-user text-heading"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages.Pickup service') }}:</span>
                                                            <span>{{ $data->booking_service?->pickup_service ? __('messages.Yes') : __('messages.No') }}</span>
                                                        </li>
                                                    </ul>

                                                    <small
                                                        class="card-text text-uppercase">{{ __('messages.Document status') }}</small>
                                                    <div class="d-flex justify-content-between">
                                                        @can('approve_reject_restaurant')
                                                            <div class="col-md-4 mb-1">

                                                                @if ($data->booking_service->status == 'pending')
                                                                    <button type="button" class="btn btn-primary btn_change"
                                                                        data-type="booking_service"
                                                                        data-id="{{ $data->id }}" data-bs-toggle="modal"
                                                                        data-tab="navs-tab-services"
                                                                        data-bs-target="#modalCenter">
                                                                        {{ __('messages.Change status') }}
                                                                    </button>
                                                                @elseif($data->booking_service->status == 'approved')
                                                                    <button type="button" class="btn btn-success btn_change"
                                                                        data-type="booking_service"
                                                                        data-id="{{ $data->id }}" data-bs-toggle="modal"
                                                                         data-tab="navs-tab-services"
                                                                        data-bs-target="#modalCenter">
                                                                        {{ __('messages.Approve data') }}
                                                                    </button>
                                                                @elseif($data->booking_service->status == 'rejected')
                                                                    <button type="button" class="btn btn-danger" disabled>
                                                                        {{ __('messages.Reject data') }}
                                                                    </button>
                                                                @endif
                                                            </div>
                                                        @endcan
                                                        <div class="col-md-3 mb-1">

                                                            @can('edit_restaurant_service')
                                                                <a href="{{ route('admin.restaurants.complete_data', $data) }}?step=personal-info#personal-info"
                                                                    class="btn btn-outline-primary waves-effect text-primary">{{ __('messages.Edit') }}<i
                                                                        class="fa-solid fa-pencil"></i></a>
                                                            @endcan
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                        </div>


                                    </div>
                                @else
                                    <div class="row"
                                        style="min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;">
                                        <div class="p-3 d-flex justify-content-center gap-1">
                                            <div class="btn-group" role="group" aria-label="Basic example">
                                                @can('create_restaurant_service')
                                                    <a href="{{ route('admin.restaurants.complete_data', $data) }}?step=personal-info#personal-info"
                                                        class="btn btn-outline-primary waves-effect text-primary">{{ __('messages.ADD NEW ') }}<i
                                                            class="fa-solid fa-circle-plus"></i></a>
                                                @endcan
                                            </div>
                                        </div>
                                        <div class="text-center h2">
                                            لم يتم اضافة بيانات :(
                                        </div>
                                    </div>
                                @endif
                            </div>


                            <div class="tab-pane fade  {{ request('active_tab') == 'navs-tab-working'  ? 'active show' : '' }}  " id="navs-tab-working" role="tabpanel">
                                @if ($data->working_hour && $data->working_hour->info)
                                    <div class="row">

                                        <div class="col-xl-12 col-lg-12 col-md-12">
                                            <!-- About User -->
                                            <div class="card mb-4">
                                                <div class="card-body">
                                                    <small
                                                        class="card-text text-uppercase">{{ __('messages.Working hours') }}</small>
                                                    <div class="table-responsive text-nowrap">
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th>#</th>
                                                                    <th>{{ __('messages.Day') }}</th>
                                                                    <th>{{ __('messages.Status') }}</th>
                                                                    <th>{{ __('messages.Start time') }}</th>
                                                                    <th>{{ __('messages.End time') }}</th>

                                                                </tr>
                                                            </thead>
                                                            <tbody class="table-border-bottom-0">

                                                                @include('inc.is_empty_data', [
                                                                    'var_check_empty' =>
                                                                        $data->working_hour?->info,
                                                                    'var_check_empty_rows' => 5,
                                                                ])

                                                                @foreach ($data->working_hour->info as $item)
                                                                    <tr>
                                                                        <th>{{ $loop->iteration }}</th>



                                                                        <td>{{ __("messages.$item->day") }}</td>
                                                                        <td>{{ $item->is_open ? __('messages.Open') : __('messages.Close') }}
                                                                        </td>
                                                                        <td>{{ $item->start_time ?? '------' }}</td>
                                                                        <td>{{ $item->end_time ?? '------' }}</td>


                                                                    </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>

                                                    </div>

                                                </div>
                                            </div>

                                            <small
                                                class="card-text text-uppercase">{{ __('messages.Document status') }}</small>
                                            <div class="d-flex justify-content-between">
                                                @can('approve_reject_restaurant')
                                                    <div class="col-md-4 mb-1">

                                                        @if ($data->working_hour->status == 'pending')
                                                            <button type="button" class="btn btn-primary btn_change"
                                                                data-type="working_hour" data-id="{{ $data->id }}"
                                                                 data-tab="navs-tab-working"
                                                                data-bs-toggle="modal" data-bs-target="#modalCenter">
                                                                {{ __('messages.Change status') }}
                                                            </button>
                                                        @elseif($data->working_hour->status == 'approved')
                                                            <button type="button" class="btn btn-success btn_change"
                                                                data-type="working_hour" data-id="{{ $data->id }}"
                                                                data-tab="navs-tab-working"
                                                                data-bs-toggle="modal" data-bs-target="#modalCenter">
                                                                {{ __('messages.Approve data') }}
                                                            </button>
                                                        @elseif($data->working_hour->status == 'rejected')
                                                            <button type="button" class="btn btn-danger" disabled>
                                                                {{ __('messages.Reject data') }}
                                                            </button>
                                                        @endif
                                                    </div>
                                                @endcan
                                                <div class="col-md-3 mb-1">

                                                    @can('edit_restaurant_service')
                                                        <a href="{{ route('admin.restaurants.complete_data', $data) }}?step=social-links#social-links"
                                                            class="btn btn-outline-primary waves-effect text-primary">{{ __('messages.Edit') }}<i
                                                                class="fa-solid fa-pencil"></i></a>
                                                    @endcan
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                @else
                                    <div class="row"
                                        style="min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;">
                                        <div class="p-3 d-flex justify-content-center gap-1">
                                            <div class="btn-group" role="group" aria-label="Basic example">
                                                @can('create_restaurant_service')
                                                    <a href="{{ route('admin.restaurants.complete_data', $data) }}?step=social-links#social-links"
                                                        class="btn btn-outline-primary waves-effect text-primary">{{ __('messages.ADD NEW ') }}<i
                                                            class="fa-solid fa-circle-plus"></i></a>
                                                @endcan
                                            </div>
                                        </div>
                                        <div class="text-center h2">
                                            لم يتم اضافة بيانات :(
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
    <div class="modal fade" id="modalCenter" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">

                <div class="modal-header">
                    <h5 class="modal-title" id="modalCenterTitle">{{ __('messages.Change status') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form method="POST" id="statusForm">
                    @csrf
                    <div class="modal-body">
                        <div class="row g-2">
                            <div class="col mb-3">
                                <label class="mb-1">{{ __('messages.Change status') }}</label>
                                <select name="status" id="select_department_id"
                                    class="form-control   @error('status') is-invalid @enderror ">
                                    <option value="">--------</option>

                                    <option value="approved" @selected(old('status') == 'approved')>
                                        {{ __('messages.Approve data') }}</option>
                                    <option value="rejected" @selected(old('status') == 'rejected')>
                                        {{ __('messages.Reject data') }}</option>
                                </select>
                                @error('status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col mb-3">
                            <label class="mb-1">{{ __('messages.Comment') }}</label>
                            <input type="text" id="status_notes"
                                class="form-control  @error('latest_status_note') is-invalid @enderror"
                                name="latest_status_note" value="{{ old('latest_status_note') }}" />
                            @error('latest_status_note')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">
                            {{ __('messages.Cancel') }}
                        </button>
                        <button type="submit" class="btn btn-primary">{{ __('messages.Save') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('assets/js/pages-profile.js') }}"></script>
    <script>
        // $('.select2').select2();
        $(document).ready(function() {
            var modal = $('#modalCenter');

            modal.find('#select_department_id').on('change', function() {
                var status = $(this).val();
                if (status == 'rejected') {
                    modal.find('#status_notes').prop('required', true);
                } else {
                    modal.find('#status_notes').prop('required', false);
                }
            });
            modal.on('show.bs.modal', function(event) {
                var button = $(event.relatedTarget);

                var id = button.data('id');
                var type = button.data('type');

                var actionUrl =
                    "{{ route('admin.restaurants.change_document_status', ['id' => ':id', 'type' => ':type']) }}"
                    .replace(':id', id)
                    .replace(':type', type);

                // Set the form action
                $('#statusForm').attr('action', actionUrl);
            });
        });
    </script>

<script>
    $(document).ready(function () {
        // جلب الـ active_tab من الـ URL
        const urlParams = new URLSearchParams(window.location.search);
        const activeTab = urlParams.get('active_tab');

        if (activeTab) {
            // إلغاء تفعيل الـ Tab الافتراضية
            $('.nav-link.active').removeClass('active');
            $('.tab-pane.active.show').removeClass('active show');

            // تفعيل الـ Tab المطلوبة
            const $targetTab = $(`button[data-bs-target="#${activeTab}"]`);
            const $targetPane = $(`#${activeTab}`);
            if ($targetTab.length && $targetPane.length) {
                $targetTab.addClass('active');
                $targetPane.addClass('active show');
            }
        }

        // إضافة الـ active_tab للـ URL لما المستخدم يضغط على زرار Change Status
        $('.btn_change').on('click', function () {
            const tab = $(this).data('tab');
            // تخزين الـ tab في الـ sessionStorage عشان نستخدمها بعدين
            sessionStorage.setItem('active_tab', tab);
        });
    });
</script>
@endsection