@extends('frontend.layouts.restaurant')
@push('meta')
<meta property="og:url" content="{{  route('restaurant.show', [$restaurant->slug]) }}" />
<meta property="og:type" content="{{setting('site_name')}}">
<meta property="og:title" content="{{ $restaurant->name }}">
<meta property="og:description" content="{{ $restaurant->description  }}">
<meta property="og:image" content="{{ $restaurant->image  }}">
@endpush
@section('main-content')

<div class="modal fade" id="shop-info-modal" tabindex="-1" aria-labelledby="shop-info-modal" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content custom-border">
            <div class="modal-header custom-padding-design">
                <img src="{{ $restaurant->image }}">
                <button type="button" class="close custom-close-style" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body custom-size">
                <div class="main-body">
                    <div class="row no-margin-row">
                        <div class="col-md-12">
                            <div class="shop-info-box">
                                <h2 class="header">{{ $restaurant->name }}</h2>
                                <p class="cuisines">
                                    @if(!blank($restaurant->cuisines))
                                    <span class="listing-tag custom-listing-tag">
                                        @foreach($restaurant->cuisines as $cuisine)
                                        {{$cuisine->name}}
                                        @if(!$loop->last)
                                        <span>.</span>
                                        @endif
                                        @endforeach
                                    </span>
                                    @endif
                                </p>
                                <p class="shop-time">{{ __('frontend.open') }}
                                    {{ date('h:i A', strtotime($restaurant->opening_time)) }} -
                                    {{ date('h:i A', strtotime($restaurant->closing_time)) }}</p>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="tab-list-style">
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#about"
                                            role="tab" aria-controls="about"
                                            aria-selected="true">{{ __('frontend.about') }}</a>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#reviews"
                                            role="tab" aria-controls="profile"
                                            aria-selected="false">{{ __('frontend.reviews') }}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row no-margin-row">
                    <div class="col-md-12">
                        <div class="tab-content custom-margin" id="myTabContent">
                            <div class="tab-pane fade show active" id="about" role="tabpanel"
                                aria-labelledby="about-tab">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="delivery-hours">
                                            <h2>{{ __('frontend.delivery_hours') }}</h2>
                                            <p>{{ __('frontend.mon') }} - {{ __('frontend.sun') }}
                                                {{ date('h:i A', strtotime($restaurant->opening_time)) }} -
                                                {{ date('h:i A', strtotime($restaurant->closing_time)) }}</p>
                                        </div>
                                        <div class="address">
                                            <h2>{{ __('frontend.address') }}</h2>
                                            <address>
                                                {{ $restaurant->address }}
                                            </address>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="qr-code-box">
                                            <img id="qrImage" width="100%"
                                                class="bd-placeholder-img card-img-top img-fluid"
                                                src="data:image/png;base64,{!! $qrCode !!}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
                                <div class="row">
                                    <div class="col-md-12">
                                        @if($order_status)
                                        <form action="{{ route('restaurant.ratings-update') }}" method="POST"
                                            enctype="multipart/form-data">
                                            @csrf
                                            <div id="add-review" class="add-review-box custom-width">
                                                <h3 class="">{{__('frontend.add_review')}}</h3>
                                                <p class="comment-notes">{{__('frontend.email_not_published')}}</p>
                                                <div class="sub-ratings-container">
                                                    <div class="add-sub-rating">
                                                        <div class="sub-rating-title">{{ __('frontend.service') }} <i
                                                                class="tip"
                                                                data-tip-content="{{ __('frontend.auality_customer') }}"></i>
                                                        </div>
                                                        <div class="sub-rating-stars">
                                                            <div class="clearfix"></div>
                                                            <div class="leave-rating">
                                                                <input type="radio" value="5" name="rating"
                                                                    {{ 5 == old('rating') ? 'checked' : ''}}
                                                                    id="rating-5">
                                                                <label for="rating-5" class="fa fa-star"></label>
                                                                <input type="radio" value="4" name="rating"
                                                                    {{ 4 == old('rating') ? 'checked' : ''}}
                                                                    id="rating-4">
                                                                <label for="rating-4" class="fa fa-star"></label>
                                                                <input type="radio" value="3" name="rating"
                                                                    {{ 3 == old('rating') ? 'checked' : ''}}
                                                                    id="rating-3">
                                                                <label for="rating-3" class="fa fa-star"></label>
                                                                <input type="radio" value="2" name="rating"
                                                                    {{ 2 == old('rating') ? 'checked' : ''}}
                                                                    id="rating-2">
                                                                <label for="rating-2" class="fa fa-star"></label>
                                                                <input type="radio" value="1" name="rating"
                                                                    {{ 1 == old('rating') ? 'checked' : ''}}
                                                                    id="rating-1">
                                                                <label for="rating-1" class="fa fa-star"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <input type="hidden" name="restaurant_id" value="{{$restaurant->id}}">
                                                <input type="hidden" name="status" value="5">
                                                <div class="form-group">
                                                    <label>{{ __('auality_customer.review') }} <span
                                                            class="text-danger">*</span></label>
                                                    <textarea name="review" type="text" cols="40" rows="3"
                                                        aria-label="With textarea"
                                                        placeholder="auality_customer.write_review"
                                                        class="form-control @error('review') is-invalid @enderror">{{old('review')}}</textarea>
                                                    @if($errors->has('review'))
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('review') }}</strong>
                                                    </span>
                                                    @endif
                                                </div>
                                                <button type="submit"
                                                    class="button">{{__('frontend.submit_review')}}</button>
                                            </div>
                                        </form>
                                        @endif

                                        @if(!blank($ratings))
                                        <section class="comments listing-reviews custom-comment">
                                            <ul>
                                                @foreach($ratings as $rating)
                                                <li>
                                                    <div class="avatar"><img src="{{$rating->user->image}}" alt="" />
                                                    </div>
                                                    <div class="comment-content">
                                                        <div class="arrow-comment"></div>
                                                        <div class="comment-by">
                                                            {{$rating->user->name}}
                                                            <span
                                                                class="date">{{ $rating->updated_at->format('d M Y, h:i A') }}</span>
                                                            <div class="star-rating" data-rating="{{$rating->rating}}">
                                                            </div>
                                                        </div>
                                                        <p>{{$rating->review}}</p>
                                                    </div>

                                                    @if(!$loop->last)
                                                    <hr>
                                                    @endif
                                                </li>
                                                @endforeach
                                            </ul>
                                        </section>
                                         Pagination 
                                        <div class="clearfix"></div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                 Pagination 
                                                <div class="pagination-container margin-top-30">
                                                    <nav class="pagination">
                                                        @if ($ratings->lastPage() > 1)
                                                        <ul>
                                                            @for ($i = 1; $i <= $ratings->lastPage(); $i++)
                                                                <li>
                                                                    <a class="{{ ($ratings->currentPage() == $i) ? 'current-page' : '' }}"
                                                                        href="{{ $ratings->url($i) }}">{{ $i }}</a>
                                                                </li>
                                                                @endfor
                                                                <li
                                                                    class="sl sl-icon-arrow-right {{ ($ratings->currentPage() == $ratings->lastPage()) ? ' disabled' : '' }}">
                                                                    <a
                                                                        href="{{ route('restaurant.show',[$ratings->currentPage()+1]) }}"></a>
                                                                </li>
                                                        </ul>
                                                        @endif
                                                    </nav>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main-search-container">
    <div class="ls-container">
        <div class="ls-inner-container content custom-shop-content">
            <div class="container-fluid custom-shop">
                <div class="col-lg-12 col-md-12 pl-0 pr-0">
                    <a href="{{ route('restaurant.show', [$restaurant->slug]) }}">
                        <img class="restaurant-img-w" src="{{ asset($restaurant->image) }}" alt="">
                    </a>
                </div>
            </div>
            <div class="container-fluid custom-container">
                <div class="col-lg-12 col-md-12">
                    <div id="titlebar" class="listing-titlebar titlebar-customize">
                        <div class="listing-titlebar-title">
                            <h2>
                                <a href="#" data-toggle="modal" data-target="#shop-info-modal">{{$restaurant->name}}</a>
                                <a data-toggle="modal" data-target="#shop-info-modal"
                                    class="restaurant-info-button"><span
                                        class="listing-tag custom-listing-tag">{{ __('frontend.restaurant_information')}}</span></a>

                                <br>
                                <a href="#" data-toggle="modal" data-target="#shop-info-modal"><span><i
                                            class="fa fa-map-marker"></i>
                                        {{ \Illuminate\Support\Str::limit($restaurant->address,65)}}</span></a>
                            </h2>
                            @if(!blank($restaurant->cuisines))
                            <span class="color-danger">
                                @foreach($restaurant->cuisines as $cuisine)
                                {{$cuisine->name}}
                                @if(!$loop->last)
                                <span>,</span>
                                @endif
                                @endforeach
                            </span>
                            @endif

                            @if(!$average_rating ==0)
                            <div class="star-rating" data-rating="{{$average_rating}}">
                                <div class="rating-counter">
                                    <a href="#listing-reviews">({{$rating_user_count}} {{__('frontend.reviews')}})</a>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @if (Schema::hasColumn('coupons', 'slug'))
                @if(array_key_exists( $restaurant->id,$vouchers))
                        <div id="listing-nav" class="listing-nav-container coupon-div">
                            <div class="container-fluid custom-container ">
                                <div class="col-lg-12 col-md-12 ">
                                    @php
                                    $amount = ( $vouchers[$restaurant->id]->discount_type == \App\Enums\DiscountType::FIXED ) ?
                                    currencyName(round($vouchers[$restaurant->id]->amount)) :
                                    round($vouchers[$restaurant->id]->amount).'%';
                                    @endphp
                                    <p class="">{{__('frontend.voucher')}} <span> {{$vouchers[$restaurant->id]->slug}} </span></p>
                                    <p>{{__('frontend.use_voucher')}} {{$vouchers[$restaurant->id]->slug}}
                                        {{__('frontend.and_get')}} {{ $amount }} {{__('frontend.off_on_orders_over')}}
                                        <span>{{ currencyName( $vouchers[$restaurant->id]->minimum_order_amount)}}</span></p>
                                </div>
                            </div>
                        </div>
                @endif
            @endif

            <div id="listing-nav" class="listing-nav-container">
                <div class="container-fluid custom-container">
                    <div class="col-lg-12 col-md-12">
                        <ul class="listing-nav">
                            <li><a href="#listing-product-list">{{__('frontend.menu')}}</a></li>
                            @if($restaurant->table_status == \App\Enums\TableStatus::ENABLE)
                            <li><a href="#listing-table-booking">{{__('frontend.table')}}</a></li>
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
            <div id="listing-product-list">
                <div class="container-fluid custom-container">
                    <div class="col-lg-12 col-md-12">
                        <ul class="category-list-ul">
                            @foreach($categories as $category)
                            <li class="category-list-li"><a class="lol"
                                    href="#listing-product-list-category-{{$category->id}}">{{$category->name}}</a></li>
                            @endforeach

                            @if(!blank($other_products))
                            <li class="category-list-li"><a class="lol"
                                    href="#listing-product-list-category-{{ __('other') }}">{{ __('frontend.other') }}</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </div>

                @livewire('show-page', ['restaurant' => $restaurant])
            </div>
            @if($restaurant->table_status == \App\Enums\TableStatus::ENABLE)
            <div id="listing-table-booking">
                <div class="listing-nav-container-body">
                    <div class="container-fluid custom-container">
                        <div class="col-lg-12 col-md-12">
                            <h2 class="category-style">{{ __('frontend.table_booking') }}</h2>

                            <div class="row">
                                <div class="col-md-6 padding-left-0">
                                    <div class="style-2">
                                        <div class="tabs-container border-radius overflow">
                                            <div class="tab-content food-price-tab" id="tab1a">
                                                @if ($errors->any())
                                                <div class="alert alert-danger">
                                                    <ul>
                                                        @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                                @endif
                                                <form action="{{route('restaurant.reservation')}}" method="GET">
                                                    <input type="hidden" name="restaurant_id" id="restaurant_id"
                                                        value="{{$restaurant->id}}">
                                                    <div id="booking-widget-anchor" class="booking-widget">
                                                        <div class="row with-forms  margin-top-0">
                                                            <div class="col-lg-12">
                                                                <input type="text" id="date-picker" placeholder="Date"
                                                                    name="reservation_date" readonly="readonly">
                                                            </div>

                                                            <div class="col-lg-12">
                                                                <div class="panel-dropdown">
                                                                    <a href="#"
                                                                        class="custom-padding">{{__('frontend.guests')}}
                                                                        <span class="qtyTotal"
                                                                            name="qtyTotal">{{__('frontend.1')}}</span></a>
                                                                    <div class="panel-dropdown-content">
                                                                        <div class="qtyButtons">
                                                                            <div class="qtyTitle">
                                                                                {{ __('frontend.person') }}</div>
                                                                            <input type="number" name="qtyInput"
                                                                                id="qtyInput" class="qtyInput"
                                                                                value="1">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="col-lg-12">
                                                                <div
                                                                    class="panel-dropdown time-slots-dropdown @error('time_slot') is-invalid @enderror">
                                                                    <a href="#"
                                                                        class="custom-padding">{{__('frontend.time_slots')}}</a>
                                                                    <div class="panel-dropdown-content padding-reset">
                                                                        <div class="panel-dropdown-scrollable"
                                                                            id="showTimeSlot"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <button type="submit"
                                                            class="button book-now fullwidth margin-top-5">{{__('frontend.request_to_book')}}</button>
                                                    </div>
                                                </form>



                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif
            @include('frontend.partials._footer')
        </div>
        <div class="ls-inner-container fixed-cart my-bg-color">
            @livewire('order-cart', ['restaurant' => $restaurant])
        </div>
    </div>
</div>

<div class="cart-modal">
    <div class="topCartSection bg-white margin-bottom-60">
        <button class="text-danger cartClose"><i class="far fa-times-circle"></i></button>
    </div>
    @livewire('order-cart', ['restaurant' => $restaurant])

</div>
 Modal 
@livewire('show-cart', ['restaurant' => $restaurant])


@endsection
@section('extra-js')
<script>
    const reservationUrl = "{{ route('reservation.check') }}";

</script>
<script src="{{asset('themes/scripts/quantityButtons.js')}}"></script>
<script src="{{asset('themes/scripts/moment.min.js')}}"></script>
<script src="{{asset('themes/scripts/daterangepicker.js')}}"></script>
<script src="{{ asset('frontend/js/booking.js') }}" type="text/javascript"></script>
<script src="{{ asset('frontend/js/show.js') }}" type="text/javascript"></script>
@endsection
@section('livewire-scripts')
<script src="{{ asset('js/order-cart.js') }}"></script>
@endsection