@extends('clientside.layouts.app')
@section('content')
<div class="book_now"><a href="javascript:void(0)" class="btn btn_book_float">{{trans('headings.book_now')}}<span></span></a></div>
<div id="book_popup">
  <div class="book_now_close"><a href="javascript:void(0)" class="btn btn_close"></a></div>
  <div id="quickbooking" class="main">
    <form class="" action="" method="post" name="BookOnline" target="_blank" id="BookOnline"  >
      <div class="form-field mb-2">
        <label for="DD1">{{trans('headings.check_in_date')}}</label>
        <input id="arrival" class="datepicker form-control" name="arrival" value="" type="text" autofocuss>
      </div>
      <div class="form-field mb-2">
        <label for="DD2">{{trans('headings.check_out_date')}}</label>
        <input id="departure" class="datepicker form-control" name="departure" value="" type="text" autofocuss>
      </div>
      <div class="form-field mb-2">
        <div class="row">
          <div class="col-4">
            <label for="rooms">{{trans('headings.room')}}</label>
            <select id="rooms" name="rooms" class="form-control" >
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
            </select>
          </div>
          <div class="col-4">
            <label for="adults">{{trans('headings.adults')}}</label>
            <select id="adults" name="adults" class="form-control">
              <option value="1">1 </option>
              <option value="2" selected="selected">2 </option>
              <option value="3">3 </option>
              <option value="4">4 </option>
            </select>
          </div>
          <div class="col-4">
            <label for="kids">{{trans('headings.children')}}</label>
            <select id="kids" name="kids" class="form-control">
              <option value="0">0 </option>
              <option value="1">1 </option>
              <option value="2">2 </option>
            </select>
          </div>
        </div>
      </div>
      <div class="form-field mb-2">
        <label for="promo">{{trans('headings.promotional_code')}}</label>
        <input type="text" name="promo" id="promo" class="form-control"/>
      </div>
      <div class="">
        <div class="book-col-submit-wrap">
          <button class="book-col-submit btn-submit" type="submit"><span>{{trans('headings.check_availability')}}</span></button>
        </div>
        <div id="container"></div>
        <input type="hidden" name="Page" value="19">
        <input type="hidden" name="lan_id" value="en-US">
        <input type="hidden" name="kid1" value="-1">
        <input type="hidden" name="kid2" value="1">
        <input type="hidden" name="kid3" value="-1">
        <input type="hidden" name="extra" value="0">
        <input type="hidden" name="cot" value="0">
        <input type="hidden" name="src" value="">
      </div>
    </form>
  </div>
