@extends('master')

@section('head')
    <title>Camper of caravan huren? Camper- en caravanverhuur aan particulieren | {{config('app.name')}}</title>
    <meta name="description" content="Wil je een camper of caravan huren? GoSharing is het platform die camper- en of caravan huurders en verhuurders samen brengt!  ✓ Eenvoudig ✓ Veilig ✓ Betrouwbaar | Bekijk ons aanbod">
@endsection

@section('content')

	<!-- Show on page with only campers for Henk Pen (user ID 24) -->
	<section id="premium-header" style="background: url('../images/bg-henk-pen.jpg') no-repeat center center fixed; background-size: cover;">
		<div class="container">
			<div class="row">
				<div class="col-sm-3 offset-lg-1">
					<div id="premium-images">
						<div id="premium-logo">
							<img class="img-fluid" src="{{ asset('images/logo-henk-pen.jpg') }}" />
						</div>
						
						
						<div id="premium-partner" class="d-block d-sm-none">
							<img class="img-fluid" src="{{ asset('images/premium-partner.png') }}" />
						</div>
						
						<img class="img-fluid" src="{{ asset('images/img-henk-pen.jpg') }}" />
					</div>
				</div>
				<div class="col-sm-7 col-lg-6">
					<div id="premium-intro">
						<h2 class="mb-3">Henk Pen caravans en kampeerauto's</h2>
						
						<p class="mb-3">Als zusterondernemen van GoSharing ondersteund Henk Pen u als geen ander. Als premium partner beschikt Henk Pen over een eigen schoonmaakafdeling en een werkplaats, hierdoor is uw kampeerauto altijd 100% schoon en ook technisch in absolute topconditie!</p>
						
						<ul>
							<li><i class="fal fa-check"></i> Altijd een nieuwe kampeerauto</li>
							<li><i class="fal fa-check"></i> 100% schoon en schadevrij</li>
							<li><i class="fal fa-check"></i> 100% technisch in orde</li>
							<li><i class="fal fa-check"></i> Alles op peil (vloeistoffen, accu, bendenspanning etc.)</li>
						</ul>
					</div>
				</div>
				<div class="col-sm-2 col-lg-2 text-right">
					<div id="premium-partner" class="d-none d-sm-block">
						<img class="img-fluid" src="{{ asset('images/premium-partner.png') }}" />
					</div>
				</div>
			</div>
		</div>	
	</section>
	<!-- END: Show on page with only campers for Henk Pen (user ID 24) -->
	
    <section id="search-overview">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                     <div class="d-block d-sm-none">
                        <button type="button" data-toggle="collapse" data-target=".mobile-search-overview" aria-expanded="false" aria-controls="mobile-search-overview" class="collapsed search-btn">Huren bij Henk Pen caravans en kampeerauto’s <i class="fal fa-search"></i></button>
                    </div>
                    <div class="sub-title d-none d-sm-block">Huren bij Henk Pen caravans en kampeerauto’s</div>
                    <form class="mobile-search-overview" action="{{url('/campers')}}" method="get">
                        <input type="hidden" name="premium" value="1"/>
                        <div class="row">
                            <div class="form-group col-12 col-sm-3">
                                <select  class="form-control" id="location" name="location">
                                  <option value="overijssel" selected>Overijssel</option>                                
                                </select>
                            </div>
                            <div class="form-group calendar col-12 col-sm-4 is-green">
                                <date-picker-select name="from" ></date-picker-select>
                                 <input type="hidden" value="{{ Request::get('from') }}" id='fromD1' name="from" />
                                 <input type="hidden" value="{{ Request::get('to') }}"id='toD2' name="to" />
                            </div>
                            <div class="form-group col-12 col-sm-3">
                                <select class="form-control" id="person" name="person">
                                  <option value="" selected>Aantal personen</option>
                                  <option value="1" {{ Request::get('person') == 1 ? 'selected' : '' }}>1</option>
                                  <option value="2" {{ Request::get('person') == 2 ? 'selected' : '' }}>2</option>
                                  <option value="3" {{ Request::get('person') == 3 ? 'selected' : '' }}>3</option>
                                  <option value="4" {{ Request::get('person') == 4 ? 'selected' : '' }}>4</option>
                                  <option value="5" {{ Request::get('person') == 5 ? 'selected' : '' }}>5</option>
                                  <option value="6" {{ Request::get('person') == 6 ? 'selected' : '' }}>6</option>
                                  <option value="7" {{ Request::get('person') == 7 ? 'selected' : '' }}>7</option>
                               </select>
                            </div>
                            <div class="col-12 col-sm-2">
                                <button type="submit" class="btn btn-green">Zoeken</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <section id="overview">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb">
                        <a href="/">Home</a>
                        <div class="active">Huren bij Henk Pen caravans en kampeerauto’s</div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 col-sm-3">
                    <div class="d-block d-sm-none">
                        <button type="button" data-toggle="collapse" data-target=".sidebar" aria-expanded="false" aria-controls="sidebar" class="collapsed filter-btn"><i class="fas fa-filter"></i> Filters</button>
                    </div>
                    <div class="sidebar">
                       <form class="mobile-search-overview" action="{{url('/campers')}}" method="get" id="form_sidebar">
                        <input type="hidden" name="location" value="{{Request::get('location')}}"/>
                        <input type="hidden" name="from" value="{{Request::get('from')}}"/>
                        <input type="hidden" name="to" value="{{Request::get('to')}}"/>
                        <input type="hidden" name="person" value="{{Request::get('person')}}"/>
                        <input type="hidden" name="premium" value="1"/>
                         
                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-1" aria-expanded="false" aria-controls="filter-0" class="collapsed">Caravan of camper</button>
                            <div class="collapse show" id="filter-1">
                                 <div class="form-group">
                                    <select class="form-control" id="camper-type" name="camper-type" v-on:change="filterchange();">
                                        <option value="">Maak je keuze</option>
                                        <option value='all' {{'all' == Request::get('camper-type') ? 'selected' : ''}} >Alle</option>
                                        <option value='1' {{'1' == Request::get('camper-type') ? 'selected' : ''}} >Caravan</option>
                                        <option value='0' {{'0' == Request::get('camper-type') ? 'selected' : ''}}>Camper</option>
                                    </select>
                                </div>
                               
                            </div>
                        </div>

                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-1" aria-expanded="false" aria-controls="filter-1" class="collapsed">Nachtprijs</button>
                            <div class="collapse show" id="filter-1">
                                 <div class="form-group from-before">
                                    <select class="form-control" id="price-from" name="price-from" v-on:change="filterchange();">
                                        <option value="">Maak je keuze</option>
                                        @for($i = $filter_min; $i <= $filter_max; $i = $i + 100)
                                          <option value={{$i}} {{$i == Request::get('price-from') ? 'selected' : ''}}>€ {{number_format(($i/100), 2, ',', '')}}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group to-before">
                                    <select class="form-control" id="price-to" name="price-to" v-on:change="filterchange();">
                                        <option value="">Maak je keuze</option>
                                        @for($i = $filter_min; $i <= $filter_max; $i = $i + 100)
                                          <option value={{$i}} {{$i == Request::get('price-to') ? 'selected' : ''}}>€ {{number_format($i/100, 2, ',', '')}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-2" aria-expanded="false" aria-controls="filter-2" class="collapsed">Bouwjaar</button>
                            <div class="collapse show" id="filter-2">
                                 <div class="form-group from-before">
                                    <select class="form-control" id="year-from" name="year-from" v-on:change="filterchange();">
                                        @for($i = $filter_build_year_min; $i <= $filter_build_year_max; $i++)
                                          <option value={{$i}} {{$i == Request::get('year-from') ? 'selected' : ''}}>{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group to-before">
                                    <select class="form-control" id="year-to" name="year-to" v-on:change="filterchange();">
                                        @for($i = $filter_build_year_min; $i <= $filter_build_year_max; $i++)
                                          <option value={{$i}} @if ( Request::get('year-to') != '') {{$i == Request::get('year-to') ? 'selected' : ''}} @else {{$i >= $filter_build_year_max ? 'selected' : ''}} @endif>{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!--<div class="filter-item premium">
                            <button type="button" data-toggle="collapse" data-target="#filter-11" aria-expanded="false" aria-controls="filter-11" class="collapsed">Premium <i class="fas fa-crown"></i></button>
                            <div class="collapse show" id="filter-11">
                                 <div class="form-group">
                                    <select class="form-control"  name='premium' v-on:change="filterchange();">
                                        <option value="">Maak je keuze</option>
                                        <option  selected value='1' >Ja</option>
                                        <option  value='0'>Nee</option>
                                    </select>
                                </div>
                               
                            </div>
                        </div>-->
                        @php
                            $facilities = array();
                            $facilities['tv'] = 'Tv + ontvanger';
                            $facilities['keukenblok'] = 'Keukenblok';
                            $facilities['keuken_inventaris'] = 'Keuken inventaris';
                            $facilities['koffiezetapparaat'] = 'Koffiezetapparaat';
                            $facilities['magnetron'] = 'Magnetron';
                            $facilities['koelkast'] = 'Koelkast';
                            $facilities['douche'] = 'Douche';
                            $facilities['toilet'] = 'Toilet';
                            $facilities['airconditioning_woonruimte'] = 'Airconditioning woonruimte';
                            $facilities['warm_water'] = 'Warm water';
                            $facilities['verwarming'] = 'Verwarming';
                            $facilities['zonnepanelen'] = 'Zonnepanelen';
                            $facilities['fietsengarage'] = 'Fietsengarage';
                            $facilities['fietsendrager'] = 'Fietsendrager';
                            $facilities['luifel'] = 'Luifel';
                            $facilities['gasfles'] = 'Gasfles';
                            $facilities['imperiaal'] = 'Imperiaal';
                            $facilities['buitenset'] = 'Buitenset';
                            $facilities['enkele_bedden'] = 'Enkele bedden';
                            $facilities['stapelbed'] = 'Stapelbed';
                            $facilities['beddengoed'] = 'Beddengoed';
                            $facilities['hef_bedhef_bed'] = 'Hef bed';
                            $facilities['tweepersoons_bed_Frans_bed'] = 'Tweepersoons bed/Frans bed';

                        @endphp
                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-4" aria-expanded="false" aria-controls="filter-4" @if(!Request::get('facilities'))class="collapsed"@endif>Faciliteiten</button>
                            <div @if(!Request::get('facilities'))class="collapse"@endif id="filter-4">
                                <div class="register-form-checkboxes flex-column">
                                   @foreach ($facilities as $key=>$facility)
                                    <div class="md-checkbox">
                                        <input type="checkbox" id="{{$key}}" name="facilities[]" value="{{$key}}" v-on:change="filterchange();" {{is_array(Request::get('facilities')) && in_array($key, Request::get('facilities')) ? 'checked' : ''}}> 
                                        <label for="{{$key}}" class="is-dark-gray">{{$facility}}</label>
                                    </div> 
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        @php
                            $options = array();
                            $options['airconditioning'] = 'airconditioning tijdens rijden';
                            $options['stuurbekrachtiging'] = 'stuurbekrachtiging';
                            $options['cruise_control'] = 'Cruise control';
                            $options['achteruitrijcamera'] = 'achteruitrijcamera';
                            $options['trekhaak'] = 'trekhaak';
                            $options['navigatie_systeem'] = 'navigatiesysteem';
                            $options['winterbanden'] = 'Winterbanden';
                        @endphp
                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-5" aria-expanded="false" aria-controls="filter-5" @if(!Request::get('features'))class="collapsed"@endif>Kenmerken</button>
                            <div @if(!Request::get('features'))class="collapse"@endif id="filter-5">
                                <div class="register-form-checkboxes flex-column">
                                    @foreach ($options as $key=>$option)
                                    <div class="md-checkbox">
                                        <input type="checkbox" id="{{$key}}" name="features[]" value="{{$key}}" v-on:change="filterchange();" {{is_array(Request::get('features')) && in_array($key, Request::get('features')) ? 'checked' : ''}}> 
                                        <label for="{{$key}}" class="is-dark-gray">{{$option}}</label>
                                    </div> 
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-6" aria-expanded="false" aria-controls="filter-6" @if(!Request::get('fuel'))class="collapsed"@endif>Brandstof</button>
                            <div @if(!Request::get('fuel'))class="collapse"@endif id="filter-6">
                                 <div class="form-group">
                                    <select class="form-control" id="fuel" name="fuel" v-on:change="filterchange();">
                                        <option value="">Maak je keuze</option>
                                        <option value="benzine" {{'benzine' == Request::get('fuel') ? 'selected' : ''}}>Benzine</option>
                                        <option value="diesel" {{'diesel' == Request::get('fuel') ? 'selected' : ''}}>Diesel</option>
                                        <option value="gas" {{'gas' == Request::get('fuel') ? 'selected' : ''}}>Gas</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-7" aria-expanded="false" aria-controls="filter-7" @if(!Request::get('kind'))class="collapsed"@endif>Type camper</button>
                            <div @if(!Request::get('kind'))class="collapse"@endif id="filter-7">
                                 <div class="form-group">
                                    <select class="form-control" id="kind" name="kind" v-on:change="filterchange();">
                                        <option value="">Maak je keuze</option>
                                        <option value="bus" {{'bus' == Request::get('kind') ? 'selected' : ''}}>Bus</option>
                                        <option value="alkoof" {{'alkoof' == Request::get('kind') ? 'selected' : ''}}>Alkoof</option>
                                        <option value="halfintegraal" {{'halfintegraal' == Request::get('kind') ? 'selected' : ''}}>Halfintegraal</option>
                                        <option value="integraal" {{'integraal' == Request::get('kind') ? 'selected' : ''}}>Integraal</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        @php
                            $rules = array();
                            $rules['huisdieren'] = 'Huisdieren';
                            $rules['roken'] = 'Roken';
                            $rules['festival'] = 'Festival';
                            $rules['groepje_jongeren'] = 'Groepje jongeren';
                            $rules['buitenland'] = 'Buitenland';
                            $rules['nauwe_en_steile_bergwegen'] = 'Nauwe en steile bergwegen';
                            $rules['wintersport'] = 'Wintersport';
                        @endphp
                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-8" aria-expanded="false" aria-controls="filter-8" @if(!Request::get('rules'))class="collapsed"@endif>Huisregels</button>
                            <div @if(!Request::get('rules'))class="collapse"@endif id="filter-8">
                                <div class="register-form-checkboxes flex-column">
                                    @foreach ($rules as $key=>$rule)
                                    <div class="md-checkbox">
                                        <input type="checkbox" id="{{$key}}" name="rules[]" value="{{$key}}" v-on:change="filterchange();" {{is_array(Request::get('rules')) && in_array($key, Request::get('rules')) ? 'checked' : ''}}> 
                                        <label for="{{$key}}" class="is-dark-gray">{{$rule}}</label>
                                    </div> 
                                    @endforeach

                                    <div class="md-checkbox">
                                        <input type="checkbox" id="rijbewijs_A" name="rules[]" value="rijbewijs_A" v-on:change="filterchange();" {{is_array(Request::get('rules')) && in_array('rijbewijs_A', Request::get('rules')) ? 'checked' : ''}}> 
                                        <label for="rijbewijs_A" class="is-dark-gray">Rijbewijs A</label>
                                    </div> 

                                    <div class="md-checkbox">
                                        <input type="checkbox" id="rijbewijs_B" name="rules[]" value="rijbewijs_B" v-on:change="filterchange();" {{is_array(Request::get('rules')) && in_array('rijbewijs_B', Request::get('rules')) ? 'checked' : ''}}> 
                                        <label for="rijbewijs_B" class="is-dark-gray">Rijbewijs B</label>
                                    </div>

                                    <div class="md-checkbox">
                                        <input type="checkbox" id="rijbewijs_C" name="rules[]" value="rijbewijs_C" v-on:change="filterchange();" {{is_array(Request::get('rules')) && in_array('rijbewijs_C', Request::get('rules')) ? 'checked' : ''}}> 
                                        <label for="rijbewijs_C" class="is-dark-gray">Rijbewijs C</label>
                                    </div>

                                    <div class="md-checkbox">
                                        <input type="checkbox" id="rijbewijs_D" name="rules[]" value="rijbewijs_D" v-on:change="filterchange();" {{is_array(Request::get('rules')) && in_array('rijbewijs_D', Request::get('rules')) ? 'checked' : ''}}> 
                                        <label for="rijbewijs_D" class="is-dark-gray">Rijbewijs D</label>
                                    </div>

                                    <div class="md-checkbox">
                                        <input type="checkbox" id="rijbewijs_E" name="rules[]" value="rijbewijs_E" v-on:change="filterchange();" {{is_array(Request::get('rules')) && in_array('rijbewijs_E', Request::get('rules')) ? 'checked' : ''}}> 
                                        <label for="rijbewijs_E" class="is-dark-gray">Rijbewijs E</label>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-9" aria-expanded="false" aria-controls="filter-9" @if(!Request::get('transmission'))class="collapsed"@endif>Transmissie</button>
                            <div @if(!Request::get('transmission'))class="collapse"@endif id="filter-9">
                                 <div class="form-group">
                                    <select class="form-control" id="transmission" name="transmission" v-on:change="filterchange();">
                                        <option value="">Maak je keuze</option>
                                        <option value="handgeschakeld" {{'handgeschakeld' == Request::get('transmission') ? 'selected' : ''}}>Handgeschakeld</option>
                                        <option value="automaat" {{'automaat' == Request::get('transmission') ? 'selected' : ''}}>Automaat</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="filter-item">
                            <button type="button" data-toggle="collapse" data-target="#filter-10" aria-expanded="false" aria-controls="filter-10" @if(!Request::get('pechhulp'))class="collapsed"@endif>Pechhulp</button>
                            <div @if(!Request::get('pechhulp'))class="collapse"@endif id="filter-10">
                                 <div class="form-group">
                                    <select class="form-control" id="pechhulp" name="pechhulp" v-on:change="filterchange();">
                                        <option value="">Maak je keuze</option>
                                        <option value="zelf_regelen" {{'zelf_regelen' == Request::get('pechhulp') ? 'selected' : ''}}>Moet reiziger zelf regelen</option>
                                        <option value="nationaal" {{'nationaal' == Request::get('pechhulp') ? 'selected' : ''}}>Nationaal</option>
                                        <option value="internationaal" {{'internationaal' == Request::get('pechhulp') ? 'selected' : ''}}>Internationaal</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                      </form>
                    </div>
                </div>
                <div class="col-12 col-sm-9">
                	<section id="camper-overzicht" class="py-5">
						<div class="container">
				            <div class="row">
					            @if(!$campers->isEmpty())		
				                @foreach($campers as $camper)
				                    <div class="col-xl-4 col-md-6 col-sm-6">
                                @php
                                $isDiscount = 0; 
                                $d = $camper->discounts;                                      
                                if($d['lastMin1'] || $d['lastMin2'] || $d['week1'] || $d['week2'] || $d['week3'] || $d['week4']){
                                    $isDiscount = 1;
                                }
                                @endphp
				                        @include('partials.camper', [
				                            'image' => $camper->getFirstMediaUrl('camper', 'thumb-overview'),
				                            'persons' => $camper->sleeping_number,
				                            'url' => $camper->url,
				                            'transmission' => ucfirst($camper->transmission),
				                            'title' => strip_tags(str_limit($camper->title, 57)),
				                            'location' => $camper->location['city'],
				                            'price' => formatPrice($camper->cheapestAvailablePeriodDayPrice()),
                                            'isDiscount' => $isDiscount
				                        ])
				                    </div>
				                @endforeach
				                @else 
				                <div class="col-12">
					                <p>Er zijn geen campers gevonden die voldoen aan de gekozen voorwaarden.</p> 
				                </div>
				                @endif
				            </div>
				            <div class="row">
				                <div class="col-12 mt-4">
				                    {{$campers->links()}}
				                </div>
				            </div>
				        </div>
				    </section>
				</div>
            </div>
        </div>
    </section>
@endsection