@extends('layouts.frontend-layout')
@section('content')

        <!-- page-title -->
        <div class="ttm-page-title-row">
            <div class="ttm-page-title-row-inner ttm-bgcolor-darkgrey">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">Reservation</h2>
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <i class="ti ti-home margin_right1"></i>
                                    <a title="Homepage" href="#">Home</a>
                                </span>
                                <span>Reservation</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--site-main start-->
        <div class="site-main">
            <!--double-section-->
            <section class="ttm-row fid-section ttm-bgimage-yes  ttm-bg clearfix"
                style="background: url({{ asset('frontend/images/slides/reservation_bg.jpg') }}) no-repeat; background-size: cover; background-attachment: fixed;">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="section-title without-seperator title-style-center_text">
                                <div class="title-header">
                                    <h2 class="title"
                                        style="font-size: 30px;text-align: left;text-align: center; border-bottom: 3px solid #034693;">
                                        Choose Any Branch For Reservation</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="row padding_bottom15">
                                        <div class="col-md-12">
                                            <h5 class="text-center">Restaurants</h5>
                                        </div>
                                    </div>
                                    @foreach($food_shops as $key)
                                    @if($key->shop_name_logo)
                                    <div class="row padding_bottom15">
                                        <div class="col-lg-4">
                                            <a href="https://{{$key->sub_domain}}.x-grouprestaurant.com/reservation" target="_blank"> <img src="{{ asset($key->shop_name_logo->logo) }}" style="width: 100%; border: 1px solid #034693;
                                            padding: 15px; " /></a>
                                        </div>
                                        <div class="col-lg-8">
                                            <a href="https://{{$key->sub_domain}}.x-grouprestaurant.com/reservation" target="_blank"><h5>{{ $key->shop_name_logo->name }}</h5></a>
                                            @if($key->contacts)
                                            @foreach($key->contacts as $key2)
                                                @if ($loop->index == 0)
                                                <p>{{ $key2->address }}</p> 
                                                <p>{{ $key2->phone}}, {{ $key2->phone2}}</p>
                                                @endif
                                            @endforeach
                                        @endif
                                           
                                            <a href="https://{{$key->sub_domain}}.x-grouprestaurant.com/reservation" target="_blank">Book Now</a>
                                        </div>
                                    </div>
                                    @endif
                                    @endforeach
                                    

                                </div>
                                <div class="col-lg-6" style="border-left: 1px solid #034693;">
                                    <div class="row padding_bottom15">
                                        <div class="col-md-12">
                                            <h5 class="text-center">Convention Centers</h5>
                                        </div>
                                    </div>
                                    @foreach($catering_shops as $key)
                                    @if ($key->id !=14)
                                        @if($key->shop_name_logo)
                                        <div class="row padding_bottom15">
                                            <div class="col-lg-4">
                                                <a href="https://{{$key->sub_domain}}.x-grouprestaurant.com/reservation" target="_blank"> <img src="{{ asset($key->shop_name_logo->logo) }}" style="width: 100%; border: 1px solid #034693;
                                                padding: 15px; " /></a>
                                            </div>
                                            <div class="col-lg-8">
                                                <a href="https://{{$key->sub_domain}}.x-grouprestaurant.com/reservation" target="_blank"><h5>{{ $key->shop_name_logo->name }}</h5></a>
                                                @if($key->contacts)
                                                @foreach($key->contacts as $key2)
                                                    @if ($loop->index == 0)
                                                    <p>{{ $key2->address }}</p> 
                                                    <p>{{ $key2->phone}}, {{ $key2->phone2}}</p>
                                                    @endif
                                                @endforeach
                                            @endif
                                            
                                                <a href="https://{{$key->sub_domain}}.x-grouprestaurant.com/reservation" target="_blank">Book Now</a>
                                            </div>
                                        </div>
                                        @endif
                                    @else
                                        @if($key->shop_name_logo)
                                        <div class="row padding_bottom15">
                                            <div class="col-lg-4">
                                                <a href="https://{{$key->sub_domain}}.x-grouprestaurant.com/reservation" target="_blank"> <img src="{{ asset($key->shop_name_logo->logo) }}" style="width: 100%; border: 1px solid #034693;
                                                padding: 15px; " /></a>
                                            </div>
                                            <div class="col-lg-8">
                                                <a href="https://{{$key->sub_domain}}.x-grouprestaurant.com/reservation" target="_blank"><h5>{{ $key->shop_name_logo->name }}</h5></a>
                                                @if($key->contacts)
                                                @foreach($key->contacts as $key2)
                                                    @if ($loop->index == 0)
                                                    <p>{{ $key2->address }}</p> 
                                                    <p>{{ $key2->phone}}, {{ $key2->phone2}}</p>
                                                    @endif
                                                @endforeach
                                            @endif
                                            
                                                <a href="https://{{$key->sub_domain}}.x-grouprestaurant.com/reservation" target="_blank">Book Now</a>
                                            </div>
                                        </div>
                                        @endif
                                    @endif                                    
                                    @endforeach
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
              
            
            </section>
           
@endsection