</div>
<section class="slider" data-vide-bg="{{ asset('clientside/video/02') }}">
  <div class="banner_caption">
    <div class="container h-100">
      <div class="row h-100 pb-10per align-items-end justify-content-center">
        <div class="col-11">
          <h1 class="animated2 wow fadeInUp">{!! trans('fields.centralInn_slogan')!!}</h1>
          <div class="book_banner_sec  wow fadeInUp">
            <div id="quickbooking2" class="main  d-flex">
              <!-- <p>BOOK NOW!<br>BEST PRICE<br> GUARANTEED</p> -->
              <form class="book-col-form d-flex align-items-end flex-fill justify-content-center" action="" method="post" name="BookOnline" target="_blank" id="BookOnline"  >
                <div class="book-col-column">
                  <label for="DD1">{{trans('headings.check_in_date')}}</label>
                  <input id="arrival2" class="datepicker  form-control" name="arrival" value="" type="text" autofocuss>
                </div>
                <div class="book-col-column">
                  <label for="DD2">{{trans('headings.check_out_date')}}</label>
                  <input id="departure2" class="datepicker  form-control" name="departure" value="" type="text" autofocuss>
                </div>
                <div class="book-col-column">
                  <label for="rooms">{{trans('headings.room')}}</label>
                  <select id="rooms" name="rooms">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                  </select>
                </div>
                <div class="book-col-column">
                  <label for="adults">{{trans('headings.adults')}}</label>
                  <select id="adults" name="adults">
                    <option value="1">1 </option>
                    <option value="2" selected="selected">2 </option>
                    <option value="3">3 </option>
                    <option value="4">4 </option>
                  </select>
                </div>
                <div class="book-col-column">
                  <label for="kids">{{trans('headings.children')}}</label>
                  <select id="kids" name="kids">
                    <option value="0">0 </option>
                    <option value="1">1 </option>
                    <option value="2">2 </option>
                  </select>
                </div>
                <div class="book-col-column">
                  <label for="promo">{{trans('headings.promotional_code')}}</label>
                  <input type="text" name="promo" id="promo"/>
                </div>
                <div class="book-col-column">
                  <div class="book-col-submit-wrap">
                    <button class="book-col-submit" type="submit"><span>{{trans('headings.check_availability')}}</span></button>
                  </div>
                  <div id="container"></div>
                  <input type="hidden" name="Page" value="19">
                  <input type="hidden" name="lan_id" value="en-US">
                  <input type="hidden" name="kid1" value="-1">
                  <input type="hidden" name="kid2" value="1">
                  <input type="hidden" name="kid3" value="-1">
                  <input type="hidden" name="extra" value="0">
                  <input type="hidden" name="cot" value="0">
                  <input type="hidden" name="src" value="">
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <a href="{{ isset($homeText->link_hotel1)?$homeText->link_hotel1:'' }}" class="alsouq_link">
    <span class="comingsoon-souq-waqif">
      <img alt="" src="{{asset('clientside/img/rotate_img.png')}}" class="circle">
      <img alt="" src="{{asset('clientside/img/souq_image.png')}}" class="souq_image">
    </span>
    {{trans('headings.central_inn')}}<span> {{trans('headings.souq_waqif')}}</span>
  </a>
</section>
<section class="hotels section_common">
  <div class="bg_text bg_text_left wow bounceInLeft c_bg"> c </div>
  <div class="container-fluid">
    <div class="row h-100 align-items-center align-content-center wow bounceInRight">
      <div class="col-lg-5 col-md-9 offset-lg-5">
        <h2 class="section_title mb-2">{!!$homeText->title_1!!}</h2>
        <p>{!!$homeText->description_1!!} </p>
      </div>
      <div class="col-md-2 text-right"> <a href="{{route('aboutus')}}" class="read_more"> <img alt="" src="{{ asset('clientside/img/circle.png') }}" class="circle"> <img src="{{ asset('clientside/img/arrow.png') }}" class="arrow"> <span> {{trans('headings.read_more')}} </span> </a> </div>
    </div>
  </div>
</section>
<section class="second_sec section_common bigtextleft">
  <div class="bg_text bg_text_left wow bounceInLeft e_bg"> e </div>
    <div class="container-fluid ">
      <div class="row h-100 align-items-center">
        <div class="col-lg-5 col-md-6 right_column2 wow bounceInLeft">
          <h3 class="section_title">{!!$homeText->title_2!!}</h3>
          <a href="{{route('hotel',$hotelFirst->id)}}" class="read_more">
            <img alt="" src="{{ asset('clientside/img/circle.png') }}" class="circle">
            <img alt="" src="{{ asset('clientside/img/arrow.png') }}" class="arrow">
            <span>{{trans('headings.readmore')}}</span>
          </a>
          <p class="pr-paragraph">{!!$homeText->description_2!!}</p>
        </div>
        <div class="col-md-6 col-lg-7 wow bounceInUp">
          <figure class="featured-sites">
            <a href="{{route('hotel',$newHotels->id)}}" >
              <div class="hotel_thumb layer layer-1">
                <img src="{{ asset('storage/hotels/'.$newHotels->image) }}" alt="" class="w-100">
                <div class="thumb_caption">
                  <h4>{!! implode("<span>",explode(",",$newHotels->title)) !!}</span></h4>
                  <h6>{{$newHotels->state}}</h6>
                </div>
              </div>
            </a>
            <a href="{{ isset($homeText->link_hotel1)?$homeText->link_hotel1:'' }}" >
              <div class="hotel_thumb layer layer-2 left"> <img src="{{ asset('storage/home/'.$homeText->image1) }}" alt="" class="w-100">
                <div class="thumb_caption">
                  <h4>{!! $homeText->title_hotel1 !!}</h4>
                  <h6>{{$homeText->description_hotel1}}</h6>
                </div>
              </div>
            </a>
            <a href="{{ isset($homeText->link_hotel2)?$homeText->link_hotel2:'' }}" >
              <div class="hotel_thumb layer layer-2 right"> <img src="{{ asset('storage/home/'.$homeText->image2) }}" alt="" class="w-100">
                <div class="thumb_caption">
                  <h4>{!! $homeText->title_hotel2 !!}</h4>
                  <h6>{{$homeText->description_hotel2}}</h6>
                </div>
              </div>
            </a>
          </figure>
        </div>
      </div>
    </div>
  </div>
