@include('layouts.app')


@include('layouts.header')


<div class="offer-section py-3 resturant-banner">

    <div class="container position-relative">

        <div class="resturant-banner-inner" id="restaurant-pic">
            
        </div>

        <!-- 	<div class="pb-4">

                <div class="row">

                    <div class="col-6 col-md-2">

                        <p class="text-white-50 font-weight-bold m-0 small">

                            Open time

                        </p>

                        <p class="text-white m-0" id="vendor_open_time"></p>

                    </div>

                </div>

            </div> -->

    </div>

</div>

<div class="container">

    <div class="pb-3 rounded position-relative text-dark rest-basic-detail">

        <div class="d-flex align-items-start">

            <div class="text-dark">

                <h2 class="font-weight-bold h6" id="vendor_title"></h2>
                <div class="d-flex">

                    <p class="text-dark m-0" id="vendor_address"><span class="fa fa-map-marker "></span></p>
                    <div class="rest-time">
                        <span class="text-dark-50 font-weight-bold m-0 pl-3 time"></span><span
                                class="text-dark m-0 font-weight-bold" id="vendor_open_time1"></span>
                    </div>
                </div>

                <div class="rating-wrap d-flex align-items-center mt-2" id="restaurant_ratings">

                    <!-- <ul class="rating-stars list-unstyled">

                        <li>

                            <i class="feather-star text-warning"></i>

                            <i class="feather-star text-warning"></i>

                            <i class="feather-star text-warning"></i>

                            <i class="feather-star text-warning"></i>

                            <i class="feather-star"></i>

                        </li>

                    </ul>
     -->

                </div>


            </div>

            <div class="feather_icon ml-auto">

                <!-- 	<a href="#ratings-and-reviews" class="text-decoration-none text-dark"><i class="p-2 bg-light rounded-circle font-weight-bold  feather-upload"></i></a> -->
                <div class="row fu-review">
                    <a href="javascript:goToRatingAndReviews()" class="text-decoration-none mx-1 p-2 rest-right-btn"><i
                                class="font-weight-bold feather-star view_ratings_review"></i></a>
                    <a class="text-decoration-none mx-1 p-2 rest-right-btn restaurant_location_btn" target="_blank"><i
                                class="font-weight-bold feather-map-pin"></i></a>
                    <a href="{{route('contact_us')}}" class="btn">{{trans('lang.contact')}}</a>
                </div>
                <!-- <div class="row fu-time">
					<a class="text-decoration-none mx-1 p-2 rest-right-btn" style="pointer-events: none">
						<span class="text-dark-50 font-weight-bold m-0 pl-3 time ">{{trans('lang.time')}} : </span>
						<span class="text-dark m-0 font-weight-bold" id="vendor_open_time"></span>
					</a>					
				</div> -->
                <!-- 	<div class="row fu-status">
                        <a class="text-decoration-none mx-1 p-2 rest-right-btn">
                            <span class="text-dark m-0 font-weight-bold" style="pointer-events: none" id="vendor_shop_status"></span>
                        </a>
                    </div>
                        <div class="row fu-status">
                        <a class="text-decoration-none mx-1 p-2 rest-right-btn">
                            <span class="text-dark m-0 font-weight-bold" style="pointer-events: none" id="vendor_shop_status"></span>
                        </a>
                    </div>
     -->
            </div>


        </div>

    </div>

</div>

<!-- <div class="container">

	<div class="">

		<p class="font-weight-bold pt-4 m-0">

			FEATURED ITEMS

		</p>



		

			<div id="most_popular_products" class="trending-slider"></div>

			





</div>

</div> -->


