@extends('layouts.app')
@section('stylesheets')
     {!! Html::style('css/details.css') !!} 
     {!! Html::style('css/parsley.css') !!}
@endsection
@section('content')
<section class="page-banner booking tour-result" style="background-image: url({{ URL::asset($tour->booking_image)  }})">
    <div class="container">
        <div class="page-title-wrapper">
            <div class="page-title-content">
                <div class="clearfix"></div>
                <h1 class="captions">Book your {{ $tour->name_en  }}</h1>
            </div>
        </div>
    </div>
</section>
<div class="bookingpage trip-info padding-details">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="label-route-widget bike-breadcrumb">
                    <span class="departure">
                        <a href="{{url('/')}}">
                            <span class="city">Home</span>
                        </a>
                    </span> 
                    <i class="fa fa-long-arrow-right"></i>
                    <span class="arrival">
                        <a href="{{ url($tour->categorie->slug_en) }}">
                            <span class="city">{{ ucwords(strtolower($tour->categorie->name_en)) }}</span>
                        </a>
                    </span>
                    <i class="fa fa-long-arrow-right"></i>
                    <span class="arrival">
                        <a href="{{ url('/'.$tour->categorie->slug_en.'/'.$tour->SubCategorie->slug_en) }}">
                            <span class="city">{{ ucwords(strtolower($tour->SubCategorie->name_en)) }}</span>
                        </a>
                    </span>
                    <i class="fa fa-long-arrow-right"></i>
                    <span class="arrival">
                        <a href="{{ url('/'.$tour->categorie->slug_en.'/'.$tour->SubCategorie->slug_en.'/'.$tour->slug_en) }}">
                            <span class="city">{{ ucwords(strtolower($tour->name_en)) }}</span>
                        </a>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="tour-info-suplement no-desktop marginBottom20">
    <div class="container">
        <div class="row">
            <div class="col-md-12 full-info">
                <div class="activity container">
                    <div class="col-md-8 col-xs-12 activity_part">
                        <p class="activity_text">
                            <span class="activity_title">Activity : </span>
                            {{ $tour->activity_en }}
                        </p>
                    </div>
                    <div class="col-md-3 col-xs-12 activity_part">
                        <p class="assistance_text">
                            <span class="assistance_title">Assistance : </span>
                            {{ $tour->assistance()->first()->name_en }}
                        </p>
                        <div class="assistance_img">
                            <img src="{{ env('URL_APPLICATION').$tour->assistance()->first()->image}}" />
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-12 level_part">
                        <p class="assistance_text">
                            <span class="assistance_title">Level : </span>
                            {{ $tour->level()->first()->name_en }}
                        </p>
                        <div class="level_img">
                            <img src="{{ env('URL_APPLICATION').$tour->level()->first()->image}}" />
                        </div>
                    </div>
                </div>
                <div class="period container">
                    <div class="col-md-9 period_part">
                        <p class="period_text">
                            <span class="period_title">Period : </span>
                            @if($tour->month)
                                @foreach (get_months() as $element)
                                    @if(in_array($element, $tour->month ))
                                        <span> {{ $element }} </span>
                                    @else
                                        <span class="month_gray"> {{ $element }} </span>
                                    @endif
                                    @if(!$loop->last)
                                        |
                                    @endif

                                @endforeach
                            @endif
                        </p>
                    </div>
                    <a class="col-md-3 detail_book" href="#"> <span> Book this Tour </span> </a>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="vc_empty_space height-70 no-mobile"><span class="vc_empty_space_inner"></span></div>