</section>
@php $offers = App\Models\Banner::getAllBanners(getLanuageId(App::getLocale()))->where([['module',7],['status',1]])->get(); @endphp
@if($offers->isNotEmpty())
<section class="second_sec section_common third_sec bigtextleft">
  <div class="bg_text bg_text_left wow bounceInUp n_bg">n</div>
  <div class="container-fluid">
    <div class="row h-100 align-items-center">
      <div class="col-sm-7 col-lg-5 col-xl-7 right_column2 wow bounceInLeft">
        <h3 class="section_title">{!! $homeText->title_3 !!}</h3>
        <p class="pr-paragraph">{!!$homeText->description_3!!}</p>
        <a href="{{route('offer')}}" class="read_more"> <img alt="" src="{{ asset('clientside/img/circle.png') }}" class="circle"> <img alt="" src="{{ asset('clientside/img/arrow.png') }}" class="arrow"> <span> {{trans('headings.readmore')}} </span> </a> </div>
      @php $offer = $offers[0] @endphp
      <div class="col-sm-5 col-xl-5 wow bounceInRight">
        <div class="hotel_thumb offer_image_">
          <div class="border_white"><img src="{{isset($offer->image)?asset('storage/banners/'.$offer->image):asset('/images/no-image.png')}}" alt="" class="w-100"> </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endif
@php $chef = App\Models\Banner::getAllBanners(getLanuageId(App::getLocale()))->where([['module',17],['status',1]])->get(); @endphp
@if($chef->isNotEmpty())
<section class="second_sec section_common fourth_sec bigtextright t_l">
  <div class="bg_text bg_text_left wow bounceInUp t_font t_bg">t</div>
  <div class="container-fluid">
    <div class="row h-100 align-items-center">
      <div class="col-md-5 col-sm-5 col-lg-5 col-xl-5 wow bounceInLeft">
        <div class="owl-carousel cheff_scrolling"> @foreach($chef as $chefs)
          <div class="item">
            <div class="hotel_thumb mh-70p "> <img src="{{isset($chefs->image)?asset('storage/banners/'.$chefs->image):asset('/images/no-image.png')}}" alt="" class="w-100"> </div>
          </div>
          @endforeach </div>
      </div>
      <div class="col-md-7 col-sm-7 col-lg-5 offset-md-1 right_column2 wow bounceInRight">
        <h3 class="section_title">{!! $homeText->title_4 !!}</h3>
        <p>{!!$homeText->description_4!!}</p>
        <h6>{!!$homeText->Sub_text_4!!}</h6>
        <a href="{{route('restaurant')}}" class="read_more"> <img alt="" src="{{ asset('clientside/img/circle.png') }}" class="circle"> <img alt="" src="{{ asset('clientside/img/arrow.png') }}" class="arrow"> <span> {{trans('headings.readmore')}} </span> </a> </div>
    </div>
  </div>