<div class="modal fade" id="book_a_table" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">{{trans('lang.book_table')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

                <div class="form-group row">

                    <div class="col-6">
                        <label for="date" class="font-weight-bold">{{trans('lang.select_date')}}</label>
                        <input class="form-control event_date" id="date" type="date" value="Select Date">
                    </div>
                    <!-- <div class="col-4">
                        <label for="date" class="font-weight-bold">Select Time</label>
                          <select class="form-control event_time" name="event_time">
                              <option value="">Select</option>
                          </select>
                    </div> -->
                    <div class="col-6">
                        <label for="date" class="font-weight-bold">{{trans('lang.how_many_people')}}</label>
                        <select name="total_guest" class="form-control total_guest">
                            <option value="">Select</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                        <option value="11">11</option>
                                                        <option value="12">12</option>
                                                        <option value="13">13</option>
                                                        <option value="14">14</option>
                                                        <option value="15">15</option>
                                                        <option value="16">16</option>
                                                        <option value="17">17</option>
                                                        <option value="18">18</option>
                                                        <option value="19">19</option>
                                                        <option value="20">20</option>
                                                        <option value="21">21</option>
                                                        <option value="22">22</option>
                                                        <option value="23">23</option>
                                                        <option value="24">24</option>
                                                        <option value="25">25</option>
                            
                        </select>
                    </div>
                </div>
                <label for="guest_name" class="font-weight-bold">{{trans('lang.enter_guest_details')}}</label>
                <div class="form-group row">
                    <div class="col-6">
                        <input class="form-control guest_first_name" id="guest_name" type="text"
                               placeholder="First Name">
                    </div>
                    <div class="col-6">
                        <input class="form-control guest_last_name" type="text" placeholder="Last Name">
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-6">
                        <input class="form-control guest_email" type="email" placeholder="Email">
                    </div>
                    <div class="col-6">
                        <input class="form-control guest_phone" placeholder="Phone">
                    </div>
                </div>

               
                <label for="birthday_occasion" class="font-weight-bold">{{trans('lang.special_occasion')}}</label>
                <div class="form-check">
                    <input class="form-check-input" type="radio" value="birthday" name="special_occassion"
                           id="birthday">
                    <label class="form-check-label" for="birthday">
                        {{trans('lang.birthday')}}
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="special_occassion" value="anniversary"
                           id="anniversary">
                    <label class="form-check-label" for="anniversary">
                        {{trans('lang.anniversary')}}
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input first_visit" type="checkbox" name="first_visit" value="first_visit"
                           id="first_visit">
                    <label class="form-check-label" for="first_visit">
                        {{trans('lang.is_this_your_first_visit')}}
                    </label>
                </div>

                <div class="form-group row col-12 mt-3">
                    <label for="special_request" class="font-weight-bold">{{trans('lang.additional_request')}}</label>
                    <input class="form-control special_request" id="date" type="text"
                           placeholder="Type your request here">
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{trans('lang.close')}}</button>
                <button type="button" class="btn btn-primary book_table_btn">{{trans('lang.book')}}</button>
            </div>
        </div>
    </div>
</div>

<div class="container position-relative">


    <div class="row">

        <div class="col-md-8 pt-3 restaurant-detail-left">

            <div class="mb-3 overflow-hidden" id="vendor_menu"></div>

            <div class="book-table mb-4">
                <div class="bg-white p-3 border rounded-lg mb-3 table-book-view">
                    <div class="d-flex align-items-center">
                        <div class="media align-items-center">
                            <div class="mr-4 pr-4 border-right"><img src="img/food_delivery.png"></div>
                                <div class="media-body">
                                    <h6 class="mb-1">{{trans('lang.available_food_delivery')}} </h6>
                                    <p class="text-muted mb-0">{{trans('lang.in_30_mins')}}</p>
                                </div>
                        </div>
                        <div class="float-right add-btn ml-auto">
                                <span class="menu-itemimg"><a href="<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function route() in /home/vulpesdelivery/public_html/resources/views/dinein/dinerestaurant.blade.php:260
Stack trace:
#0 {main}
  thrown in <b>/home/vulpesdelivery/public_html/resources/views/dinein/dinerestaurant.blade.php</b> on line <b>260</b><br />