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

@endsection
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    @include('inc.breadcrumb', [
    'breadcrumb_items' => [
    __('messages.Home') => route('home'),
    __('messages.Restaurants') => route("admin.restaurants.index"),
    $data->name=>"active",
    ],
    ])
    <div class="col-12">
        <div class="card mb-6">
            <div class="user-profile-header-banner">
                <img src="{{ $data->restaurant_info?->cover ? asset($data->restaurant_info?->cover) :  asset("default-images/default.png") }}" alt="Banner image" class="rounded-top zoom-image">
            </div>
            <div class="user-profile-header d-flex flex-column flex-lg-row text-sm-start text-center mb-5">
                <div class="flex-shrink-0 mt-n2 mx-sm-0 mx-auto">
                    <img  src="{{ $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-6 rounded user-profile-img zoom-image">
                </div>
                <div class="flex-grow-1 mt-3 mt-lg-5">
                    <div
                        class="d-flex align-items-md-end align-items-sm-start align-items-center justify-content-md-between justify-content-start mx-5 flex-md-row flex-column gap-4">
                        <div class="user-profile-info">
                            <h4 class="mb-2 mt-lg-6">
                                {{ $data->name }}
                            </h4>
                            <ul
                                class="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-4 my-2">
                                <li class="list-inline-item d-flex gap-2 align-items-center">
                                    <i class="ti ti-phone ti-lg"></i><span class="fw-medium"> {{ $data->mobile }}</span>
                                </li>
                                <li class="list-inline-item d-flex gap-2 align-items-center">
                                    <i class="ti ti-star ti-lg"></i><span class="fw-medium">{{
                                        $data->restaurant_ratings->avg("rate") ? $data->restaurant_ratings->avg("rate")
                                        : '0.0' }} ( {{ $data->restaurant_ratings->count() }} <i class="fa fa-user"></i>
                                        )</span>
                                </li>
                                <li class="list-inline-item d-flex gap-2 align-items-center">
                                    <i class="ti ti-calendar ti-lg"></i><span class="fw-medium"> {{
                                        __("messages.Joined") }} {{
                                        \Carbon\Carbon::parse($data->created_at)->locale(app()->getLocale())->translatedFormat('F
                                        Y') }}</span>
                                </li>
                            </ul>
                        </div>
                        <div class="btn-group" role="group" aria-label="Basic example">

                            @can('paperwork_procedures')
                                
                            
                                @if($data->restaurants_service || $data->working_hour || $data->restaurant_info)
                                <button type="button" data-bs-toggle="modal" data-bs-target="#docs_actions_modal"  class="btn btn-outline-primary waves-effect text-primary">{{ __("messages.Paperwork Procedures") }}<i class="fa-solid fa-file"></i></button>
                                @else
                                <button type="button"   class="btn btn-outline-primary waves-effect text-primary disabled">{{ __("messages.Paperwork Procedures") }}<i class="fa-solid fa-file"></i></button>

                                @endif
                            @endcan

                            @can('document_update_procedures')
                                
                            
                                @if($data->temp_working_hour || $data->temp_restaurants_service || $data->temp_restaurant_info)
                                <button type="button" data-bs-toggle="modal" data-bs-target="#docs_update_actions_modal"  class="btn btn-outline-primary waves-effect text-primary">{{ __("messages.Document Update Procedures") }}<i class="fa-solid fa-file"></i></button>
                                @else
                                <button type="button"   class="btn btn-outline-primary waves-effect text-primary disabled">{{ __("messages.Document Update Procedures") }}<i class="fa-solid fa-file"></i></button>

                                @endif
                            @endcan
                            <div class="btn-group">
                                <button type="button" class="btn btn-outline-primary dropdown-toggle waves-effect" data-bs-toggle="dropdown" aria-expanded="false">
                                    {{ __("messages.More") }}...
                                </button>
                                <ul class="dropdown-menu">
                                    @can('edit_restaurant')
                                        
                                  
                                    <li><a class="dropdown-item waves-effect" href="{{ route("admin.restaurants.edit" , $data->id) }}"><i class="fa-solid fa-pencil"></i>{{ __("messages.Edit") }}</a></li>
                                    @endcan
                                     @can('restaurant_notify')
                                    <li><a class="dropdown-item waves-effect" href="{{ route("admin.restaurants.notify.create" , $data->id) }}"><i class="fa-solid fa-bell"></i>{{ __("messages.New Notification") }}</a></li>
                                    @endcan
                                </ul>
                            </div>

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

    <div class="row mb-4 mt-5">
        <h6 class="text-muted">{{ __("messages.Restaurant info") }} & {{ __("messages.Working hours") }}</h6>

        <!-- Accordion with Icon -->
        <div class="col-md mb-6 mb-md-2">
            <div class="accordion mt-4" id="accordionWithIcon">
                <div class="accordion-item card">
                    <h2 class="accordion-header d-flex align-items-center">
                        <button type="button" class="accordion-button collapsed" data-bs-toggle="collapse"
                            data-bs-target="#accordionWithIcon-account" aria-expanded="false">
                            <i class="me-2 ti ti-user"></i>
                            {{ __("messages.Account information") }}
                        </button>
                    </h2>
                    <div id="accordionWithIcon-account" class="accordion-collapse collapse ">
                        <div class="accordion-body">
                            <ul class="list-group">
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-user ti-md me-3"></i>
                                    {{ $data->name }}
                                </li>
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-phone ti-md me-3"></i>
                                    {{ $data->mobile }}
                                </li>
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-mail ti-md me-3"></i>
                                    {{ $data->email }}
                                </li>
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-ban ti-md me-3"></i>
                                    @if ($data->is_block)
                                        <span class="badge bg-label-danger me-1">{{ __('messages.Blocked') }}<i
                                                style="width: 100px;" class="fa-solid fa-ban"></i></span>
                                    @else
                                        <span style="width: 100px;"  class="badge bg-label-primary me-1">{{ __('messages.Not Banned') }}<i
                                                 class="fa-solid fa-circle-check"></i></span>
                                    @endif
                                </li>

                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-mail-opened ti-md me-3"></i>
                                   @if (!$data->email_verified_at)
                                        <span style="width: 100px;"  class="badge bg-label-danger me-1">{{ __('messages.In Active') }}<i
                                                class="fa-solid fa-circle-xmark"></i></span>
                                    @else
                                        <span style="width: 100px;"
                                            class="badge bg-label-primary me-1">{{ __('messages.Active') }}<i
                                                style="" class="fa-solid fa-circle-check"></i></span>
                                    @endif
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>


              
                    
               
                <div class="accordion-item card">
                    <h2 class="accordion-header d-flex align-items-center">
                        <button type="button" class="accordion-button collapsed" data-bs-toggle="collapse"
                            data-bs-target="#accordionWithIcon-bank-account" aria-expanded="false">
                            <i class="me-2 ti ti-building-warehouse"></i>
                            {{ __("messages.Bank account") }} ({{ __("messages.Default") }})
                        </button>
                    </h2>
                    <div id="accordionWithIcon-bank-account" class="accordion-collapse collapse ">
                        <div class="accordion-body">
                              @if($bank_account_default)
                                <ul class="list-group">
                                        <li title="{{ __('messages.Name on card') }}"  class="list-group-item d-flex align-items-center">
                                            <i class="ti ti-id ti-md me-3"></i>
                                            {{ $bank_account_default->name_on_card }}
                                        </li>
                                        <li title="{{ __('messages.Bank name') }}"  class="list-group-item d-flex align-items-center">
                                            <i class="ti ti-building-bank ti-md me-3"></i>
                                            {{ $bank_account_default->bank_name }}
                                        </li>
                                        <li title="{{ __('messages.Account Number') }}"  class="list-group-item d-flex align-items-center">
                                            <i class="ti ti-number ti-md me-3"></i>
                                            {{ $bank_account_default->account_number }}
                                        </li>
                                        <li title="{{ __('messages.Iban Number') }}"  class="list-group-item d-flex align-items-center">
                                            <i class="ti ti-file ti-md me-3"></i>
                                            {{ $bank_account_default->iban_number }}
                                        </li>
                                        <li title="{{ __('messages.Bank code') }}"  class="list-group-item d-flex align-items-center">
                                            <i class="ti ti-letter-c ti-md me-3"></i>
                                            {{ $bank_account_default->bank_code }}
                                        </li>
                                    </ul>
                                 @else

                                <div class="text-center">
                                    <img width="200" height="200" src="{{ asset("assets/img/empty_data2.png") }}" alt="">
                                    <p class="h5">{{ __("messages.The restaurant has not registered any bank accounts") }} :(</p>
                                     @can('restaurant_notify')
                                    <div class="text-center">
                                        <a href="{{ route('admin.restaurants.notify.create', $data) }}?notify_bank_account=true" class="btn btn-primary">{{ __("messages.Send notification to complete data registration") }} <i
                                                        class="ti ti-bell "></i> </a>
                                    </div>
                                    @endcan
                                </div>
                               @endif
                           
                        </div>
                    </div>
                </div>

                <div class="accordion-item card">
                    <h2 class="accordion-header d-flex align-items-center">
                        <button type="button" class="accordion-button collapsed" data-bs-toggle="collapse"
                            data-bs-target="#accordionWithIcon-0" aria-expanded="false">
                            <i class="me-2 ti ti-tools-kitchen"></i>
                            {{ __("messages.Restaurant info") }}  
                             @include("admin.restaurants.status_docs" , ['docs_check'=>$data->restaurant_info])
                        </button>
                    </h2>
                    <div id="accordionWithIcon-0" class="accordion-collapse collapse ">
                        <div class="accordion-body">
                            @if(!$data->restaurant_info)
                            <div class="text-center">
                                <img width="200" height="200" src="{{ asset("assets/img/empty_data2.png") }}" alt="">
                                <p class="h5">{{ __("messages.The restaurant information is pending") }} :(</p>
                            </div>
                            @else
                            <ul class="list-group">
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-file ti-md me-3"></i>
                                    {{ $data->restaurant_info->name }}
                                </li>

                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-file-description ti-md me-3"></i>
                                    {{ $data->restaurant_info->description }}
                                </li>
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-phone ti-md me-3"></i>
                                    {{ $data->restaurant_info->mobile }}
                                </li>
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-brand-whatsapp ti-md me-3"></i>
                                    {{ $data->restaurant_info->whatsapp_number }}
                                </li>

                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-map-pin ti-md me-3"></i>
                                    <a class="text-light" href="{{ $data->restaurant_info->address }}">{{
                                        $data->restaurant_info->address_description }}</a>
                                </li>

                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-building-bank ti-md me-3"></i>
                                   {{ $data->restaurant_info?->city?->name }}
                                </li>

                                 <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-directions ti-md me-3"></i>
                                  
                                    @foreach ($user_regions as  $user_region)
                                        {{ $user_region->region->name  }} , 
                                    @endforeach
                                </li>
                            </ul>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="accordion-item card">
                    <h2 class="accordion-header d-flex align-items-center">
                        <button type="button" class="accordion-button collapsed" data-bs-toggle="collapse"
                            data-bs-target="#accordionWithIcon-2" aria-expanded="false">
                            <i class="me-2 ti ti-clock-hour-3"></i>
                            {{ __("messages.Working hours") }} 
                             @include("admin.restaurants.status_docs" , ['docs_check'=>$data->working_hour])

                        </button>
                    </h2>
                    <div id="accordionWithIcon-2" class="accordion-collapse collapse ">
                        <div class="accordion-body">
                            @if(!$data->working_hour)
                             <div class="text-center">
                                <img width="200" height="200" src="{{ asset("assets/img/empty_data2.png") }}" alt="">
                                <p class="h5">{{ __("messages.Working hours are pending") }} :(</p>
                            </div>
                            @else
                            <table class="datatables-order-details table text-center">
                                <thead>
                                    <tr class="border border-dark">
                                        <th class="border border-dark">{{ __("messages.Day") }}</th>
                                        <th class="border border-dark">{{ __("messages.Status") }}</th>
                                        <th class="border border-dark">{{ __("messages.From") }} - {{ __("messages.To")
                                            }}</th>
                                    </tr>
                                    @foreach (\App\Enums\WokrDayEnum::values() as $day)
                                    @php $day_info = collect($data->working_hour->info)->firstWhere('day', $day);
                                    @endphp
                                    <tr class="border border-dark">
                                        <th class="border border-dark">{{ __("messages.$day") }}</th>
                                        <th class="border border-dark">
                                            @if(isset($day_info) && $day_info['is_open'])
                                            <i class="ti ti-check text-success"></i>
                                            @else
                                            <i class="ti ti-x text-danger"></i>

                                            @endif
                                        </th>
                                        <th class="border border-dark">{{ isset($day_info) && $day_info['is_open'] ?
                                            $day_info->start_time_format . " - " . $day_info->end_time_format :
                                            "-----------"}}</th>
                                    </tr>
                                    @endforeach
                                </thead>
                            </table>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="accordion-item card">
                    <h2 class="accordion-header d-flex align-items-center">
                        <button type="button" class="accordion-button collapsed" data-bs-toggle="collapse"
                            data-bs-target="#accordionWithIcon-3" aria-expanded="false">
                            <i class="me-2 ti ti-elevator"></i>
                            {{ __("messages.Services") }}
                           @include("admin.restaurants.status_docs" , ['docs_check'=>$data->restaurants_service])

                        </button>
                    </h2>
                    <div id="accordionWithIcon-3" class="accordion-collapse collapse ">
                        <div class="accordion-body">
                            @if(!$data->restaurants_service)
                             <div class="text-center">
                                <img width="200" height="200" src="{{ asset("assets/img/empty_data2.png") }}" alt="">
                                <p class="h5">{{ __("messages.Services information is pending") }} :(</p>
                            </div>
                            @else
                            <ul class="list-group">
                                @if($data->restaurants_service->booking_service)
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-square-check text-success ti-md me-3"></i>
                                    <i class="ti ti-file-pencil ti-md me-3"></i>
                                    {{ __('messages.Booking service') }}
                                </li>
                                @else
                                <li class="list-group-item d-flex align-items-center ">
                                    <i class="ti ti-square-x text-danger ti-md me-3"></i>
                                    <i class="ti ti-file-pencil ti-md me-3"></i>
                                    <span class="text-muted"> {{ __('messages.Booking service') }}</span>
                                </li>
                                @endif

                                @if($data->restaurants_service->pickup_service)
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-square-check text-success ti-md me-3"></i>
                                    <i class="ti ti-car ti-md me-3"></i>
                                    {{ __('messages.Pickup service') }}
                                </li>
                                @else
                                <li class="list-group-item d-flex align-items-center ">
                                    <i class="ti ti-square-x text-danger ti-md me-3"></i>
                                    <i class="ti ti-car ti-md me-3"></i>
                                    <span class="text-muted"> {{ __('messages.Pickup service') }}</span>
                                </li>
                                @endif

                                @if($data->restaurants_service->delivery_service)
                                <li class="list-group-item d-flex align-items-center">
                                    <i class="ti ti-square-check text-success ti-md me-3"></i>
                                    <i class="ti ti-motorbike ti-md me-3"></i>
                                    {{ __('messages.Delivery service') }}
                                </li>
                                @else
                                <li class="list-group-item d-flex align-items-center ">
                                    <i class="ti ti-square-x text-danger ti-md me-3"></i>
                                    <i class="ti ti-motorbike ti-md me-3"></i>
                                    <span class="text-muted"> {{ __('messages.Delivery service') }}</span>
                                </li>
                                @endif


                                 @if( $data->restaurants_service->license &&  $data->restaurants_service?->license)
                                    <li class="list-group-item d-flex align-items-center">
                                       <a download href="{{  asset( $data->restaurants_service?->license) }}"><i class="ti ti-download"></i></a>
                                        <i class="ti ti-motorbike ti-md me-3"></i>
                                        {{ __('messages.License') }}
                                    </li>

                                    

                                  
                                @endif

                            </ul>
                            @endif




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

    </div>


    @include("admin.restaurants.temp_data")

    <div class="mb-4 mt-5"></div>
    <h6 class="text-muted">{{ __("messages.Delivery regions") }} </h6>
     <div class="mt-4"></div>
    <div class="col-xl-12  card p-2">
        
        @if(!count($delivery_regions))
                <div class="text-center">
                <img width="200" height="200" src="{{ asset("assets/img/empty_data2.png") }}" alt="">
                <p class="h5">{{ __("messages.There is no data to display") }} :(</p>
            </div>
        @else
        <div class="table-responsive text-nowrap border border-dark rounded"
            style="max-height: 500px; overflow-y: auto;">
            <table class="table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>{{ __('messages.City') }}</th>
                        <th>{{ __('messages.Region') }}</th>
                        <th>{{ __('messages.Price') }} </th>
                    </tr>
                </thead>
                <tbody class="table-border-bottom-0">

                    @foreach ($delivery_regions as $item)
                        @foreach ($item->delivery_fees as $delivery_fee)
                        <tr>
                            <th>{{ $loop->index + 1 }}</th>


                            <td>{{ $item->city->name }}</td>
                            <td>{{ $delivery_fee->region->name }}</td>
                            <td>{{ $delivery_fee->amount }} {{ __("messages.AED") }}</td>
                        
                        </tr>
                        @endforeach
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>



     <div class="mb-4 mt-5"></div>
    <h6 class="text-muted mt-3">{{ __("messages.Most Recent Ratings") }} </h6>
    <div class="col-xl-12  card p-2">
        
        @if(!count($last_reates))
                <div class="text-center">
                <img width="200" height="200" src="{{ asset("assets/img/empty_data2.png") }}" alt="">
                <p class="h5">{{ __("messages.There is no data to display") }} :(</p>
            </div>
        @else
        <div class="table-responsive text-nowrap border border-dark rounded p-1"
            style="max-height: 300px; overflow-y: auto;">
             <div class="d-flex justify-content-end my-2">
            @can('view_restaurant_rate')
                <a class="btn btn-primary" href="{{ route("admin.restaurants.rates" , $data->id) }}">{{ __("messages.View More") }} <i class="ti ti-caret-left"></i></a>
             @endcan
             </div>
            <table class="table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>{{ __('messages.Client') }}</th>
                        <th>{{ __('messages.Rate') }}</th>
                        <th>{{ __('messages.Comment') }}</th>
                    </tr>
                </thead>
                <tbody class="table-border-bottom-0">

                    @foreach ($last_reates as $item)
                        <tr>
                            <th>{{ $loop->index + 1 }}</th>
                            <td>{{ $item->user->name }}</td>
                            <td>
                                <div data-rate="{{ $item->rate }}" data-rateyo-read-only="true" class="basic-ratings"></div>
                            </td>
                             <td style="max-width: 150px; word-wrap: break-word; word-break: break-word; white-space: normal;"> {{ $item->comment ?? '----------' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>

    <div class="col-xl-12 mt-5">
        <h6 class="text-muted">{{ __("messages.Tables") }} & {{ __("messages.Add Ons") }}</h6>
        <div class="nav-align-top nav-tabs-shadow mb-6">
            <ul class="nav nav-tabs nav-fill" role="tablist">
                <li class="nav-item">
                    <button type="button" class="nav-link active" role="tab" data-bs-toggle="tab"
                        data-bs-target="#navs-justified-home" aria-controls="navs-justified-home" aria-selected="true">
                        <span class="d-none d-sm-block"><i class="tf-icons ti ti-table ti-sm me-1_5"></i> {{
                            __("messages.Tables") }}
                            <span
                                class="badge rounded-pill badge-center h-px-20 w-px-20 bg-label-danger ms-1_5 pt-50">{{
                                $data->restaurant_tables->count() }}</span></span><i
                            class="ti ti-table ti-sm d-sm-none"></i>
                    </button>
                </li>
                <li class="nav-item">
                    <button type="button" class="nav-link" role="tab" data-bs-toggle="tab"
                        data-bs-target="#navs-justified-profile" aria-controls="navs-justified-profile"
                        aria-selected="false">
                        <span class="d-none d-sm-block"><i class="tf-icons ti ti-apps ti-sm me-1_5"></i> {{
                            __("messages.Add Ons") }}<span
                                class="badge rounded-pill badge-center h-px-20 w-px-20 bg-label-danger ms-1_5 pt-50">{{
                                $data->add_ons->count() }}</span></span></span><i
                            class="ti ti-apps ti-sm d-sm-none"></i>
                    </button>
                </li>

            </ul>
            <div class="tab-content">
                <div class="tab-pane fade show active" id="navs-justified-home" role="tabpanel">
                     @if(!$data->restaurant_tables->count())
                         <div class="text-center">
                            <img width="200" height="200" src="{{ asset("assets/img/empty_data2.png") }}" alt="">
                            <p class="h5">{{ __("messages.There is no data to display") }} :(</p>
                        </div>
                    @else
                    <div class="table-responsive text-nowrap border border-dark rounded"
                        style="height: 500px; overflow-y: auto;">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('messages.Name') }}</th>
                                    <th>{{ __('messages.Number of individuals') }}</th>
                                    <th>{{ __("messages.Number of Reservations") }}</th>
                                    <th>{{ __('messages.Status') }}</th>
                                </tr>
                            </thead>
                            <tbody class="table-border-bottom-0">

                                @foreach ($data->restaurant_tables as $item)
                                <tr>
                                    <th>{{ $loop->index + 1 }}</th>


                                    <td>{{ $item->name }}</td>
                                    <td>{{ $item->individuals }}</td>
                                    <td>
                                      
                                            
                                       
                                        @if($item->reservations_count)
                                        @can('reservations_table')
                                            <a href="{{ route("admin.restaurants.reservations_table" , $item->id) }}">{{ $item->reservations_count }}</a> 
                                        @else
                                        {{ $item->reservations_count }}    
                                        @endcan
                                        @else
                                          {{ $item->reservations_count }}    
                                        @endif
                                      
                                    </td>
                                    <td>
                                        @if (!$item->is_active)
                                        <span class="badge bg-label-danger me-1">{{ __('messages.In Active') }}<i
                                                class="fa-solid fa-circle-xmark"></i></span>
                                        @else
                                        <span style="min-width: 100px" class="badge bg-label-primary me-1">{{
                                            __('messages.Active') }}<i style=""
                                                class="fa-solid fa-circle-check"></i></span>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @endif
                </div>
                <div class="tab-pane fade" id="navs-justified-profile" role="tabpanel">
                    @if(!$data->add_ons->count())
                         <div class="text-center">
                            <img width="200" height="200" src="{{ asset("assets/img/empty_data2.png") }}" alt="">
                             <p class="h5">{{ __("messages.There is no data to display") }} :(</p>
                        </div>
                    @else
                    <div class="table-responsive text-nowrap border border-dark rounded"
                        style="height: 500px; overflow-y: auto;">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('messages.Name') }}</th>
                                    <th>{{ __('messages.Price') }}</th>
                                </tr>
                            </thead>
                            <tbody class="table-border-bottom-0">

                                @foreach ($data->add_ons as $item)
                                <tr>
                                    <th>{{ $loop->index + 1 }}</th>


                                    <td>{{ $item->name }}</td>
                                    <td>{{ $item->price }}</td>

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

            </div>
        </div>
    </div>
@include("admin.restaurants.docs_actions")
@include("admin.restaurants.docs_update_actions")
@include("admin.restaurants.comparison_modals")
@endsection
@section("script")
@include("inc.script_submit")
<script>
    $(function(){
        // $("#docs_actions_modal").modal("show")

        $(".select_change_status , .select_change_status_temp").change(function(){
            var  comment_area = $(this).data("comment_area");
            console.log("select_change_status" , $(this).val()  , comment_area )
            if($(this).val() == "rejected"){
                $(`.${comment_area}`).removeClass("d-none");
            }else{
                $(`.${comment_area}`).addClass("d-none");
            }

            
        })
    })
</script>

<script src="{{ asset('assets/vendor/libs/rateyo/rateyo.js') }}"></script>
    <script>
        $(function() {
            $('.basic-ratings').each(function() {
                let dynamicRate = $(this).data('rate'); // الحصول على القيمة من الـ data-rate

                $(this).rateYo({
                    rating: dynamicRate,
                    rtl: isRtl,
                    spacing: '8px'
                });
            });
        })
    </script>
@endsection