<section class="day_by_day">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-xs-12 left-part">
                @include('layouts/partials/_messages')
                <div class="bookings-steps clearfix">
                    <ul role="tablist">
                        <li role="tab" class="first current" aria-disabled="false" aria-selected="true">
                            <a  href="javascript:;">
                                <span class="current-info audible">current step: </span>
                                <span class="number">1</span> 
                                <span class="title">Personal Information</span>
                            </a>
                        </li>
                        <li role="tab" class="disabled" aria-disabled="true">
                            <a  href="javascript:;" >
                                <span class="number">2</span> 
                                <span class="title">Bike Rental</span>
                            </a>
                        </li>
                        <li role="tab" class="disabled last" aria-disabled="true">
                            <a = href="javascript:;" >
                                <span class="number">3</span> 
                                <span class="title">Booking</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <h2 class="booking-title">Book your {{ ucwords(strtolower($tour->name_en))  }} : <span class="booking-date" >{{ $tourdate->dates_en }} </span></h2>
                <div class="tab-content">

                    <div id="tripdates" class="tab-pane fade active in">
                        
                        {!! Form::open(['route' => 'bookings.next','data-parsley-validate'=>'','class'=>'booking-form']) !!}
                            
                            {{ Form::hidden('tour_date_id',$tourdate->id) }}
                            {{ Form::hidden('step','addPassenger') }}
                            {{-- primary passenger --}}
                            <p class="tripdate_subtitle col-md-12 marginTop20 marginBottom20 col-xs-12">Personnal Info</p>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputTitle" class="col-sm-3 col-xs-5 col-form-label costum-label">Title</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::select('title[]', user_titles(),null, array_merge(['class' => 'form-control','placeholder'=>"Select your title",'id'=>'inputTitle','required'=>''])) }}
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputSurname" class="col-sm-3 col-xs-5 col-form-label costum-label">Surname</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('firstname[]', null, array_merge(['class' => 'form-control','placeholder'=>"Surname",'id'=>'inputSurname','required'=>''])) }}
                                </div>

                                <label for="inputFamily" class="col-sm-3 col-xs-5 col-form-label costum-label">Family Name</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('lastname[]', null, array_merge(['class' => 'form-control','placeholder'=>"Family Name",'id'=>'inputFamily','required'=>''])) }}
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputDate" class="col-sm-3 col-xs-5 col-form-label costum-label">Date of Birth</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('birthdate[]', null, array_merge(['class' => 'form-control datepicker-birthdate','data-date-format'=>"dd/mm/yyyy",'placeholder'=>"dd/mm/yyyy",'id'=>'birthdate','required'=>''])) }}
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputTown" class="col-sm-3 col-xs-5 col-form-label costum-label">Town</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('city[]', null, array_merge(['class' => 'form-control','placeholder'=>"Town",'id'=>'inputTown','required'=>''])) }}
                                </div>

                                <label for="inputCountry" class="col-sm-3 col-xs-5 col-form-label costum-label">Country</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('country[]', null, array_merge(['class' => 'form-control','placeholder'=>"Country",'id'=>'inputCountry','required'=>''])) }}
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputPassport" class="col-sm-3 col-xs-5 col-form-label costum-label">Passport Number</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('passport[]', null, array_merge(['class' => 'form-control','placeholder'=>"Passport Number",'id'=>'inputPassport','required'=>''])) }}
                                </div>

                                <label for="inputIssue" class="col-sm-3 col-xs-5 col-form-label costum-label">Date & Place of issue</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('date_place_issue[]', null, array_merge(['class' => 'form-control','placeholder'=>"Date & Place of issue",'id'=>'inputPassport','required'=>''])) }}
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputEmail" class="col-sm-3 col-xs-5 col-form-label costum-label">Email Address</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::email('email[]', null, array_merge(['class' => 'form-control','placeholder'=>"Email Address",'id'=>'inputEmail','required'=>''])) }}
                                </div>

                                <label for="inputPhone" class="col-sm-3 col-xs-5 col-form-label costum-label">Phone Number</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('phone[]', null, array_merge(['class' => 'form-control','placeholder'=>"Phone Number",'id'=>'inputPhone','required'=>''])) }}
                                </div>
                            </div>

                            <!-- Trip Info -->
                            <p class="tripdate_subtitle col-md-12 marginTop20 col-xs-12">Trip Info</p>
                            <div class="form-group col-md-12">
                                <label for="inputarrival" class="col-sm-3 col-xs-5 col-form-label costum-label">Date of arrival</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('arrival_date', ($tourdate->date_tour_fin ? \Carbon\Carbon::parse($tourdate->date_tour_fin)->format('d/m/Y') : null), array_merge(['class' => 'form-control datepicker','data-date-format'=>"dd/mm/yyyy",'placeholder'=>"dd/mm/yyyy",'id'=>'inputArrival','required'=>''])) }}
                                </div>

                                <label for="inputDeparture" class="col-sm-3 col-xs-5 col-form-label costum-label">Date of departure</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('departure_date', ($tourdate->date_tour_debut ? \Carbon\Carbon::parse($tourdate->date_tour_debut)->format('d/m/Y') : null), array_merge(['class' => 'form-control datepicker','data-date-format'=>"dd/mm/yyyy",'placeholder'=>"dd/mm/yyyy",'id'=>'inputDeparture','required'=>''])) }}
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12 margint-15">
                                <label for="inputDeparturedate" class="col-sm-3 col-xs-5 col-form-label costum-label">Arrival flight details Number, Company, Time</label>
                                <div class="col-sm-9 col-xs-7">
                                    {{ Form::textarea('arrival_detail', null, array_merge(['class' => 'form-control','rows'=>5,'placeholder'=>"Arrival flight details Number, Company, Time",'id'=>'inputDeparturedate'])) }}
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12 margint-15">
                                <label for="inputArrivaldate" class="col-sm-3 col-xs-12 col-form-label costum-label">Departure flight details Number, Company, Time</label>
                                <div class="col-sm-9 col-xs-12">
                                    {{ Form::textarea('departure_detail', null, array_merge(['class' => 'form-control','rows'=>5,'placeholder'=>"Arrival flight details Number, Company, Time",'id'=>'inputArrivaldate'])) }}
                                </div>
                            </div>

                            <!-- Room Sharing -->
                            <p class="tripdate_subtitle col-md-12 col-xs-12 marginTop20">Room Sharing</p>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputsharing1" class="col-sm-8 col-xs-10 col-form-label costum-label">I would like a single room / tent (with supplement)</label>
                                <div class="col-sm-2 col-xs-2">
                                    <div class="form-check">
                                        {{ Form::radio('room', 'single',false,  array_merge(['class' => 'form-check-input','placeholder'=>"I would like a single room / tent (with supplement)",'id'=>'inputsharing1'])) }}
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputsharing2" class="col-sm-8 col-xs-10 col-form-label costum-label">I accept to share room / tent </label>
                                <div class="col-sm-2 col-xs-2">
                                    <div class="form-check">
                                        {{ Form::radio('room', 'share',false, array_merge(['class' => 'form-check-input','placeholder'=>"I accept to share room / tent",'id'=>'inputsharing2'])) }}
                                    </div>
                                </div>
                            </div>

                            <!-- Insurance -->
                            <p class="tripdate_subtitle col-md-12 col-xs-12 marginTop20">Insurance</p>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputinsurance" class="col-sm-8 col-xs-10 col-form-label costum-label">Please the informations below:<br> I have a canselation & assistance insurance:</label>
                                <div class="col-sm-2 col-xs-2">
                                    <div class="form-check">
                                        {{ Form::checkbox('have_assurance', null,false,  array_merge(['class' => 'form-check-input','placeholder'=>"I have a canselation & assistance insurance",'id'=>'inputinsurance'])) }}
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputCompany" class="col-sm-4 col-xs-5 col-form-label costum-label">Insurance Company Name</label>
                                <div class="col-sm-8 col-xs-7">
                                    {{ Form::text('assurance_company_name', null, array_merge(['class' => 'form-control','placeholder'=>"Insurance Company Name",'id'=>'inputCompany'])) }}
                                </div>
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputContrat" class="col-sm-2 col-xs-5 col-form-label costum-label">Contrat N°</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('contrat', null, array_merge(['class' => 'form-control','placeholder'=>"Contrat N°",'id'=>'inputContrat'])) }}
                                </div>

                                <label for="inputTel" class="col-sm-4 col-xs-5 col-form-label costum-label">Tel N° assistance 24/24</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('assitance_phone', null, array_merge(['class' => 'form-control','placeholder'=>"Tel N° assistance 24/24",'id'=>'inputTel'])) }}
                                </div>
                            </div>

                            <!-- General Info -->
                            <p class="tripdate_subtitle col-md-12 col-xs-12 marginTop20">General Info</p>
                            <p><strong> Please let us know if you have any special requests: (Bike size, special diet...) </strong></p>
                            {{ Form::textarea('general_info', null, array_merge(['class' => 'form-control','rows'=>5,'placeholder'=>"General Info",'id'=>'general_info'])) }}

                            <p><strong><span class="important-note">Important Note:</span> By returning this booking form signed, you hereby accept the Terms & Conditions of Maroc Nature</strong></p>

                            <div class="form-group col-md-12 col-xs-12">
                                <label for="inputDateSign" class="col-sm-1 col-xs-5 col-form-label costum-label">Date</label>
                                <div class="col-sm-6 col-xs-7">
                                    {{ Form::text('date_signature', \Carbon\Carbon::now()->format('d/m/Y'), array_merge(['class' => 'form-control datepicker','data-date-format'=>"dd/mm/yyyy",'placeholder'=>"dd/mm/yyyy",'id'=>'inputDateSign'])) }}
                                </div>

                                <label for="inputSignature" class="col-sm-2 col-xs-5 col-form-label costum-label">Signature (initials)</label>
                                <div class="col-sm-3 col-xs-7">
                                    {{ Form::text('signature', null, array_merge(['class' => 'form-control','placeholder'=>"Signature",'id'=>'inputSignature'])) }}
                                </div>
                                
                            </div>
                            {{-- other passengers --}}
                            <div class="passengers form-group col-md-12 col-xs-12" id="passengers">
                                
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <a class="add-extra no-hover" onclick="addPassenger()">
                                    <span class="icon-add"><i class="fa fa-user"></i></span> <span>Add another passenger</span>
                                </a>
                            </div>
                            <div class="form-group col-md-12 col-xs-12">
                                <div class="col-md-6 col-xs-6">
                                    <a href="javascript:history.go(-1)" class="detail_book col-xs-6 submit back-tour detail_book_btn" title="">Back to Tour</a>
                                </div>
                                <div class="col-md-6 col-xs-6">
                                    {{ Form::submit('Next',array_merge(['class'=>'submit detail_book detail_book_btn col-xs-7'])) }}
                                </div>
                            </div>
                            
                        {!! Form::close() !!}
                    </div>
                    <!-- TOUR INFO -->
                    
                    <!-- BIKE HIRE -->
                    
                </div>
            </div>
            <div class="col-md-3 col-xs-12">
                <div class="col-md-12 col-sm-6 chat-part">
                    <h4 class="booking-side-title">{{ ucwords(strtolower($tour->name_en)) }}</h4>
                    <span class="booking-side-sub-title">{{ ucwords(strtolower($tour->subtitle_en)) }}</span>
                    <div class="booking-side-img"><img src="{{ env('URL_APPLICATION').$tour->image}}" /></div>
                    <div class="booking-info" >
                        <h4>Total Price</h4>
                        <h5 class="booking-side-price">{{ $tourdate->price }} €</h5>
                        <span class="booking-side-tour"> <span class="count-passengers">1 person</span> ,{{ ucwords(strtolower($tourdate->dates_en)) }}</span>
                    </div>
                    <div class="booking-passengers-info" >
                        <h4 class=""> Passengers</h4>
                        <ul class="holiday-card-info">
                            <li>
                                <span>Passenger 1</span>
                                <span class="price ng-binding">{{ $tourdate->price }} €</span>
                            </li>
                          
                        </ul>
                    </div>
                </div>
                <div class="col-md-12 col-sm-6 pdf-part">
                    <p class="pdf-title">General Terms & Conditions</p>
                    <a class="pdf-img" href="{{ url('conditions') }}" >
						<img src="{{ URL::asset('assets/images/icons/pdf-icon.png')}}" /> 
					</a>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="vc_empty_space height-70 no-mobile"><span class="vc_empty_space_inner"></span></div>

