@extends('layouts.app')


@section('content')

<!-- Home Section -->

@if(widget(1)->radio_button_1==1)

<!-- Slider Section -->

<div class="tp-banner-container" id="slider">

  <div class="tp-banner">

    <ul> 

      @if(null!==(module(4))) 

      @foreach(module(4) as $slider) 

      <li data-slotamount="7" data-transition="fade" data-masterspeed="1000" data-saveperformance="on"> <img alt="" src="images/dummy.png" data-lazyload="{{asset('images/'.$slider->image)}}">

        <div class="caption lfb large-title tp-resizeme slidertext2" data-x="center" data-y="280" data-speed="600" data-start="1000">{{$slider->title}}</div>

        <div class="caption lfb large-title tp-resizeme slidertext1" data-x="center" data-y="310" data-speed="600" data-start="1600">{!!removeTags($slider->extra_field_1)!!}</div>

        <div class="caption lfb large-title tp-resizeme sliderbtn" data-x="center" data-y="400" data-speed="600" data-start="2200"><a href="{!!removeTags($slider->extra_field_3)!!}" class="section-btn">{!!removeTags($slider->extra_field_2)!!}</a></div>

      </li>

      @endforeach

      @endif     

      

      

    </ul>

  </div>

</div>

<!-- Slider End -->

@else

<div id="home" class="parallax-section" style="background: url({{asset('images/'.widget(3)->extra_image_1)}}) no-repeat bottom;"> 

  <!--     <div class="overlay"></div>-->

  <div class="container">

    <div class="row">

      <div class="col-lg-12">

        <div class="slide-text">

          <h3>{{ widget(3)->extra_field_1 }} <a href="" class="typewrite" data-period="2000" data-type='[ "{{ widget(3)->extra_field_2 }}", "{{ widget(3)->extra_field_3 }}", "{{ widget(3)->extra_field_4 }}" ]'> <span class="wrap"></span> </a> </h3>

          <h1>{{ widget(3)->extra_field_5 }}</h1>

          <p>{{ widget(3)->description }}</p>

          <a href="{{ widget(3)->extra_field_7 }}" class="btn btn-default section-btn">{{ widget(3)->extra_field_6 }}</a> </div>

      </div>

    </div>

  </div>

</div>

@endif



<div class="container">

  <div class="bformBox">

    <h3>{{widget(4)->extra_field_1}}</h3>

    <form action="{{route('booking.post')}}" method="POST">

      @csrf

      <div class="formrow">

        {!! Form::select('car_name', [''=>'Selectionner une voiture']+dataArray(5), null, array('class'=>'form-control', 'id'=>'car_name', 'required'=>'required') )!!}

        {!!removeTags( APFrmErrHelp::showErrors($errors, 'car_name') )!!}

      </div>

      <div class="row">

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

          <div class="formrow">

            <div class="input-group"> <span class="input-group-addon"><i class="fa fa-map-marker" aria-hidden="true"></i> 

				{{__('Prise')}}

				</span>

             <input type="text" class="form-control" name="pick_up" id="pick_upf" placeholder="{{__('Votre adresse')}}" value="" required="required">

             <input type="hidden" name="pick_up_lat" id="pick_up_lat">

             <input type="hidden" name="pick_up_lng" id="pick_up_lng">

            </div>

          </div>

        </div>

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

          <div class="formrow">

            <div class="input-group date form_datetime" data-date="2018-02-22T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">

              <input class="form-control" size="16" type="text" value="" readonly placeholder="{{__('Selectionner une date de prise')}}" name="pick_up_datetime" required >

              <span class="input-group-addon"><i class="fas fa-calendar"></i></span> </div>

          </div>

        </div>

      </div>

      <div class="row">

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

          <div class="formrow">

            <div class="input-group"> <span class="input-group-addon"><i class="fa fa-map-marker" aria-hidden="true"></i> {{__('Retour')}}</span>

              <input type="text" class="form-control" name="drop_off" id="drop_of" placeholder="{{__('Adresse')}}" value="">

              <input type="hidden" name="drop_off_lat" id="drop_off_lat">

             <input type="hidden" name="drop_off_lng" id="drop_off_lng">

            </div>

          </div>

        </div>

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

          <div class="formrow">

            <div class="input-group date form_datetime" data-date="2018-02-22T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">

              <input class="form-control" size="16" type="text" value="" readonly placeholder="{{__('Selectionner une date')}}" name="drop_off_datetime" required >

              <span class="input-group-addon"><i class="fas fa-calendar"></i></span> </div>

          </div>

        </div>

      </div>

      <div class="row">

        <div class="col-md-4 col-sm-4">

          <div class="formrow">

            <input type="text" class="form-control" placeholder="{{__('Votre nom')}}" name="name" required >

          </div>

        </div>

        <div class="col-md-4 col-sm-4">

          <div class="formrow">

            <input type="email" class="form-control" placeholder="{{__('Votre Email')}}" name="email" required>

          </div>

        </div>

        <div class="col-md-4 col-sm-4">

          <div class="formrow">

            <input type="text" class="form-control" placeholder="{{__('Telephone')}}" name="phone" required>

          </div>

        </div>

      </div>

      <div class="formbtn">

        <input type="submit" class="btn" value="{{widget(4)->extra_field_2}}">

      </div>

    </form>

  </div>

