templates/admin/experience/edit/editGeneralinfo.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Modification d'informations Génerale {% endblock %}
  3. {% block breadcump_main %}Experiences{% endblock %}
  4. {% block breadcump_subtitle %}Nouvelle experience{% 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('edit_general_info',{'id':experience.id}) }}" enctype="multipart/form-data"  >
  16.         <div class="container-fluid">
  18.             <div class="row">
  19.                 <div class="col-xl-12 px-0">
  20.                     <div class="card">
  21.                         <div class="card-body">                                             
  23.                             <div class="sm:p-4 p-2 pb-0 pt-1" >
  25.                                 <h5 class="text-lg font-semibold mt-5 ">Information General de l’expérience</h5>
  26.                                 <p class="text-gray-700 text-sm">Enregistrer les informations au dessous pour décrire : {{ experience.title }} .</p>
  27.                                 <div class="divider w-2/6 mt-1 mb-5"></div>
  28.                                 <div class="row mb-4 text-sm  ">
  29.                                     <div class="flex items-center">
  30.                                         <p for="" class="form-label font-semibold col-3">Titre</p>
  31.                                         <div class="form-floating mb-3 col-9">
  32.                                             <input value="{{ experience.title }}" required="" class="form-control"  id="floatingnameInput" required="" type="text" name="title"  placeholder="Entrer le nom de l'expérience">
  33.                                             <label for="floatingnameInput">Entrer le nom de l'expérience</label>
  34.                                         </div>
  35.                                     </div>
  36.                                 </div>
  37.                                 <div class="row mb-4 text-sm">
  38.                                     <div class=" flex ">
  39.                                         <p for="" class="form-label font-semibold col-3 "> Résumé </p>
  40.                                         <div class="relative col-9">
  41.                                             <textarea required="" class="form-control text-sm px-5" name="resume" placeholder="Taper une petite description "
  42.                                                       id="floatingTextarea2" style="height: 100px">{{ experience.resume }}</textarea>
  43.                                             <div class="absolute" style="top: 8px;left: 11px;color: #a1a1a1;">
  44.                                                 <i class="bx bx-notepad text-2xl"></i>
  45.                                             </div>
  46.                                         </div>
  47.                                     </div>
  48.                                 </div>
  50.                                 <div class="mb-3 row flex items-start text-sm">
  51.                                     <p for="formrow-inputState" class="form-label font-semibold col-3">Type de coaching</p>
  52.                                     <div class="col-9 px-0">
  53.                                         <div class="flex gap-2 justify-between">
  54.                                             <div class="flex items-center ps-4 w-1/3  rounded dark:border-gray-700">
  56.                                                 <div class="form-check mb-3">
  57.                                                     <input {% if experience.coachingtype == 'private' %} checked{% endif %} class="form-check-input" type="radio" value="private" name="coachingtype"
  58.                                                            id="formRadios1" checked>
  59.                                                     <label class="form-check-label" for="formRadios1">
  60.                                                         Coaching Privé
  61.                                                     </label>
  62.                                                 </div>
  64.                                             </div>
  65.                                             <div class="flex items-center ps-4 w-1/3  rounded dark:border-gray-700">
  66.                                                 <div class="form-check mb-3">
  67.                                                     <input {% if experience.coachingtype == 'groupe' %} checked{% endif %}  class="form-check-input" type="radio" value="groupe" name="coachingtype"
  68.                                                            id="formRadios2" >
  69.                                                     <label class="form-check-label" for="formRadios2">
  70.                                                         Coaching en groupe
  71.                                                     </label>
  72.                                                 </div>
  73.                                             </div>
  74.                                             <div class="flex items-center ps-4 w-1/3  rounded dark:border-gray-700">
  75.                                                 <div class="form-check mb-3">
  76.                                                     <input {% if experience.coachingtype == 'visio' %} checked{% endif %}  class="form-check-input" type="radio" value="visio" name="coachingtype"
  77.                                                            id="formRadios3">
  78.                                                     <label class="form-check-label" for="formRadios3">
  79.                                                         Coaching par Visio
  80.                                                     </label>
  81.                                                 </div>
  82.                                             </div>
  83.                                         </div> 
  84.                                         <p class="text-[10px]  text-gray-600 my-2">*Vous pouvez sélectionné un seul type de coaching.</p>
  85.                                     </div>
  86.                                 </div>
  87.                                 <div class="row">
  88.                                     <div class="col-md-6">
  89.                                         <div class="form-floating mb-3">
  90.                                             <label class="form-label">Destination</label>
  91.                                             <input hidden="" type="text" value="{{ experience.destination.country.id }}" name="country" >
  92.                                             <select required="" name="destination" class="form-select form-select6LG select2-tags" id="floatingSelectGrid" aria-label="Floating label select example">
  93.                                                 {% for destination in experience.destination.country.destinations %}
  94.                                                     <option  {% if destination.id == experience.destination.id %}selected=""{% endif %} value="{{ destination.id }}" >{{ destination.name }}</option>
  95.                                                 {% endfor %}
  96.                                             </select>
  97.                                         </div>
  98.                                     </div>
  99.                                     <div class="col-md-6">
  100.                                         <div class="form-floating mb-3">
  101.                                             <label class="form-label">Sous catégorie</label>
  102.                                             <select multiple="" required="" name="subcategories[]" class="form-select form-select6LG select2" id="floatingSelect" aria-label="Floating label select example">
  103.                                                 {% for subcategory in experience.subcategories[0].category.subcategories %}
  104.                                                     <option {% if subcategory in experience.subcategories %}selected=""{% endif %} value="{{ subcategory.id }}" >{{ subcategory.name }}</option>
  105.                                                 {% endfor %}
  106.                                             </select>
  107.                                         </div>
  108.                                     </div>
  109.                                 </div>
  114.                                 <div class="divider mt-20 mb-3"></div>
  116.                                 <div class="flex mt-4 row pt-3">
  117.                                     <div class="col-md-6">
  118.                                         <p class="text-xs  text-gray-900 mb-2">En cliquant sur le bouton d'enregistrement, vous mettez à jours les informations
  119.                                             enregistrer par ce formulaire </p>
  120.                                     </div>
  121.                                     <div class="col-md flex justify-end">
  122.                                         <button type="button" style=" color: #ffaa00; border: 1px solid;"
  123.                                                 class="font-medium h-10 cursor-pointer   py-2.5 rounded-lg text-center text-sm  w-40 me-2">
  124.                                             Annuler</button>
  125.                                         <button type="submit" style=" background: #ffaa00;" 
  126.                                                 class="font-medium hover:bg-pri cursor-pointer mary-700 h-10  py-2.5 rounded-lg text-center text-sm text-white w-40">
  127.                                             Enregistrer</button>
  128.                                     </div>
  129.                                 </div>
  130.                             </div>
  131.                         </div>
  132.                         <!-- end card body -->
  133.                     </div>
  134.                     <!-- end card -->
  135.                 </div>
  136.                 <!-- end col -->
  139.                 <!-- end col -->
  140.             </div>
  143.         </div> <!-- container-fluid -->
  144.     </form>
  145. {% endblock %}
  146. {% block javascripts %}
  147.     <!-- apexcharts -->
  148.     <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  149.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  150.     <script src="{{ asset('admin/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>
  152.     <script src="{{ asset('admin/js/pages/form-validation.init.js')}}"></script>
  154.     <script src="{{ asset('admin/js/app.js')}}"></script>
  155.     <script>
  156.         /*
  157.          Template Name: Skote - Admin & Dashboard Template
  158.          Author: Themesbrand
  159.          Website: https://themesbrand.com/
  160.          Contact: themesbrand@gmail.com
  161.          File: Form Advanced Js File
  162.          */
  164.         !function ($) {
  165.             "use strict";
  167.             var AdvancedForm = function () { };
  169.             AdvancedForm.prototype.init = function () {
  171.                 // Select2
  172.                 if ($('.select2').length > 0) {
  173.                     $(".select2").select2();
  174.                 }
  175.                 if ($('.select2-tags').length > 0) {
  176.                     $(".select2-tags").select2({
  177.                         tags: true
  178.                     });
  179.                 }
  180.                 if ($('.select2-limiting-3').length > 0) {
  181.                     $(".select2-limiting-3").select2({
  182.                         maximumSelectionLength: 3
  183.                     });
  184.                 }
  186.                 //Bootstrap-MaxLength
  187.                 $('input#defaultconfig').maxlength({
  188.                     warningClass: "badge bg-info",
  189.                     limitReachedClass: "badge bg-warning"
  190.                 });
  192.                 $('input#thresholdconfig').maxlength({
  193.                     threshold: 20,
  194.                     warningClass: "badge bg-info",
  195.                     limitReachedClass: "badge bg-warning"
  196.                 });
  198.                 $('input#moreoptions').maxlength({
  199.                     alwaysShow: true,
  200.                     warningClass: "badge bg-success",
  201.                     limitReachedClass: "badge bg-danger"
  202.                 });
  204.                 $('input#alloptions').maxlength({
  205.                     alwaysShow: true,
  206.                     warningClass: "badge bg-success",
  207.                     limitReachedClass: "badge bg-danger",
  208.                     separator: ' out of ',
  209.                     preText: 'You typed ',
  210.                     postText: ' chars available.',
  211.                     validate: true
  212.                 });
  214.                 $('textarea#textarea').maxlength({
  215.                     alwaysShow: true,
  216.                     warningClass: "badge bg-info",
  217.                     limitReachedClass: "badge bg-warning"
  218.                 });
  220.                 $('input#placement').maxlength({
  221.                     alwaysShow: true,
  222.                     placement: 'top-left',
  223.                     warningClass: "badge bg-info",
  224.                     limitReachedClass: "badge bg-warning"
  225.                 });
  227.             },
  228.                     //init
  229.                     $.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
  230.         }(window.jQuery),
  231.                 //Datepicker
  232.                         function ($) {
  233.                             "use strict";
  234.                             $.AdvancedForm.init();
  235.                         }(window.jQuery);
  237.     </script>
  238. {% endblock %}