<section class="galleries">
    <div class="container">
        <div class="row">
            <div class="gallery-block margin-top70">
                <div class="container">
                    <h3 class="title-style-2">Gallery</h3>
                    <div class="grid">
                        <div class="grid-sizer"></div>
                        <div class="gutter-sizer"></div>
                         @if($tour->tourGalleries()->get())
                            @foreach ($tour->tourGalleries()->get() as $element)                                  
                                <div class="grid-item grid-item--medium">
                                    <div class="gallery-image">
                                        <a href="{{ URL::asset($element->name) }}" data-fancybox-group="gallery" class="title-hover dh-overlay fancybox">
                                            <i class="icons fa fa-eye"></i>
                                        </a>
                                        <div class="bg"></div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

@endsection

@section('scripts')
    {!! Html::script('assets/js/pages/details-page.js') !!}
    {!! Html::script('assets/js/pages/tour-view.js') !!}
    {!! Html::script('js/parsley.min.js') !!}
    {!! Html::script('assets/libs/isotope/isotope.min.js') !!}
    {!! Html::script('assets/libs/fancybox/js/jquery.mousewheel-3.0.6.pack.js') !!}
    {!! Html::script('assets/libs/fancybox/js/jquery.fancybox.js') !!}
    {!! Html::script('assets/libs/fancybox/js/jquery.fancybox-buttons.js') !!}
    {!! Html::script('assets/libs/fancybox/js/jquery.fancybox-thumbs.js') !!}
    {!! Html::script('assets/libs/mouse-direction-aware/jquery.directional-hover.js') !!}
    
    <script type="text/javascript">
        $(".datepicker-birthdate").datepicker({
            dateFormat: "dd/mm/yy",
            maxDate:0
        });
        
        function bookingSubmit(){
            $('.booking-form').submit();
        }
        function removePassenger(passenger_id,passenger_price_id) {
            $('#'+passenger_id).remove();
            $('#'+passenger_price_id).remove();

            var total = parseFloat($('.booking-side-price').text());
            total = (total - {{ $tourdate->price }});
            $('.booking-side-price').text(total+' €');
        }
        function addPassenger() {
            var countPassenger = $('.passenger_number').length;
            var countPassengers = $('.holiday-card-info li').length;
            var countPassengerStr = "";
            if(countPassenger == 0){
                countPassengerStr = '2nd';
            }else if(countPassenger == 1){
                countPassengerStr = '3rd';
            }else{
                countPassenger = (countPassenger + 2);
                countPassengerStr = countPassenger+'th';
            }
            var passenger_id = "'passenger-"+countPassenger+"'";
            var passenger_price_id = "'passenger-price-"+(countPassengers +1)+"'";
            var html = '<div id="passenger-'+countPassenger+'">';
                html += '<h3 class="passenger_number">'+countPassengerStr+' Passenger <span class="remove-passenger pull-right" onclick="removePassenger('+passenger_id+','+passenger_price_id+')"><i class="fa fa-times-circle"></i></span></h3>';
                html += '<p class="tripdate_subtitle col-md-12 marginTop20 marginBottom20 col-xs-12">Personnal Info</p>';
                html += '<div class="form-group col-md-12 col-xs-12">';
                    html += '<label for="inputTitle" class="col-sm-3 col-xs-3 col-form-label">Title</label>';
                    html += '<div class="col-sm-3 col-xs-7">';
                        html += '<select class="form-control" id="inputTitle" required="" name="title[]"><option selected="selected" value="">Select your title</option><option value="Mr">Mr</option><option value="Mrs">Mrs</option><option value="Miss">Miss</option></select>';
                    html += '</div>';

                    html += '<label for="inputSurname" class="col-sm-3 col-xs-3 col-form-label">Surname</label>';
                    html += '<div class="col-sm-3 col-xs-7">';
                        html += '<input class="form-control" placeholder="Surname" id="inputSurname" required="" name="firstname[]" type="text">';
                    html += '</div>';
                html += '</div>';
                html += '<div class="form-group col-md-12 col-xs-12">';
                    html += '<label for="inputFamily" class="col-sm-3 col-xs-5 col-form-label">Family Name</label>';
                    html += '<div class="col-sm-3 col-xs-7">';
                        html += '<input class="form-control" placeholder="Family Name" id="inputFamily" required="" name="lastname[]" type="text">';
                    html += '</div>';
                    html += '<label for="inputDate" class="col-sm-3 col-xs-5 col-form-label">Date of Birth</label>';
                    html += '<div class="col-sm-3 col-xs-7">';
                        html += '<input class="form-control datepicker-birthdate" data-date-format="dd/mm/yyyy" placeholder="dd/mm/yyyy" id="inputDate" required="" name="birthdate[]" type="text">';
                    html += '</div>';
                html += '</div>';
                    html += '<div class="form-group col-md-12 col-xs-12">';
                        html += '<label for="inputTown" class="col-sm-3 col-xs-3 col-form-label">Town</label>';
                        html += '<div class="col-sm-3 col-xs-9">';
                            html += '<input class="form-control" placeholder="Town" id="inputTown" required="" name="city[]" type="text">';
                        html += '</div>';

                        html += '<label for="inputCountry" class="col-sm-3 col-xs-3 col-form-label">Country</label>';
                        html += '<div class="col-sm-3 col-xs-9">';
                            html += '<input class="form-control" placeholder="Country" id="inputCountry" required="" name="country[]" type="text">';
                        html += '</div>';
                    html += '</div>';
                    html += '<div class="form-group col-md-12 col-xs-12">';
                        html += '<label for="inputPassport" class="col-sm-3 col-xs-6 col-form-label">Passport Number</label>';
                        html += '<div class="col-sm-3 col-xs-6">';
                            html += '<input class="form-control" placeholder="Passport Number" id="inputPassport" required="" name="passport[]" type="text">';
                        html += '</div>';

                        html += '<label for="inputIssue" class="col-sm-3 col-xs-12 col-form-label">Date &amp; Place of issue</label>';
                        html += '<div class="col-sm-3 col-xs-12">';
                            html += '<input class="form-control" placeholder="Date &amp; Place of issue" id="inputPassport" required="" name="date_place_issue[]" type="text">';
                        html += '</div>';
                    html += '</div>';
                    html += '<div class="form-group col-md-12 col-xs-12">';
                        html += '<label for="inputEmail" class="col-sm-3 col-xs-6 col-form-label">Email Address</label>';
                        html += '<div class="col-sm-3 col-xs-6">';
                            html += '<input class="form-control" placeholder="Email Address" id="inputEmail" required="" name="email[]" type="email">';
                        html += '</div>';

                        html += '<label for="inputPhone" class="col-sm-3 col-xs-6 col-form-label">Phone Number</label>';
                        html += '<div class="col-sm-3 col-xs-6">';
                            html += '<input class="form-control" placeholder="Phone Number" id="inputPhone" required="" name="phone[]" type="text">';
                        html += '</div>';
                    html += '</div>';
                html += '<div class="form-group col-md-12 col-xs-12 height-25"></div>';
                html += '</div>';
            $('#passengers').append(html);
            $('ul.holiday-card-info').append('<li id="passenger-price-'+(countPassengers +1)+'"><span>Passenger '+(countPassengers +1)+'</span><span class="price ng-binding">{{ $tourdate->price }} €</span></li>');
            var total = ((countPassengers +1) * {{ $tourdate->price }});
            $('.booking-side-price').text(total+' €');
            $(".datepicker-birthdate").datepicker({
                dateFormat: "dd/mm/yy",
                maxDate:0
            });
        }
    </script>
@endsection