{% extends 'base.html.twig' %}
{% block title %} {{ entity.title }} | {{ parent() }} {% endblock %}
{% block body %}
<section class="grey-blue-bg small-padding">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="list-single-main-container pl-0">
<div class="title-devis">
<span>Devis immédiat pour {{ entity.title }}</span>
</div>
<div class="etape-demande-devis fl-wrap mb-0">
<div class="flex-center-wrap">
<a href="#" class="active"><span>1</span> Type de trajet</a>
<a href="#"><span>2</span> Description trajet</a>
<a href="#"><span>3</span> Vos informations</a>
<a href="#"><span>4</span> Récapitulatif/Validation</a>
</div>
{{ form_start(form, {'attr': {'class': 'book-form custom-form'}}) }}
<fieldset>
<div class="row d-flex flex-wrap">
<div class="col-md-12 width-col-100">
<div class="div-label-input">
{{ form_widget(form.typeOfTrip) }}
{{ form_errors(form.typeOfTrip) }}
</div>
</div>
<div class="col-md-6 width-col-100">
<div class="bookdate-container fl-wrap div-label-input">
{{ form_label(form.departureAddress) }}
{{ form_widget(form.departureAddress) }}
{{ form_errors(form.departureAddress) }}
</div>
</div>
<div class="col-md-6 width-col-100">
<div class="bookdate-container fl-wrap div-label-input">
{{ form_label(form.arrivalAddress) }}
{{ form_widget(form.arrivalAddress) }}
{{ form_errors(form.arrivalAddress) }}
</div>
</div>
<div class="col-md-6 width-col-100">
<div class="bookdate-container fl-wrap div-label-input">
{{ form_label(form.departureDate) }}
{{ form_widget(form.departureDate) }}
{{ form_errors(form.departureDate) }}
</div>
</div>
<div class="col-md-6 width-col-100 date-return-none">
<div class="bookdate-container fl-wrap div-label-input">
{{ form_label(form.returnDate) }}
{{ form_widget(form.returnDate) }}
{{ form_errors(form.returnDate) }}
</div>
</div>
<div class="col-md-6 width-col-100">
<div class="bookdate-container fl-wrap div-label-input">
{{ form_label(form.departureTime) }}
{{ form_widget(form.departureTime) }}
{{ form_errors(form.departureTime) }}
</div>
</div>
<div class="col-md-6 width-col-100 heure-return-none">
<div class="bookdate-container fl-wrap div-label-input">
{{ form_label(form.returnTime) }}
{{ form_widget(form.returnTime) }}
{{ form_errors(form.returnTime) }}
</div>
</div>
<div class="col-md-6 width-col-100">
<div class="quantity-item width-100 fl-wrap div-label-input" id="service-data" data-slug="{{ entity.slug }}">
{{ form_label(form.numberOfPeople) }}
<div class="quantity">
{{ form_widget(form.numberOfPeople) }}
<div class="quantity-nav">
<div class="quantity-button quantity-up">+</div>
<div class="quantity-button quantity-down">-</div>
</div>
</div>
{{ form_errors(form.numberOfPeople) }}
</div>
</div>
</div>
</fieldset>
<div class="text-right">
<button type="submit" class="btn-next color2-bg">{% trans %}Suivant{% endtrans %} <i class="fal fa-angle-double-right"></i></button>
</div>
{{ form_end(form) }}
</div>
<div class="accordion mar-top">
<a class="toggle act-accordion" href="#"> {{ entity.title }} <span></span></a>
<div class="accordion-inner visible">
{{ entity.description|raw }}
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box-widget-wrap">
<div class="box-widget-item fl-wrap">
<div class="box-widget widget-posts">
<div class="box-widget-content">
<div class="box-widget-item-header">
<h3>D'autres types de véhicules</h3>
</div>
{% for service in services %}
<div class="box-image-widget">
<div class="box-image-widget-media">
{% if service.image %}
<img src="{{ asset('uploads/files/services/' ~ service.image) }}" alt="{{ service.title }}" class="border-img-ddd">
{% else %}
<img src="{{ asset('front/images/all/1.jpg') }}" alt="{{ service.title }}">
{% endif %}
{% if service.slug == 'vtc-minibus' or service.slug == 'autocar' %}
<a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Demander un devis</a>
{% elseif service.slug == 'ambulance' %}
<a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Faire une demande</a>
{% elseif service.slug == 'taxi' %}
<a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Réserver un taxi</a>
{% elseif service.slug == 'covoiturage' %}
<a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Rechercher un trajet</a>
{% else %}
<a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Demander un devis</a>
{% endif %}
</div>
<div class="box-image-widget-details">
<h4>{{ service.title }}</h4>
<p class="p">{{ service.description|slice(0,175)|raw }}{% if service.description|length > 175 %}...{% endif %}</p>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}