templates/front/distribution/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front/layout.html.twig' %}
  2. {% block googleTagManagerDataLayer %}
  3.     {% include 'google_tag.html.twig' with {'titlePage':'Distribution de flyers','categoryPage':'product-details','navigation_category1':'','navigation_category2':'','navigation_category3':'' }   %}
  4. {% endblock %}
  5. {% block body %}
  6.     {% include 'front/header.html.twig' %}
  7.     <div class="top_fl_dist">
  8.         <div class="row">
  9.             <div class="col-md-3 col-sm-12">
  10.                 <img src="{{ asset('images/imcr1.png') }}" class="dis_img_desk">
  11.             </div>
  12.             <div class="col-md-6 col-sm-12">
  13.                 <h2>{{ 'Distribution de flyers' | trans({}, "productTranslate") }}</h2>
  14.                 <img src="{{ asset('images/imcr1.png') }}" class="dis_img_mob">
  15.                 <p>{{ "Fini les devis et les prix à rallonge ! Copees distribue pour vous vos flyers et tout est très très simple.
  16.                     Vous choisissez vos préférences de distribution, le lieu, le nombre de flyers et la date.
  17.                     Vous connaitrez directement le prix et vous pourrez commander en ligne.
  18.                     <br><br>Nos équipes s’occupent de faire la distribution en vous communiquant un lien de tracking afin de vous dire quand la distribution commence, ainsi qu’un débriefe par mail à la fin de la mission. Si vous n’êtes pas satisfait de notre prestation, on vous rembourse !" | trans({}, "productTranslate") |raw }}</p>
  19.             </div>
  20.             <div class="col-md-3 col-sm-12">
  21.                 <img src="{{ asset('images/imcr2.png') }}" class="dis_img_desk">
  22.             </div>
  23.         </div>
  24.     </div>
  25.     <div class="container page_check_dist box_dis_fl">
  26.         {% if is_show %}
  27.             {% if displayForFlyer == false %}
  28.                 <div class="row inputmxw">
  29.                     <div class="col-12 p-md-0 mt-4 mb-4 check_box2">
  30.                         <h2>{{ 'Distribution de flyers' | trans({}, "productTranslate") }}</h2>
  31.                         <p>{{ 'Il faut commander un produit flyer,' | trans({}, "productTranslate") }} <a href="{{ path('accueil') }}"> {{ "retourner à la page d\'accueil" | trans({}, "productTranslate") }}</a></p>
  32.                     </div>
  33.                 </div>
  34.             {% else %}
  35.                 {% form_theme form.qty 'form/fields-custom.html.twig' %}
  36.                 {% form_theme form.ditribution_flyers 'form/fields-custom.html.twig' %}
  37.                 {% form_theme form.nbrPersonne 'form/fields-custom.html.twig' %}
  38.                 {% form_theme form 'form_table_layout.html.twig' %}
  39.                 {% form_theme form.isCopees 'form/fields-custom.html.twig' %}
  40.                 {{ form_start(form, {'method': 'POST'}) }}
  41.                 <div class="row inputmxw">
  42.                     <div class="col-12 p-md-0 mt-4 check_box2">
  43.                         <p>{{ 'Comment voulez-vous distribuer vos flyers ?' | trans({}, "productTranslate") }}</p>
  44.                     </div>
  45.                     <div class="d-sm-flex justify-content-around bx_global_radio model_check_radio mcr1">
  46.                         {{ form_widget(form.ditribution_flyers ) }}
  47.                         {{ form_errors(form.ditribution_flyers ) }}
  48.                     </div>
  49.                     <div class="mt-4 mb-4 w-100 input_dist">
  50.                         <p>{{ 'A partir de quelle adresse souhaitez-vous commencer la distribution?' | trans({}, "productTranslate") }}</p>
  51.                         {{ form_widget(form.adresse,{'attr': {'placeholder': 'Veuillez renseigner votre adresse'}} ) }}
  52.                         {{ form_errors(form.adresse ) }}
  53.                         <div id="mapZone" style="display: none;">
  54.                         <p>{{ 'Définissez une zone à partir de l’adresse initiale où vous souhaitez que la distribution soit effectuée' | trans({}, "productTranslate") }}</p>
  55.                         {{ form_widget(form.zonechalandise ) }}
  56.                         {{ form_errors(form.zonechalandise ) }}
  57.                             <div id="map" style="height: 400px"></div>
  58.                         </div>
  59.                     </div>
  60.                     <div class="date_check">
  61.                         <p>{{ 'Combien de temps de distribution souhaitez-vous ?' | trans({}, "productTranslate") }}</p>
  62.                         <div class="d-sm-flex align-content-around flex-wrap bx_global_radio2 model_check_radio mcr2">
  63.                             {{ form_widget(form.qty ) }}
  64.                             {{ form_errors(form.qty ) }}
  65.                         </div>
  66.                     </div>
  67.                     <div class="date_check">
  68.                         <p>{{ 'De combien de personnes qui distribuent en même temps avez-vous besoin ?' | trans({}, "productTranslate") }}</p>
  69.                         <div class="d-sm-flex align-content-around flex-wrap bx_global_radio2 model_check_radio mcr2">
  70.                             {{ form_widget(form.nbrPersonne ) }}
  71.                             {{ form_errors(form.nbrPersonne ) }}
  72.                         </div>
  73.                     </div>
  74.                     <div class="row inputmxw labelDistribution  page_check ">
  75.                         <div class="col-12 p-md-0 mt-4 mb-2 check_box2">
  76.                             {{ form_label(form.isCopees) }}
  77.                             {{ form_widget(form.isCopees) }}
  78.                             {{ form_errors(form.isCopees ) }}
  79.                         </div>
  80.                         <div class="col-12 p-md-0 mt-2 mb-2 " id="helpIsCopees">
  81.                             {{ form_help(form.isCopees) }}
  82.                         </div>
  83.                     </div>
  84.                     <div class="mt-4 mb-2 w-100 input_dist">
  85.                         <p>{{ 'Quand souhaitez-vous les distribuer ?' | trans({}, "productTranslate") }}</p>
  86.                         <div class="d-sm-flex">
  87.                             <div class="input_date_dist"><label>{{ 'Début de mission' | trans({}, "productTranslate") }}</label>{{ form_widget(form.datestart,{'attr': {'placeholder': 'JJ/MM/AAAA'}} ) }}{{ form_errors(form.datestart ) }}</div>
  88.                             <div class="input_date_dist"><label>{{ 'Fin de mission' | trans({}, "productTranslate") }}</label>{{ form_widget(form.dateEnd,{'attr': {'placeholder': 'JJ/MM/AAAA'}} ) }}{{ form_errors(form.dateEnd ) }}</div>
  89.                         </div>
  90.                     </div>
  91.                     <div class="mt-2 mb-3 w-100 input_dist">
  92.                         <p>{{ 'Avez-vous des besoins spécifiques pour la distribution des flyers ?' | trans({}, "productTranslate") }}</p>
  93.                         {{ form_widget(form.commentaire,{'attr': {'placeholder': 'Écrivez votre message' | trans({}, "productTranslate")}} ) }}
  94.                         {{ form_errors(form.commentaire ) }}
  95.                     </div>
  96.                     <div class="col-12 p-md-0 mb-4 form-check_link dist_link text center">
  97.                         <button type="submit">{{ 'Connaitre mon prix' | trans({}, "productTranslate") }}</button>
  98.                         <a href="#" data-toggle="modal" data-target="#visioModal" class="rdvDistributionBtn">{{ 'Demander un rdv avec un conseiller' | trans({}, "productTranslate") }} </a>
  99.                     </div>
  100.                 </div>
  101.                 {{ form_end(form) }}
  102.             {% endif %}
  103.         {% else %}
  104.             <div class="row inputmxw">
  105.                 <div class="col-12 p-md-0 mt-4 mb-4 check_box2">
  106.                     <h2>{{ 'Distribution de flyers' | trans({}, "productTranslate") }}</h2>
  107.                     <p>{{ 'Le service de distribution des flyers est desactivé pour le moment' | trans({}, "productTranslate") }}</p>
  108.                 </div>
  109.             </div>
  110.         {% endif %}
  111.     </div>
  112.     <div class="modal fade" id="visioModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  113.         <div class="modal-dialog  " role="document" id="modal-xl2">
  114.             <div class="modal-content">
  115.                 <iframe src="https://calendly.com/d/cp2-rpf-rtb/copees-let-s-talk" width="100%" height="700px">
  117.                 </iframe>
  118.             </div>
  119.         </div>
  120.     </div>
  121.     {% include 'front/footer.html.twig' %}
  122.     <style>
  123.         #distribution_cart_zonechalandise{
  124.             box-shadow: 0 0 0px #e2e2e2 !important;
  125.         }
  126.         .datepicker td,
  127.         .datepicker th {
  128.             text-align: center;
  129.             width: 30px;
  130.             height: 30px;
  131.             -webkit-border-radius: 4px;
  132.             -moz-border-radius: 4px;
  133.             border-radius: 4px;
  134.             border: none;
  135.             font-size: 14px;
  136.         }
  137.         .text-distribution{
  138.             font-weight: 100!important;
  139.             font-size: 15px!important;
  140.         }
  141.     </style>
  142. {% endblock %}
  143. {% block javascripts %}
  144.     {{ parent() }}
  145.     <script src="https://maps.googleapis.com/maps/api/js?key={{ key_google_map }}&libraries=places"></script>
  146.     {{ encore_entry_script_tags('formDistributionFlyer') }}
  147. {% endblock %}