templates/admin/experience/add/newExperience.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Ajouter nouvelle éxperience {% endblock %}
  3. {% block breadcump_main %}Experiences{% endblock %}
  4. {% block breadcump_subtitle %}Categorie et location{% 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 content %}
  15.     <form id="form-general" class="general-info custom-validation" method="POST" action="{{ path('add_general_info') }}" enctype="multipart/form-data"  >
  16.         <div class="container-fluid">
  17.             <div class="row">
  18.                 <div class="col-xl-12 px-0">
  19.                     <div class="card">
  20.                         <div class="card-body">
  22.                             <div class="sm:p-4 p-2 pb-0 pt-1" >
  24.                                 <h5 class="text-lg font-semibold mt-5 ">Information General du séjour</h5>
  25.                                 <p class="text-gray-700 text-sm">Choisissez la catégorie correspondante à votre séjour.   </p>
  26.                                 <div class="divider w-2/6 mt-1 mb-5"></div>
  28.                                 <div>
  29.                                     <div class="  text-13">
  30.                                         <div class="tab-pane block">
  32.                                             <form action="" class="space-y-3 my-8 ">
  33.                                                 <div class="flex flex-wrap gap-x-0 gap-y-4 sm:gap-3 justify-between sm:justify-center text-xs md:text-base font-medium">
  34.                                                     {% for category in categories %}
  35.                                                         <div class="col-xl-3 col-sm-4">
  36.                                                             <label class="card-radio-label mb-3">
  37.                                                                 <input
  38.                                                                         type="radio"
  39.                                                                         name="category"
  40.                                                                         id="category{{ category.id }}"
  41.                                                                         value="{{ category.id }}"
  42.                                                                         class="card-radio-input"
  43.                                                                         {% if loop.first %}checked{% endif %}   {# coche la première case par défaut, à adapter selon le besoin #}
  44.                                                                 >
  45.                                                                 <div class="card-radio">
  46.                                                                     <i class="fab fa-cc-stripe font-size-24 text-primary align-middle me-2"></i>
  47.                                                                     <span>{{ category.name }}</span>
  48.                                                                 </div>
  49.                                                             </label>
  50.                                                         </div>
  51.                                                     {% endfor %}
  52.                                                 </div>
  53.                                                 <p class="text-xs  text-gray-600 mt-8">* Vous pouvez sélectionner une seule catégorie pour un séjour.</p>                                                                </form>
  54.                                         </div>
  55.                                     </div>
  56.                                 </div>
  59.                                 <div class="divider mt-20 mb-3 hidden sm:block"></div>
  61.                             </div>
  62.                         </div>
  63.                         <!-- end card body -->
  64.                     </div>
  65.                     <!-- end card -->
  66.                 </div>
  67.                 <!-- end col -->
  70.                 <!-- end col -->
  71.             </div>
  73.             <div class="row">
  74.                 <div class="col-xl-12 px-0">
  75.                     <div class="card">
  76.                         <div class="card-body">
  78.                             <div class="sm:p-4 p-2 pb-0 pt-1" id="myform2">
  80.                                 <div class="row mb-4 text-sm">
  81.                                     <p for="" class="form-label font-semibold col-3">Adresse de l'expérience</p>
  82.                                     <div class="col-4 pe-0 ps-1">
  83.                                         <select  name='country' placeholder="Sélectionné Pays" class="text-sm form-control select2" >
  84.                                             <option disabled="" >Selection de pays</option>
  85.                                             {% for country in countries %}
  86.                                                 <option value="{{ country.id }}" >{{ country.name }}</option>
  87.                                             {% endfor %}
  88.                                         </select>
  89.                                     </div>
  90.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                         <!-- end card body -->
  96.                     </div>
  97.                     <!-- end card -->
  98.                 </div>
  99.                 <!-- end col -->
  101.                 <div class="row">
  102.                     <div class="col-lg-12">
  103.                         <div class="card">
  104.                             <div class="card-body">
  105.                                 <div class="flex mt-4 row">
  106.                                     <div class="col-md-6">
  107.                                         <p class="text-xs  text-gray-900 mb-2">En cliquant sur le bouton d'enregistrement, vous mettez à jours les informations
  108.                                             enregistrer par ce formulaire </p>                                    </div>
  109.                                     <div class="col-md flex justify-end">
  110.                                         <button type="reset" style=" color: #ffaa00; border: 1px solid;" class="font-medium h-10  py-2.5 rounded-lg text-center text-sm  w-40 me-2">
  111.                                             Annuler</button>
  112.                                         <button type="submit" style=" background: #ffaa00;" class="font-medium hover:bg-primary-700 h-10  py-2.5 rounded-lg text-center text-sm text-white w-40">Enregistrer</button>
  113.                                     </div>
  114.                                 </div>
  116.                             </div>
  117.                         </div>
  118.                     </div>
  119.                 </div>
  120.                 <!-- end col -->
  121.             </div>
  124.         </div> <!-- container-fluid -->
  125.     </form>
  126. {% endblock %}
  127. {% block javascripts %}
  128.     <!-- apexcharts -->
  129.     <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  130.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  131.     <script src="{{ asset('admin/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>
  133.     <script src="{{ asset('admin/js/pages/form-validation.init.js')}}"></script>
  135.     <script src="{{ asset('admin/js/app.js')}}"></script>
  136.     <script src="{{ asset('admin/js/pages/category-select.js')}}"></script>
  137.     <script>
  138.         /*
  139.          Template Name: Skote - Admin & Dashboard Template
  140.          Author: Themesbrand
  141.          Website: https://themesbrand.com/
  142.          Contact: themesbrand@gmail.com
  143.          File: Form Advanced Js File
  144.          */
  146.         !function ($) {
  147.             "use strict";
  149.             var AdvancedForm = function () { };
  151.             AdvancedForm.prototype.init = function () {
  153.                 // Select2
  154.                 if ($('.select2').length > 0) {
  155.                     $(".select2").select2();
  156.                 }
  157.                 if ($('.select2-tags').length > 0) {
  158.                     $(".select2-tags").select2({
  159.                         tags: true
  160.                     });
  161.                 }
  162.                 if ($('.select2-limiting-3').length > 0) {
  163.                     $(".select2-limiting-3").select2({
  164.                         maximumSelectionLength: 3
  165.                     });
  166.                 }
  168.                 //Bootstrap-MaxLength
  169.                 $('input#defaultconfig').maxlength({
  170.                     warningClass: "badge bg-info",
  171.                     limitReachedClass: "badge bg-warning"
  172.                 });
  174.                 $('input#thresholdconfig').maxlength({
  175.                     threshold: 20,
  176.                     warningClass: "badge bg-info",
  177.                     limitReachedClass: "badge bg-warning"
  178.                 });
  180.                 $('input#moreoptions').maxlength({
  181.                     alwaysShow: true,
  182.                     warningClass: "badge bg-success",
  183.                     limitReachedClass: "badge bg-danger"
  184.                 });
  186.                 $('input#alloptions').maxlength({
  187.                     alwaysShow: true,
  188.                     warningClass: "badge bg-success",
  189.                     limitReachedClass: "badge bg-danger",
  190.                     separator: ' out of ',
  191.                     preText: 'You typed ',
  192.                     postText: ' chars available.',
  193.                     validate: true
  194.                 });
  196.                 $('textarea#textarea').maxlength({
  197.                     alwaysShow: true,
  198.                     warningClass: "badge bg-info",
  199.                     limitReachedClass: "badge bg-warning"
  200.                 });
  202.                 $('input#placement').maxlength({
  203.                     alwaysShow: true,
  204.                     placement: 'top-left',
  205.                     warningClass: "badge bg-info",
  206.                     limitReachedClass: "badge bg-warning"
  207.                 });
  209.             },
  210.                     //init
  211.                     $.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
  212.         }(window.jQuery),
  213.                 //Datepicker
  214.                         function ($) {
  215.                             "use strict";
  216.                             $.AdvancedForm.init();
  217.                         }(window.jQuery);
  219.     </script>
  220. {% endblock %}