</section>
@endif
@php $spas = App\Models\Banner::getAllBanners(getLanuageId(App::getLocale()))->where([['module',18],['status',1]])->get(); @endphp
@php $gyms = App\Models\Banner::getAllBanners(getLanuageId(App::getLocale()))->where([['module',19],['status',1]])->get(); @endphp
@if($spas->isNotEmpty() || $gyms->isNotEmpty())
<section class="second_sec section_common fifth_sec bigtextleft t_r">
  <div class="bg_text bg_text_left wow zoomIn r_bg"> r </div>
  <div class="container-fluid">
    <div class="row h-100 align-items-center">
      <div class="col-md-5 col-xl-5 right_column2 wow bounceInDown">
        <h3 class="section_title">{!! $homeText->title_5 !!}</h3>
        <p>{!! $homeText->description_5 !!}</p>
        <a href="{{route('gym-and-spa')}}" class="read_more"> <img alt="" src="{{ asset('clientside/img/circle.png') }}" class="circle"> <img alt="" src="{{ asset('clientside/img/arrow.png') }}" class="arrow"> <span> {{trans('headings.readmore')}} </span> </a> </div>
      <div class="col-md-7 col-xl-7 wow bounceInUp">
        <div class="row health_row">
          <div class="col-6">
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
              </ol>

              <!-- Wrapper for slides -->
              <div class="carousel-inner"> @php $i = 0; @endphp
                @foreach($spas as $spa)
                <div class="carousel-item {{ $i==0 ? 'active': '' }}">
                  <div class="hotel_thumb"> <img src="{{isset($spa->image)?asset('storage/banners/'.$spa->image):asset('/images/no-image.png')}}" alt="" class="w-100">
                    <div class="thumb_caption">
                      <h4>{{trans('fields.spa')}}</h4>
                    </div>
                  </div>
                </div>
                @php $i++; @endphp
                @endforeach </div>
            </div>
          </div>
          <div class="col-6">
            <div id="myCarousel1" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators">
                <li data-target="#myCarousel1" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel1" data-slide-to="1"></li>
              </ol>

              <!-- Wrapper for slides -->
              <div class="carousel-inner"> @php $i = 0; @endphp
                @foreach($gyms as $gym)
                <div class="carousel-item {{ $i==0 ? 'active': '' }}">
                  <div class="hotel_thumb"> <img src="{{isset($gym->image)?asset('storage/banners/'.$gym->image):asset('/images/no-image.png')}}" alt="" class="w-100">
                    <div class="thumb_caption">
                      <h4>{{trans('fields.gym')}}</h4>
                    </div>
                  </div>
                </div>
                @php $i++; @endphp
                @endforeach </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endif
@if($data->isNotEmpty())
<section class=" event_section  ">
  <!--<div class="bg_text bg_text_left wow zoomIn"> a </div>-->
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 text-center">
        <h2 class="section_title wow fadeIn">{!!$homeText->title_6!!}</h2>
      </div>
    </div>
    <div class="row m-0"> @foreach ($data as $events)
      <div class="col-sm-6 p-0 wow slideInLeft">
        <div href="#" class="d-flex h-100 event_box">
          <div class="col-sm-6 col-12"> <img src="{{isset($events->thumbnail_image)?asset('storage/events/'.$events->thumbnail_image):asset('/images/no-image.png')}}" alt="" class="fit-image"> </div>
          <div class="col-sm-6 col-12">
            <div class="hover_image"></div>
            <div class="event_content">
              <h4>{{$events->title}}</h4>
              <p>{{$events->short_description}}</p>
              <div class="text-right"> <a href="{{route('getevent',$events->id)}}" class="readmore_event"> <img src="{{ asset('clientside/img/arrow.png') }}" class="arrow animated2 infinite flash" data-wow-duration="2s" data-wow-delay="5s" alt=""> </a> </div>
            </div>
          </div>
        </div>
      </div>
      @endforeach </div>
  </div>