</div>



<div class="parallax-section" id="cars">

  <div class="container">

    <div class="section-title">

      <h3>{{widget(5)->extra_field_1}} <span>{{widget(5)->extra_field_2}}</span></h3>

      <p>{{widget(5)->description}}</p>

    </div>

    <div class="vehiclesList">

      <ul class="carsmodals owl-carousel">

        @if(null!==(module(5))) 

        @foreach(module(5) as $car) 

        <li class="item">

          <div class="row">

            <div class="col-md-3">

              <h3>{{$car->title}}</h3>

              <div class="subtitle">{{$car->extra_field_1}}</div>

              <div class="carPrice"> <strong>{{$car->extra_field_2}}</strong> <span>/{{$car->extra_field_3}}</span> </div>

              <a href="javascript:;" onclick="reserve('{{$car->title}}')" class="btn"><i class="fa fa-calendar" aria-hidden="true"></i> {{__('Reserver maintenant')}} </a> </div>

            <div class="col-md-6"><a href="{{asset('images/'.$car->image)}}" class="image-popup"><img src="{{asset('images/'.$car->image)}}" alt="" /></a></div>

            <div class="col-md-3">

              <div class="carinfo">

                <ul>

                  <li>{{__('Portes')}}: <strong>{{$car->extra_field_4}}</strong></li>

                  <li>{{__('Passagers')}}: <strong>{{$car->extra_field_5}}</strong></li>

                  <li>{{__('Bagages')}}: <strong>{{$car->extra_field_6}}</strong></li>

                  <li>{{__('Transmission')}}: <strong>{{$car->extra_field_7}}</strong></li>

                  <li>{{__('Climatisation')}}: <strong>{{$car->extra_field_8}}</strong></li>

                  <li>{{__('Age')}}: <strong>{{$car->extra_field_9}}</strong></li>

                </ul>

              </div>

            </div>

          </div>

        </li>

        @endforeach

        @endif

      </ul>

    </div>

  </div>

</div>



<!-- Service 1 -->

<div class="servicesbox bg1" style="background: url({{asset('images/'.widget(6)->extra_image_1)}})">

  <div class="container">

    <div class="row">

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

        <h3>{{widget(6)->extra_field_1}}</h3>

        <div class="ctoggle">

          <p>{{widget(6)->description}}</p>

          <a href="{{widget(6)->extra_field_3}}" class="readmore">{{widget(6)->extra_field_2}} <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> </div>

      </div>

    </div>

  </div>

</div>



<!-- About section -->

<div id="about">

  <div class="container">

    <div class="section-title">

      <h3>{!!removeTags(widget(7)->extra_field_1)!!}</h3>

      <p>{{widget(7)->extra_field_2}}</p>

    </div>

    <div class="about-desc">

      <div class="row">

        <div class="col-md-7">

          <ul class="circleList row">

            <li class="col-md-4 col-sm-4">

              <div class="cricle"><i class="fa fa-car" aria-hidden="true"></i></div>

              <div class="title">{{widget(7)->extra_field_3}}</div>

            </li>

            <li class="col-md-4 col-sm-4">

              <div class="cricle"><i class="fa fa-users" aria-hidden="true"></i></div>

              <div class="title">{{widget(7)->extra_field_4}}</div>

            </li>

            <li class="col-md-4 col-sm-4">

              <div class="cricle"><i class="fa fa-tags" aria-hidden="true"></i></div>

              <div class="title">{{widget(7)->extra_field_5}}</div>

            </li>

          </ul>

          <p>{{widget(7)->description}}</p>