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

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Ajouter Description {% endblock %}
  3. {% block breadcump_main %}Experiences{% endblock %}
  4. {% block breadcump_subtitle %}Description{% 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_description',{'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">
  22.                             <div class="sm:p-4 p-2 pb-0 pt-1">
  23.                                 <h5 class="text-lg font-semibold mt-2 ">Description  </h5>
  24.                                 <p class="text-gray-700 text-sm mb-3">Ici ajouter et modifier la description de l'expérience.
  25.                                 </p>
  27.                                 <div class="are-description ">
  28.                                     <textarea required="" name="description" id="descriptionEditor" class="w-full h-64 mt-4">{{ experience.description }}</textarea>
  30.                                 </div>
  32.                                 <h5 class="text-lg font-semibold mt-5 ">Inclus & Non inclus  </h5>
  33.                                 <p class="text-gray-700 text-sm">Lister ce qui est inclus de ce qui est non dan le prix de votre expérience.
  34.                                 </p>
  35.                                 <div class="divider w-2/6 mt-1 mb-5"></div>
  36.                                 <!-- Inclus -->
  37.                                 <div class="row">
  38.                                     <div class="sm:w-4/12 w-full flex flex-col justify-between">
  39.                                         <div>
  40.                                             <p for="" class="form-label font-medium  ">Lister ce qui est <span class="text-green text-uppercase"style="color:#43a32d">inclus</span> durant l'experience </p>
  41.                                             <p class="text-xs w-3/5 text-gray-600 hidden sm:block">Lister ce que vous avez inclus dans cette expérience.</p>
  42.                                         </div>
  43.                                     </div>
  44.                                     <div class="w-full sm:w-8/12">
  45.                                         <div class="row  text-sm">
  46.                                             <div id="inclus-forms">
  48.                                                 {% for included in experience.included %}
  49.                                                     <div class="flex mb-3 inclus-item" >
  51.                                                         <div class="relative col-12  ">
  53.                                                             <div class="flex items-center">
  54.                                                                 <input value="{{ included }}" required="" type="text" name="included[]" class="form-control h-12 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600
  55.                                                                        block w-full p-2.5 ps-3" id="nom" placeholder="Écrire les services exclu ici ">
  57.                                                                 <div  class="add-icon add-inclus h-6 rounded cursor-pointer ps-2">
  58.                                                                     <i class="bx bx-plus-circle text-orange text-2xl"></i>
  59.                                                                 </div>
  61.                                                             </div>
  62.                                                         </div>
  63.                                                     </div>
  64.                                                 {% endfor %}
  65.                                             </div>
  67.                                         </div>
  69.                                     </div>
  70.                                 </div>
  72.                                 <!-- Exclus -->
  73.                                 <div class="row mt-3">
  74.                                     <div class="sm:w-4/12 w-full flex flex-col justify-between">
  75.                                         <div>
  76.                                             <div>
  77.                                                 <p for="" class="form-label font-medium  ">Lister ce qui n'est <span class="text-red-500 text-uppercase">pas inclus</span>  </p>
  78.                                                 <p class="text-xs w-3/5 text-gray-600 hidden sm:block">Lister ce que vous avez exclus dans cette expérience.</p>
  79.                                             </div>
  80.                                         </div>
  82.                                     </div>
  83.                                     <div class="w-full sm:w-8/12">
  84.                                         <div class="row mb-4 text-sm">
  85.                                             <div id="exclus-forms">
  86.                                                 {% for notincluded in experience.notincluded %}
  87.                                                     <div class=" flex exclu-item mb-4" >
  88.                                                         <div class="relative col-12 flex items-center h-12">
  89.                                                             <input value='{{ notincluded }}' required="" type="text" name="notincluded[]" class="form-control sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600
  90.                                                                    block w-full p-2.5 ps-3" id="nom" placeholder="Écrire les services exclu ici ">
  92.                                                             <div id="add-highlight" class=" add-icon add-exclu  h-6 rounded cursor-pointer ps-2">
  93.                                                                 <i class="bx bx-plus-circle text-red-500 text-2xl"></i>
  94.                                                             </div>
  95.                                                         </div>
  96.                                                     </div>
  97.                                                 {% endfor %}
  98.                                             </div>
  100.                                         </div>
  101.                                     </div>
  104.                                 </div>
  106.                                 <div class="divider mt-20 mb-3 hidden sm:block"></div>
  107.                                 <div class="flex mt-4 row pt-3">
  108.                                     <div class="col-md-6">
  109.                                         <p class="text-xs  text-gray-900 mb-2">En cliquant sur le bouton de Suivant, vous mettez à jours les informations
  110.                                             envoyé dans ce formulaire </p>
  111.                                     </div>
  112.                                     <div class="col-md flex justify-end">
  113.                                         <button type="" style=" color: #ffaa00; border: 1px solid;" 
  114.                                                 class="font-medium h-10 cursor-pointer   py-2.5 rounded-lg text-center text-sm  w-40 me-2">
  115.                                             Annuler</button>
  116.                                         <button type="" style=" background: #ffaa00;" 
  117.                                                 class="font-medium hover:bg-primary-700 h-10 cursor-pointer   py-2.5 rounded-lg text-center text-sm text-white w-40">
  118.                                             Enregistrer</button>
  119.                                     </div>
  120.                                 </div>
  123.                             </div>
  124.                         </div>
  125.                         <!-- end card body -->
  126.                     </div>
  127.                     <!-- end card -->
  128.                 </div>
  129.                 <!-- end col -->
  132.                 <!-- end col -->
  133.             </div>
  136.         </div> <!-- container-fluid -->
  137.     </form>
  138. {% endblock %}
  139. {% block javascripts %}
  140.     <!-- apexcharts -->
  141.     <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  142.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  143.     <script src="{{ asset('admin/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>
  144.     <script src="{{ asset('admin/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
  145.     <script src="{{ asset('admin/libs/@chenfengyuan/datepicker/datepicker.min.js')}}"></script>
  147.     <script src="{{ asset('admin/js/pages/form-validation.init.js')}}"></script>
  149.     <script src="{{ asset('admin/js/app.js')}}"></script>
  150.     <script src="{{ asset('admin/js/pages/description.js')}}"></script>
  151.     <script>
  152.         /*
  153.          Template Name: Skote - Admin & Dashboard Template
  154.          Author: Themesbrand
  155.          Website: https://themesbrand.com/
  156.          Contact: themesbrand@gmail.com
  157.          File: Form Advanced Js File
  158.          */
  160.         !function ($) {
  161.             "use strict";
  163.             var AdvancedForm = function () { };
  165.             AdvancedForm.prototype.init = function () {
  167.                 // Select2
  168.                 if ($('.select2').length > 0) {
  169.                     $(".select2").select2();
  170.                 }
  171.                 if ($('.select2-tags').length > 0) {
  172.                     $(".select2-tags").select2({
  173.                         tags: true
  174.                     });
  175.                 }
  176.                 if ($('.select2-limiting-3').length > 0) {
  177.                     $(".select2-limiting-3").select2({
  178.                         maximumSelectionLength: 3
  179.                     });
  180.                 }
  182.                 //Bootstrap-MaxLength
  183.                 $('input#defaultconfig').maxlength({
  184.                     warningClass: "badge bg-info",
  185.                     limitReachedClass: "badge bg-warning"
  186.                 });
  188.                 $('input#thresholdconfig').maxlength({
  189.                     threshold: 20,
  190.                     warningClass: "badge bg-info",
  191.                     limitReachedClass: "badge bg-warning"
  192.                 });
  194.                 $('input#moreoptions').maxlength({
  195.                     alwaysShow: true,
  196.                     warningClass: "badge bg-success",
  197.                     limitReachedClass: "badge bg-danger"
  198.                 });
  200.                 $('input#alloptions').maxlength({
  201.                     alwaysShow: true,
  202.                     warningClass: "badge bg-success",
  203.                     limitReachedClass: "badge bg-danger",
  204.                     separator: ' out of ',
  205.                     preText: 'You typed ',
  206.                     postText: ' chars available.',
  207.                     validate: true
  208.                 });
  210.                 $('textarea#textarea').maxlength({
  211.                     alwaysShow: true,
  212.                     warningClass: "badge bg-info",
  213.                     limitReachedClass: "badge bg-warning"
  214.                 });
  216.                 $('input#placement').maxlength({
  217.                     alwaysShow: true,
  218.                     placement: 'top-left',
  219.                     warningClass: "badge bg-info",
  220.                     limitReachedClass: "badge bg-warning"
  221.                 });
  223.             },
  224.                     //init
  225.                     $.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
  226.         }(window.jQuery),
  227.                 //Datepicker
  228.                         function ($) {
  229.                             "use strict";
  230.                             $.AdvancedForm.init();
  231.                         }(window.jQuery);
  233.     </script>
  234. {% endblock %}