templates/admin/country/edit/editDestination.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Modifier Destination{% endblock %}
  3. {% block breadcump_main %}Pays{% endblock %}
  4. {% block breadcump_subtitle %}Création de destination{% 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 %}{{"Modifier Destination"|trans }}{% endblock %} 
  15. {% block content %} 
  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.                         <form class="p-1 " method="post" action="{{ path('edit_destination',{'id':destination.id})}}" enctype="multipart/form-data"  >
  23.                             <form class="p-4 pt-1" id="myform1">
  24.                                 <h5 class="text-lg font-semibold mt-5 ">Détails de destination </h5>
  25.                                 <p class="pb-4 text-gray-700 text-sm">Ici, vous pouvez modifier et consulter la destination . </p>
  26.                                 <div class="row mb-4">
  27.                                     <div class="mb-3 col-md-6">
  28.                                         <p for="" class="form-label font-semibold ">Pays</p>
  29.                                         <select id="country" name="country" class="select border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-3.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 py-3">
  30.                                             {% for country in countries %}
  31.                                                 <option {% if country.id == destination.country.id %}selected{% endif %} value="{{ country.id }}">{{ country.name }}</option>
  32.                                             {% endfor %}     
  33.                                         </select>
  35.                                     </div>
  36.                                     <div class="col-md-6 mb-3">
  37.                                         <p for="" class="form-label font-semibold ">Région</p>
  38.                                         <div class="form-floating  pe-0 " id="city">
  39.                                             <input type="text" name="name" value="{{destination.name}}" class="block sm:text-sm form-control p-2.5 rounded-lg w-full mt-0" id="floatingInput" placeholder="lieu">
  40.                                             <label class="mb-2 ps-4 text-sm font-medium text-gray-900 dark:text-white" for="floatingInput">Destination, ville ou lieu de l'expérience                                                 </label>
  41.                                         </div>
  42.                                     </div>
  44.                                     <div class=" col-md-6 mb-3 text-base">
  45.                                         <p for="" class="form-label font-semibold ">Type de destination </p>
  46.                                         <select  placeholder="choisir les sous catégories" name="typedestination" class="text-sm select" data-allow-clear="1">
  47.                                             <option value="Ville" {% if 'Ville' in destination.typedestination %}selected{% endif %}>Ville</option>
  48.                                             <option value="Destination" {% if 'Destination' in destination.typedestination %}selected{% endif %}>Destination</option>
  49.                                             <option value="Desert" {% if 'Desert' in destination.typedestination %}selected{% endif %}>Desert</option>
  50.                                             <option value="Montagne" {% if 'Montagne' in destination.typedestination %}selected{% endif %}>Montagne</option>
  51.                                             <option value="Réserve naturelle" {% if 'Réserve naturelle' in destination.typedestination %}selected{% endif %}>Réserve naturelle</option>
  52.                                         </select>
  54.                                     </div>
  57.                                     <div class=" col-md-6 col-sm-12 ">
  58.                                         <p for="" class="form-label font-semibold ">Ordre de destination </p>
  60.                                         <div class="form-floating ">
  61.                                             <input value="{{ destination.ordre }}" type="number" name="ordre"
  62.                                                    class="form-control sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 ps-5"
  63.                                                    id="nom" placeholder="">
  64.                                             <label class="mb-2 ms-2 ps-5 text-sm font-medium text-gray-900 " for="nom">ordre destination </label>
  65.                                             <div class="absolute" style="top: 11px;left: 17px;color: #a1a1a1;">
  66.                                                 <i class="bx bx-sort-a-z" style="font-size: 36px;"></i>
  67.                                             </div>
  68.                                         </div>
  70.                                     </div>
  71.                                 </div>
  73.                                 <div class="divider mt-16"></div>
  75.                                 <div class="flex mt-4 row">
  76.                                     <div class="col-md-6">
  77.                                         <p class="text-xs  text-gray-900 mb-2">En cliquant sur le bouton de Enregistrer, vous mettez à jours les informations envoyé dans ce formulaire </p>
  78.                                     </div>
  79.                                     <div class="col-md flex justify-end">
  80.                                         <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">
  81.                                             Annuler</button>
  82.                                         <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>
  83.                                     </div>
  84.                                 </div>
  85.                             </form>
  86.                     </div>
  87.                     <!-- end card body -->
  88.                 </div>
  89.                 <!-- end card -->
  90.             </div>
  91.             <!-- end col -->
  94.             <!-- end col -->
  95.         </div>
  98.     </div> <!-- container-fluid -->
  101.     <!-- End main -->
  102. {% endblock %}
  104. {% block javascripts %}
  105.     <!-- apexcharts -->
  106.     <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  107.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  108.     <script src="{{ asset('admin/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>
  110.     <script src="{{ asset('admin/js/pages/form-validation.init.js')}}"></script>
  112.     <script src="{{ asset('admin/js/app.js')}}"></script>
  113.     <script>
  114.         /*
  115.          Template Name: Skote - Admin & Dashboard Template
  116.          Author: Themesbrand
  117.          Website: https://themesbrand.com/
  118.          Contact: themesbrand@gmail.com
  119.          File: Form Advanced Js File
  120.          */
  122.         !function ($) {
  123.             "use strict";
  125.             var AdvancedForm = function () { };
  127.             AdvancedForm.prototype.init = function () {
  129.                 // Select2
  130.                 if ($('.select2').length > 0) {
  131.                     $(".select2").select2();
  132.                 }
  133.                 if ($('.select2-tags').length > 0) {
  134.                     $(".select2-tags").select2({
  135.                         tags: true
  136.                     });
  137.                 }
  138.                 if ($('.select2-limiting-3').length > 0) {
  139.                     $(".select2-limiting-3").select2({
  140.                         maximumSelectionLength: 3
  141.                     });
  142.                 }
  144.                 //Bootstrap-MaxLength
  145.                 $('input#defaultconfig').maxlength({
  146.                     warningClass: "badge bg-info",
  147.                     limitReachedClass: "badge bg-warning"
  148.                 });
  150.                 $('input#thresholdconfig').maxlength({
  151.                     threshold: 20,
  152.                     warningClass: "badge bg-info",
  153.                     limitReachedClass: "badge bg-warning"
  154.                 });
  156.                 $('input#moreoptions').maxlength({
  157.                     alwaysShow: true,
  158.                     warningClass: "badge bg-success",
  159.                     limitReachedClass: "badge bg-danger"
  160.                 });
  162.                 $('input#alloptions').maxlength({
  163.                     alwaysShow: true,
  164.                     warningClass: "badge bg-success",
  165.                     limitReachedClass: "badge bg-danger",
  166.                     separator: ' out of ',
  167.                     preText: 'You typed ',
  168.                     postText: ' chars available.',
  169.                     validate: true
  170.                 });
  172.                 $('textarea#textarea').maxlength({
  173.                     alwaysShow: true,
  174.                     warningClass: "badge bg-info",
  175.                     limitReachedClass: "badge bg-warning"
  176.                 });
  178.                 $('input#placement').maxlength({
  179.                     alwaysShow: true,
  180.                     placement: 'top-left',
  181.                     warningClass: "badge bg-info",
  182.                     limitReachedClass: "badge bg-warning"
  183.                 });
  185.             },
  186.                     //init
  187.                     $.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
  188.         }(window.jQuery),
  189.                 //Datepicker
  190.                         function ($) {
  191.                             "use strict";
  192.                             $.AdvancedForm.init();
  193.                         }(window.jQuery);
  195.     </script>
  196. {% endblock %}