templates/front/service/vtc_autocar.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %} {{ entity.title }} | {{ parent() }} {% endblock %}
  3. {% block body %}
  4. <section class="grey-blue-bg small-padding">
  5.     <div class="container">
  6.         <div class="row">
  7.             <div class="col-md-8">
  8.                 <div class="list-single-main-container pl-0">
  9.                     <div class="title-devis">
  10.                         <span>Devis immédiat pour {{ entity.title }}</span>
  11.                     </div>
  12.                     <div class="etape-demande-devis fl-wrap mb-0">
  13.                         <div class="flex-center-wrap">
  14.                             <a href="#" class="active"><span>1</span> Type de trajet</a>
  15.                             <a href="#"><span>2</span> Description trajet</a>
  16.                             <a href="#"><span>3</span> Vos informations</a>
  17.                             <a href="#"><span>4</span> Récapitulatif/Validation</a>
  18.                         </div>  
  19.                         {{ form_start(form, {'attr': {'class': 'book-form custom-form'}}) }}
  20.                             <fieldset>
  21.                                 <div class="row d-flex flex-wrap">
  22.                                     <div class="col-md-12 width-col-100">
  23.                                         <div class="div-label-input">
  24.                                             {{ form_widget(form.typeOfTrip) }}
  25.                                             {{ form_errors(form.typeOfTrip) }}
  26.                                         </div>
  27.                                     </div>
  28.                                     <div class="col-md-6 width-col-100">
  29.                                         <div class="bookdate-container fl-wrap div-label-input">
  30.                                             {{ form_label(form.departureAddress) }}
  31.                                             {{ form_widget(form.departureAddress) }}
  32.                                             {{ form_errors(form.departureAddress) }}
  33.                                         </div>
  34.                                     </div>
  35.                                     <div class="col-md-6 width-col-100">
  36.                                         <div class="bookdate-container fl-wrap div-label-input">
  37.                                             {{ form_label(form.arrivalAddress) }}
  38.                                             {{ form_widget(form.arrivalAddress) }}
  39.                                             {{ form_errors(form.arrivalAddress) }}
  40.                                         </div>
  41.                                     </div>
  42.                                     <div class="col-md-6 width-col-100">
  43.                                         <div class="bookdate-container fl-wrap div-label-input">
  44.                                             {{ form_label(form.departureDate) }}
  45.                                             {{ form_widget(form.departureDate) }}
  46.                                             {{ form_errors(form.departureDate) }}
  47.                                         </div>
  48.                                     </div>
  49.                                     <div class="col-md-6 width-col-100 date-return-none">
  50.                                         <div class="bookdate-container fl-wrap div-label-input">
  51.                                             {{ form_label(form.returnDate) }}
  52.                                             {{ form_widget(form.returnDate) }}
  53.                                             {{ form_errors(form.returnDate) }}
  54.                                         </div>
  55.                                     </div>
  56.                                     <div class="col-md-6 width-col-100">
  57.                                         <div class="bookdate-container fl-wrap div-label-input">
  58.                                             {{ form_label(form.departureTime) }}
  59.                                             {{ form_widget(form.departureTime) }}
  60.                                             {{ form_errors(form.departureTime) }}
  61.                                         </div>
  62.                                     </div>
  63.                                     <div class="col-md-6 width-col-100 heure-return-none">
  64.                                         <div class="bookdate-container fl-wrap div-label-input">
  65.                                             {{ form_label(form.returnTime) }}
  66.                                             {{ form_widget(form.returnTime) }}
  67.                                             {{ form_errors(form.returnTime) }}
  68.                                         </div>
  69.                                     </div>
  70.                                     <div class="col-md-6 width-col-100">
  71.                                         <div class="quantity-item width-100 fl-wrap div-label-input" id="service-data" data-slug="{{ entity.slug }}">
  72.                                             {{ form_label(form.numberOfPeople) }}
  73.                                             <div class="quantity">
  74.                                                 {{ form_widget(form.numberOfPeople) }}
  75.                                                 <div class="quantity-nav">
  76.                                                     <div class="quantity-button quantity-up">+</div>
  77.                                                     <div class="quantity-button quantity-down">-</div>
  78.                                                 </div>
  79.                                             </div>
  80.                                             {{ form_errors(form.numberOfPeople) }}
  81.                                         </div>
  82.                                     </div>
  83.                                 </div>
  84.                             </fieldset>
  85.                             <div class="text-right">
  86.                                 <button type="submit" class="btn-next color2-bg">{% trans %}Suivant{% endtrans %} <i class="fal fa-angle-double-right"></i></button>
  87.                             </div>
  88.                         {{ form_end(form) }}
  89.                     </div>
  90.                     <div class="accordion mar-top">
  91.                         <a class="toggle act-accordion" href="#"> {{ entity.title }}   <span></span></a>
  92.                         <div class="accordion-inner visible">
  93.                             {{ entity.description|raw }}
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.             <div class="col-md-4">
  99.                 <div class="box-widget-wrap">  
  100.                     <div class="box-widget-item fl-wrap">
  101.                         <div class="box-widget widget-posts">
  102.                             <div class="box-widget-content">
  103.                                 <div class="box-widget-item-header">
  104.                                     <h3>D'autres types de véhicules</h3>
  105.                                 </div>
  106.                                 {% for service in services %}   
  107.                                 <div class="box-image-widget">
  108.                                     <div class="box-image-widget-media">
  109.                                         {% if service.image %}
  110.                                             <img src="{{ asset('uploads/files/services/' ~ service.image) }}" alt="{{ service.title }}" class="border-img-ddd">
  111.                                         {% else %}
  112.                                             <img src="{{ asset('front/images/all/1.jpg') }}" alt="{{ service.title }}">
  113.                                         {% endif %}
  114.                                         {% if service.slug == 'vtc-minibus' or service.slug == 'autocar' %}
  115.                                             <a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Demander un devis</a>
  116.                                         {% elseif service.slug == 'ambulance' %}
  117.                                             <a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Faire une demande</a>
  118.                                         {% elseif service.slug == 'taxi' %}
  119.                                             <a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Réserver un taxi</a>
  120.                                         {% elseif service.slug == 'covoiturage' %}
  121.                                             <a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Rechercher un trajet</a>
  122.                                         {% else %}
  123.                                             <a href="{{ url('app_client_service', {'slug': service.slug}) }}" class="color2-bg">Demander un devis</a>
  124.                                         {% endif %}
  125.                                     </div>
  126.                                     <div class="box-image-widget-details">
  127.                                         <h4>{{ service.title }}</h4>
  128.                                         <p class="p">{{ service.description|slice(0,175)|raw }}{% if service.description|length > 175 %}...{% endif %}</p>
  129.                                     </div>
  130.                                 </div>
  131.                                 {% endfor %}
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.             </div>
  137.         </div>
  138.     </div>
  139. </section>
  140. {% endblock %}