</section>
@endif
@php $memories = App\Models\Banner::getAllBanners(getLanuageId(App::getLocale()))->where([['module',20],['status',1]])->get(); @endphp
@if($memories->isNotEmpty())
<section class="second_sec section_common fourth_sec memories_sec bigtextright t_a">
  <div class="bg_text bg_text_left wow slideInRight a_bg">a</div>
  <div class="container-fluid">
    <div class="row h-100 align-items-center">
      <div class="col-sm-5 offset-md-1 col-xl-5 offset-xl-0 wow slideInRight ">
        <div class="owl-carousel cheff_scrolling"> @foreach($memories as $memorie)
          <div class="item">
            <div class="hotel_thumb"> <img src="{{isset($memorie->image)?asset('storage/banners/'.$memorie->image):asset('/images/no-image.png')}}" alt="" class="w-100"> </div>
          </div>
          @endforeach </div>
      </div>
      <div class="col-sm-7 col-md-5 offset-md-1 right_column2 wow slideInLeft">
        <h3 class="section_title">{!! $homeText->title_7 !!}</h3>
        <p>{!!$homeText->description_7!!}</p>
        <a href="{{route('memories')}}" class="read_more"> <img alt="" src="{{ asset('clientside/img/circle.png') }}" class="circle"> <img alt="" src="{{ asset('clientside/img/arrow.png') }}" class="arrow"><span>{{trans('headings.readmore')}}</span></a> </div>
    </div>
  </div>
</section>
@endif
@php $testimonials = App\Models\testimonial::getAllTestimonials(getLanuageId(App::getLocale()))->where('testimonials.status',1)->get(); @endphp
@if($testimonials->isNotEmpty())
<section class=" second_sec section_common fourth_sec bigtextright testimonial_sec t_l">
  <div class="bg_text bg_text_left wow slideInRight l_bg">l</div>
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6 offset-md-5 right_column2  wow slideInDown">
        <div class="d-flex align-items-end ">
          <h3 class="section_title">{!! $homeText->title_8 !!}</h3>
          <a href="{{route('testimonial')}}" class="read_more"> <img alt="" src="{{ asset('clientside/img/circle.png') }}" class="circle"> <img alt="" src="{{ asset('clientside/img/arrow.png') }}" class="arrow"> <span>{{trans('headings.readmore')}}</span> </a> </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12  wow slideInUp">
        <div class="owl-carousel testimonial_carousel"> @foreach($testimonials as $testimonial)
          <div class="item">
            <div class="row align-items-center">
              <div class="col-sm-5">
                <div class=" testi_image hotel_thumb"> <img src="{{isset($testimonial->image)?asset('storage/testimonials/'.$testimonial->image):asset('/images/no-image.png')}}" alt="" class="w-100"> </div>
              </div>
              <div class="col-sm-7 col-lg-6 col-xl-6 pl-0">
                <div class="testimonial_content">
                  <p>{{$testimonial->description}}</p>
                  <h5>{{$testimonial->title}}</h5>
                  <h6>{{$testimonial->designation}}</h6>
                </div>
              </div>
            </div>
          </div>
          @endforeach </div>
      </div>
    </div>
  </div>
