templates/front/appointment/new.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ 'app.appointment.form.title'|trans }}{% endblock %}
  5. {% block body %}
  6.     <!-- start page-title -->
  7.     <section class="page-title">
  8.         <div class="container">
  9.             <div class="row">
  10.                 <div class="col col-xs-12">
  11.                     <h2>{{ 'app.appointment.form.title'|trans }}</h2>
  12.                     <p>{{ 'app.appointment.form.description'|trans }}</p>
  13.                 </div>
  14.             </div>
  15.             <!-- end row -->
  16.         </div>
  17.         <!-- end container -->
  18.     </section>
  19.     <!-- end page-title -->
  20.     <section class="blog-pg-section section-padding contact-section-s3">
  21.         <div class="container">
  22.             <div class="row">
  23.                 <div class="col col-md-10 col-md-offset-1">
  24.                     <div class="blog-content">
  25.                         <div class="post format-standard">
  26.                             <div class="entry-details">
  27.                                 {% for message in app.flashes('success_en') %}
  28.                                     <div class="alert alert-success" style="text-align:center">
  29.                                         {{ message }}
  30.                                     </div>
  31.                                 {% endfor %}
  32.                                 <div class="cat">{{ 'app.appointment.form.request_appointment'|trans }}</div>
  33.                                 {{ include('front/appointment/_form.html.twig') }}
  34.                             </div>
  35.                         </div>
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         <!-- end container -->
  41.     </section>
  42. {% endblock %}
  43. {% block javascripts %}
  44.     <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
  45.     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  46.     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.4/js/bootstrap-datetimepicker.min.js" integrity="sha512-r/mHP22LKVhxWFlvCpzqMUT4dWScZc6WRhBMVUQh+SdofvvM1BS1Hdcy94XVOod7QqQMRjLQn5w/AQOfXTPvVA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  47.     <script>
  48.         $(function() {
  49.             $("#appointment_new").validate({
  50.                 rules: {
  51.                     'appointment[firstName]': "required",
  52.                     'appointment[lastName]': "required",
  53.                     'appointment[email]': {
  54.                         required: true,
  55.                         email: true
  56.                     },
  57.                 },
  58.                 messages: {
  59.                     'appointment[firstName]': "Please enter your firstname",
  60.                     'appointment[lastName]': "Please enter your lastname",
  61.                     'appointment[email]': "Please enter a valid email address"
  62.                 },
  63.                 submitHandler: function(form) {
  64.                     form.submit();
  65.                 }
  66.             });
  68.             $('.datetimepicker').datetimepicker({
  69.                 locale: 'fr',
  70.                 format: 'DD/MM/yyyy HH:mm',
  71.                 //format: 'yyyy-MM-DD HH:mm',
  72.                 pick12HourFormat: false 
  73.             });
  74.         });
  75.     </script>
  76. {% endblock %}