templates/admin/booking/admin/adminNewBooking.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Reservation Manuelle{% endblock %}
  3. {% block breadcump_main %}Coach{% endblock %}
  4. {% block breadcump_subtitle %}Reservation Manuelle{% endblock %}
  5. {% block menu_left_sidebar %}
  6.     {% include 'include/menu/menuAdmin.html.twig' with { menu_active_event : '2'} %}
  7. {% endblock %}
  8. {% block stylesheets %}
  9.     <link href="{{ asset('admin/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css">
  10.     <link href="{{ asset('admin/css/tailwind.min.css') }}" rel="stylesheet" type="text/css">
  11.     <link href="{{ asset('admin/css/tailwind2.css') }}" rel="stylesheet" type="text/css">
  13. {% endblock %}
  14. {% block title %}{{"Reservation manuelle"|trans }}{% endblock %}
  15. {% block content %}
  16.     <div class="row">
  17.         <div class="col-12">
  18.             <div class="card">
  19.                 <div class="card-body">
  21.                     <h4 class="card-title">Textual inputs</h4>
  22.                     <p class="card-title-desc">Here are examples of <code>.form-control</code> applied to
  23.                         each
  24.                         textual HTML5 <code>&lt;input&gt;</code> <code>type</code>.</p>
  27.                     <form method="POST" action="{{ path('admin_new_booking') }}"  id="form-general" class="general-info custom-validation">
  29.                         <div class="mb-3 row">
  30.                             <label for="example-search-input" class="col-md-2 col-form-label">Nom</label>
  31.                             <div class=" col-md-10">
  32.                                 <input  class="form-control"  id="floatingnameInput" required="" type="text" name="firstname"  placeholder="Entrer le nom">
  33.                             </div>
  34.                         </div>
  36.                         <div class="mb-3 row">
  37.                             <label for="example-search-input" class="col-md-2 col-form-label">Prenom</label>
  38.                             <div class="col-md-10">
  39.                                 <input class="form-control"  id="floatingnameInput" required="" type="text" name="lastname"  placeholder="Entrer le prenom">
  41.                             </div>
  42.                         </div>
  44.                         <div class="mb-3 row">
  45.                             <label for="example-search-input" class="col-md-2 col-form-label">Tel</label>
  46.                             <div class="col-md-10">
  47.                                 <input  class="form-control"  id="floatingnameInput" required="" type="text" name="phone"  placeholder="+212 .....">
  49.                             </div>
  50.                         </div>
  52.                         <div class="mb-3 row">
  53.                             <label for="example-search-input" class="col-md-2 col-form-label">Adresse</label>
  54.                             <div class="col-md-10">
  55.                                 <input  class="form-control"  id="floatingnameInput" required="" type="text" name="adresse"  placeholder="Entrer l'adresse">
  56.                             </div>
  57.                         </div>
  59.                         <div class="mb-3 row">
  60.                             <label class="col-md-2 col-form-label">Experience</label>
  61.                             <div class="col-md-10">
  62.                                 <select  required="" name="experience" class="form-select form-select6LG select2" id="floatingSelect" aria-label="Floating label select example">
  63.                                     {% for experience in experiences %}
  64.                                         <option value="{{ experience.id }}" >{{ experience.title }}</option>
  65.                                     {% endfor %}
  66.                                 </select>
  67.                             </div>
  68.                         </div>
  70.                         <div class="mb-3 row">
  71.                             <label for="example-search-input" class="col-md-2 col-form-label">EMAIL</label>
  72.                             <div class="col-md-10">
  73.                                 <input class="form-control"  id="floatingnameInput" required="" type="email" name="email"  placeholder="Taper votre email">
  74.                             </div>
  75.                         </div>
  77.                         <div class="mb-3 row">
  78.                             <label for="example-search-input" class="col-md-2 col-form-label">Montant</label>
  79.                             <div class="col-md-10">
  80.                                 <input  class="form-control"  id="floatingnameInput" required="" type="number" name="total"  placeholder="Entrer le montant">
  81.                             </div>
  82.                         </div>
  83.                         <div class="mb-3 row">
  84.                             <label class="col-md-2 col-form-label">Currency</label>
  85.                             <div class="col-md-10">
  86.                                 <select name="currency" class="form-select" >
  87.                                     <option vamue="$">Dollar</option>
  88.                                     <option value="€">Euro</option>
  89.                                     <option value="MAD">Moroccan Dirham</option>
  90.                                 </select>
  91.                             </div>
  92.                         </div>
  94.                         <div class="mb-3 row">
  95.                             <label for="example-search-input" class="col-md-2 col-form-label">Type de paiment</label>
  96.                             <div class="col-xl-3 col-sm-4">
  97.                                 <label class="card-radio-label mb-3">
  98.                                     <input type="radio" value="CASH_PAYMENT" name="paymentType" id="pay-methodoption1" class="card-radio-input" checked >
  100.                                     <div class="card-radio">
  101.                                         <i class="fab fa-cc-stripe font-size-24 text-primary align-middle me-2"></i>
  103.                                         <span>Payment Cash</span>
  104.                                     </div>
  105.                                 </label>
  106.                             </div>
  109.                             <div class="col-xl-3 col-sm-4">
  110.                                 <label class="card-radio-label mb-3">
  111.                                     <input type="radio" value="BANK_TRANSFERT" name="paymentType" id="pay-methodoption3" class="card-radio-input" >
  113.                                     <div class="card-radio">
  114.                                         <i class="fab fa-cc-visa font-size-24 text-primary align-middle me-2"></i>
  116.                                         <span>Virement Bancaire</span>
  117.                                     </div>
  118.                                 </label>
  119.                             </div>
  120.                             <div class="col-xl-3 col-sm-4">
  121.                                 <label class="card-radio-label mb-3">
  122.                                     <input type="radio" value="CREDIT_CARD" name="paymentType" id="pay-methodoption4" class="card-radio-input" >
  124.                                     <div class="card-radio">
  125.                                         <i class="fab fa-cc-paypal font-size-24 text-primary align-middle me-2"></i>
  127.                                         <span>Carte Bancaire</span>
  128.                                     </div>
  129.                                 </label>
  130.                             </div>
  131.                         </div>
  133.                         <div class="mb-3 row">
  134.                             <label for="example-datetime-local-input" class="col-md-2 col-form-label">Date de Depart</label>
  135.                             <div class="col-md-10">
  136.                                 <input name="datesstart" class="form-control" type="datetime"  id="example-datetime-local-input">
  137.                             </div>
  138.                         </div>
  141.                         <div class="mb-3 row">
  142.                             <label for="example-number-input" class="col-md-2 col-form-label">Nombre de pax</label>
  143.                             <div class="col-md-10">
  144.                                 <input class="form-control"  id="floatingnameInput" required="" type="number" name="pax"  placeholder="Entrer le nombre de pax">
  145.                             </div>
  146.                         </div>
  147.                         <div class="text-center mt-4">
  148.                             <button type="submit" class="btn btn-success">Nouvelle réservation</button>
  149.                         </div>
  150.                     </form>
  151.                 </div>
  152.             </div>
  153.         </div> <!-- end col -->
  154.     </div>
  155. {% endblock %}
  156. {% block javascripts %}
  157.     <!-- apexcharts -->
  158.     <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  159.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  160.     <script src="{{ asset('admin/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>
  162.     <script src="{{ asset('admin/js/pages/form-validation.init.js')}}"></script>
  164.     <script src="{{ asset('admin/js/app.js')}}"></script>
  165.     <script>
  168.         !function ($) {
  169.             "use strict";
  171.             var AdvancedForm = function () { };
  173.             AdvancedForm.prototype.init = function () {
  175.                 // Select2
  176.                 if ($('.select2').length > 0) {
  177.                     $(".select2").select2();
  178.                 }
  179.                 if ($('.select2-tags').length > 0) {
  180.                     $(".select2-tags").select2({
  181.                         tags: true
  182.                     });
  183.                 }
  184.                 if ($('.select2-limiting-3').length > 0) {
  185.                     $(".select2-limiting-3").select2({
  186.                         maximumSelectionLength: 3
  187.                     });
  188.                 }
  190.                 //Bootstrap-MaxLength
  191.                 $('input#defaultconfig').maxlength({
  192.                     warningClass: "badge bg-info",
  193.                     limitReachedClass: "badge bg-warning"
  194.                 });
  196.                 $('input#thresholdconfig').maxlength({
  197.                     threshold: 20,
  198.                     warningClass: "badge bg-info",
  199.                     limitReachedClass: "badge bg-warning"
  200.                 });
  202.                 $('input#moreoptions').maxlength({
  203.                     alwaysShow: true,
  204.                     warningClass: "badge bg-success",
  205.                     limitReachedClass: "badge bg-danger"
  206.                 });
  208.                 $('input#alloptions').maxlength({
  209.                     alwaysShow: true,
  210.                     warningClass: "badge bg-success",
  211.                     limitReachedClass: "badge bg-danger",
  212.                     separator: ' out of ',
  213.                     preText: 'You typed ',
  214.                     postText: ' chars available.',
  215.                     validate: true
  216.                 });
  218.                 $('textarea#textarea').maxlength({
  219.                     alwaysShow: true,
  220.                     warningClass: "badge bg-info",
  221.                     limitReachedClass: "badge bg-warning"
  222.                 });
  224.                 $('input#placement').maxlength({
  225.                     alwaysShow: true,
  226.                     placement: 'top-left',
  227.                     warningClass: "badge bg-info",
  228.                     limitReachedClass: "badge bg-warning"
  229.                 });
  231.             },
  232.                     //init
  233.                     $.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
  234.         }(window.jQuery),
  235.                 //Datepicker
  236.                         function ($) {
  237.                             "use strict";
  238.                             $.AdvancedForm.init();
  239.                         }(window.jQuery);
  241.     </script>
  243. {% endblock %}