</section>
@endif
{{-- <section class="second_sec counter_sec section_common">
  <div class="container-fluid h-100">
    <div class="row h-100 align-items-center wow slideInUp">
      <div class="col-md-12">
        <h3 class="section_title">{!! $homeText->title_9 !!}</h3>
        <div class="row justify-content-center  wow slideInUp">
          <div class="text-center count_item">
            <div class="counter_box counter_item1"> <span class="counter plus" data-count="10">0</span>
          </div>
            <h6>{{trans('headings.special_offers')}}</h6>
          </div>
          <div class=" text-center count_item">
            <div class="counter_box counter_item2"> <span class="counter plus" data-count="22">0</span>
          </div>
            <h6>{{trans('headings.room')}}</h6>
          </div>
          <div class="text-center count_item">
            <div class="counter_box counter_item3"> <span class="counter plus" data-count="30">0</span>
          </div>
            <h6>{{trans('headings.amenities')}}</h6>
          </div>
          <div class="text-center count_item">
            <div class="counter_box counter_item4"> <span class="counter count" data-count="50">0</span>
          </div>
            <h6>{{trans('headings.happy_customers')}}</h6>
          </div>
        </div>
      </div>
    </div>
  </div>
</section> --}}
<section class="second_sec section_common corporate_sec" id="enquiry">
  <div class="container-fluid h-auto">
    <div class="row ">
      <!-- <div class="col-md-9 col-lg-3 pt-12p wow slideInRight"> -->
      <div class="col-md-12 col-lg-4 pt-12p wow slideInRight">
        <div class="position-relative">
          <h3 class="section_title">{!! $homeText->title_10_1 !!}</h3>
          <p>{!! $homeText->description_10_1 !!}</p>
          <a href="{{route('corporateenquirylist')}}" class="read_more"> <img alt="" src="{{ asset('clientside/img/circle.png') }}" class="circle"> <img alt="" src="{{ asset('clientside/img/arrow.png') }}" class="arrow"> <span>{{trans('headings.readmore')}}</span> </a> </div>
      </div>
      <div class="col-md-12 col-lg-4 col-xl-4 wow slideInLeft">
        <div class="enquiry_box">
          @if(session()->has('message'))
            <div class="alert alert-success"> {{ session()->get('message') }} </div>
          @endif
          <form class="enquiry-form" accept-charset="UTF-8" action="{{route('corporate-enquiry')}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-field">
              <input class="form-control" type="text" placeholder="{{trans('headings.name')}}" name="name" required>
              @if ($errors->has('name'))
              <p class="help-block">{{ $errors->first('name') }}</p>
              @endif </div>
            <div class="form-field">
              <input class="form-control" type="text" placeholder="{{trans('headings.company_name')}}" name="company_name">
              @if ($errors->has('company_name'))
              <p class="help-block">{{ $errors->first('company_name') }}</p>
              @endif </div>
            <div class="form-field">
              <input id="name" class="form-control" type="text" placeholder="{{trans('headings.phone_number')}}" name="phone_number" required>
              @if ($errors->has('phone_number'))
              <p class="help-block">{{ $errors->first('phone_number') }}</p>
              @endif </div>
            <div class="form-field">
              <input id="name" class="form-control" type="email" placeholder="{{trans('headings.email')}}" name='email' required>
              @if ($errors->has('email'))
              <p class="help-block">{{ $errors->first('email') }}</p>
              @endif </div>
            <div class="form-field">
              <input class="form-control" type="text" placeholder="{{trans('headings.subject')}}" name="subject">
              @if ($errors->has('subject'))
              <p class="help-block">{{ $errors->first('subject') }}</p>
              @endif </div>
            <div class="form-field file-area">
              <input type="file" name="files" id="images" multiple/>
              <div class="file-dummy">
                <div class="success">{{trans('headings.file_selected')}}</div>
                <div class="default"><img alt="" src="{{ asset('clientside/img/attach.png') }}" class=""> {{trans('headings.attach_file')}}</div>
              </div>
            </div>
            <div class="form-field">
              <textarea class="form-control" placeholder="{{trans('headings.message')}}" name="message" required></textarea>
              @if ($errors->has('message'))
              <p class="help-block">{{ $errors->first('message') }}</p>
              @endif </div>
            <div class="form-field text-right">
              <input class="btn btn-submit" type="submit" value="{{trans('headings.submit')}}">
            </div>
          </form>
        </div>
      </div>
      <div class="col-md-12 col-lg-4 pt-12p wow slideInRight">
        <div class="position-relative">
          <h3 class="section_title">{!! $homeText->title_10_2 !!}</h3>
          <p>{!! $homeText->description_10_2 !!}</p>
          <a href="{{route('contact')}}" class="btn btn-submit">{{trans('headings.enquire-now')}}</a> </div>
      </div>
    </div>
  </div>
</section>
@if($instaPost->isNotEmpty())
<section class="social_media_sec">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 wow slideInDown">
        <h3 class="section_title mb-0">{!! $homeText->title_11 !!}</h3>
        <p class="mb-0 mt-4">{!! $homeText->description_11 !!}</p>
      </div>
    </div>
    <div class="row">
      <div class="col-12 wow slideInUp">
        <div class="owl-carousel insta_carousel"> @foreach($instaPost as $instaPosts)
          <div class="item">
            <div class="insta_box"> <img src="{{isset($instaPosts->image)?asset('storage/instagram/'.$instaPosts->image):asset('/images/no-image.png')}}" class="w-100" alt=""> <a href="{{$instaPosts->link}}" target="_blank"> <img alt="" src="{{ asset('clientside/img/insta_logo.png') }}" class="w-auto insta_logo"> </a>
              <center>
                <p>{{$instaPosts->subtext}} </p>
              </center>
            </div>
          </div>
          @endforeach </div>
      </div>
    </div>
  </div>
</section>
@endif
{{-- <script src="https://www.google.com/recaptcha/api.js?render={{ config('services.recaptcha.sitekey') }}"></script>
<script>
         grecaptcha.ready(function() {
             grecaptcha.execute('{{ config('services.recaptcha.sitekey') }}', {action: 'corporate-enquiry'}).then(function(token) {
                if (token) {
                  document.getElementById('recaptcha').value = token;
                }
             });
         });
</script> --}}
<script>
$( document ).ready(function() {
  $('.success').hide();
  $('.default').show();
  $("#images").change(function(){
    if($("#images").val() != "") {
      $('.success').show();
      $('.default').hide();
      console.log('if');
    }
    else{
      $('.success').hide();
      $('.default').show();
      console.log('else');
    }
  });
});
</script>
<script>
  jQuery(function(){
    jQuery('#arrival').datepicker({
      dateFormat: 'dd, M yy',
      beforeShowDay: function(date){
        var currentDate = new Date();
        currentDate.setHours(0);
        currentDate.setMinutes(0);
        currentDate.setSeconds(0);
        currentDate.setMilliseconds(0);
        if(date >= currentDate){
          return [true, ''];
        }else {
          return [false, ''];
        }
      },
      onSelect: function(dateText, inst) {

        var nextDay = jQuery('#quickbooking #arrival').datepicker('getDate');
        nextDay.setDate(nextDay.getDate() + 1);
        var depart = jQuery('#quickbooking #departure').datepicker('getDate');
        if (depart < nextDay){
            jQuery('#quickbooking #departure').val(jQuery.datepicker.formatDate('dd, M yy', nextDay));
        }
      }
    }).val(jQuery.datepicker.formatDate('dd, M yy', new Date()));
    var nextDay = new Date();
    nextDay.setDate(new Date().getDate() + 1);
    jQuery('#departure').datepicker({
      dateFormat: 'dd, M yy',
      beforeShowDay: function(date) {
       var nextDay = $('#arrival').datepicker('getDate');
      if (nextDay !== null) {
        nextDay.setDate(nextDay.getDate() + 1);
        nextDay.setHours(0);
        nextDay.setMinutes(0);
        nextDay.setSeconds(0);
        nextDay.setMilliseconds(0);

        if(date >= nextDay) {
          return [true, ''];
        }else{
          return [false, ''];
        }
      }
      console.log(nextDay );

      }
    }).val(jQuery.datepicker.formatDate('dd, M yy', nextDay));

    jQuery('#quickbooking form').submit(function(e){
      e.preventDefault();
      var $this = jQuery(this);
      var url = '';
      var values = {};
      jQuery.each($this.serializeArray(), function(k, v){
        values[v.name] = v.value;
      });
      if(values.hotel == -1) {
        url = '';
      }else{
        url = 'https://centralinn.book-onlinenow.net?';
      }
      delete values.hotel;
      var arrivalDate = jQuery('#arrival', jQuery(this)).datepicker('getDate');
      var departureDate = jQuery('#departure', jQuery(this)).datepicker('getDate');
      values.arrival = jQuery.datepicker.formatDate('dd/mm/yy', arrivalDate);
      values.departure = jQuery.datepicker.formatDate('dd/mm/yy', departureDate);
      jQuery.each(values, function(k, v){
        if(v.length > 0){
          url += k + '=' + v + '&';
        }
      });
      url = url.substr(0, url.length-1);
      //uncomment below if results in _self
      //window.location.href = url;
      //comment below if you need result in _self
      var BookSearch = window.open(url, "_blank");
    });
  });


  jQuery(function(){
    jQuery('#arrival2').datepicker({
      dateFormat: 'dd, M yy',
      beforeShowDay: function(date){
        var currentDate = new Date();
        currentDate.setHours(0);
        currentDate.setMinutes(0);
        currentDate.setSeconds(0);
        currentDate.setMilliseconds(0);
        if(date >= currentDate){
          return [true, ''];
        }else {
          return [false, ''];
        }
      },
      onSelect: function(dateText, inst) {

        var nextDay = jQuery('#quickbooking2 #arrival2').datepicker('getDate');
        nextDay.setDate(nextDay.getDate() + 1);
        var depart = jQuery('#quickbooking2 #departure2').datepicker('getDate');
        if (depart < nextDay){
            jQuery('#quickbooking2 #departure2').val(jQuery.datepicker.formatDate('dd, M yy', nextDay));
        }
      }
    }).val(jQuery.datepicker.formatDate('dd, M yy', new Date()));
    var nextDay = new Date();
    nextDay.setDate(new Date().getDate() + 1);
    jQuery('#departure2').datepicker({
      dateFormat: 'dd, M yy',
      beforeShowDay: function(date) {
       var nextDay = $('#arrival2').datepicker('getDate');
      if (nextDay !== null) {
        nextDay.setDate(nextDay.getDate() + 1);
        nextDay.setHours(0);
        nextDay.setMinutes(0);
        nextDay.setSeconds(0);
        nextDay.setMilliseconds(0);

        if(date >= nextDay) {
          return [true, ''];
        }else{
          return [false, ''];
        }
      }
      console.log(nextDay );

      }
    }).val(jQuery.datepicker.formatDate('dd, M yy', nextDay));

    jQuery('#quickbooking2 form').submit(function(e){
      e.preventDefault();
      var $this = jQuery(this);
      var url = '';
      var values = {};
      jQuery.each($this.serializeArray(), function(k, v){
        values[v.name] = v.value;
      });
      if(values.hotel == -1) {
        url = '';
      }else{
        url = 'https://centralinn.book-onlinenow.net?';
      }
      delete values.hotel;
      var arrivalDate = jQuery('#arrival2', jQuery(this)).datepicker('getDate');
      var departureDate = jQuery('#departure2', jQuery(this)).datepicker('getDate');
      values.arrival = jQuery.datepicker.formatDate('dd/mm/yy', arrivalDate);
      values.departure = jQuery.datepicker.formatDate('dd/mm/yy', departureDate);
      jQuery.each(values, function(k, v){
        if(v.length > 0){
          url += k + '=' + v + '&';
        }
      });
      url = url.substr(0, url.length-1);
      //uncomment below if results in _self
      //window.location.href = url;
      //comment below if you need result in _self
      var BookSearch = window.open(url, "_blank");
    });
  });
</script>
<script type="text/javascript">
var script_url = "{{url('/')}}";
$("#btn-refresh").click(function(){
  $.ajax({
     type:'GET',
     url: script_url +'/en/refresh_captcha',
     success:function(data){
        $(".captcha span").html(data.captcha);
     }
  });
});
</script>
@endsection