templates/admin/country/addDestination.html.twig line 94

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Ajouter 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 %}{{"Ajouter Destination"|trans }}{% endblock %} 
  15. {% block content %} 
  16.     <form class="p-1 " method="post" action="{{ path('add_destination')}}" enctype="multipart/form-data"  >
  18.         <div class="container-fluid">
  20.             <div class="row">
  21.                 <div class="col-xl-12 px-0">
  22.                     <div class="card">
  23.                         <div class="card-body"> <h5 class="text-lg font-semibold mt-5 ">Détails de destination </h5>
  24.                             <p class="pb-4 text-gray-700 text-sm">Ici, vous pouvez modifier et consulter la destination . </p>
  25.                             <div class="row mb-4">
  26.                                 <div class="mb-3 col-md-6">
  27.                                     <p for="" class="form-label font-semibold ">Pays</p>
  28.                                     <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">
  29.                                         {% for country in countries %}
  30.                                             <option value="{{ country.id }}"  >{{ country.name }}</option>
  31.                                         {% endfor %}
  32.                                     </select>
  33.                                 </div>
  34.                                 <div class="col-md-6 mb-3">
  35.                                     <p for="" class="form-label font-semibold ">Région</p>
  36.                                     <div class="form-floating  pe-0 " id="city">
  37.                                         <input type="text" name="name" class="block sm:text-sm form-control p-2.5 rounded-lg w-full mt-0" id="floatingInput" placeholder="lieu">
  38.                                         <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>
  39.                                     </div>
  40.                                 </div>
  42.                                 <div class=" col-md-6 mb-3 text-base">
  43.                                     <p for="" class="form-label font-semibold ">Type de destination </p>
  44.                                     <select placeholder="choisir les sous categories" name="typedestination" class="text-sm select" data-allow-clear="1" >
  45.                                         <option>Ville
  46.                                         </option>
  47.                                         <option>Destination</option>
  48.                                         <option>Desert</option>
  49.                                         <option>Montagne</option>
  50.                                         <option>Réserve naturelle</option>
  52.                                     </select>
  53.                                 </div>
  55.                             </div>
  57.                             <div class="divider mt-16"></div>
  59.                             <div class="flex mt-4 row">
  60.                                 <div class="col-md-6">
  61.                                     <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>
  62.                                 </div>
  63.                                 <div class="col-md flex justify-end">
  64.                                     <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">
  65.                                         Annuler</button>
  66.                                     <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>
  67.                                 </div>
  68.                             </div>
  69.                         </div>
  70.                         <!-- end card body -->
  71.                     </div>
  72.                     <!-- end card -->
  73.                 </div>
  74.                 <!-- end col -->
  77.                 <!-- end col -->
  78.             </div>
  81.         </div> <!-- container-fluid -->
  82.         <!-- End Page-content -->
  87. </form>
  88. <!-- End main -->
  89. {% endblock %}
  90. {% block javascripts %}
  92.     <script src="{{ asset('admin/pages/ajouter-category.js')}}"></script>
  94. {% endblock %}{% extends 'admin/baseAdmin.html.twig' %}
  96. {% block stylesheets %}
  100. {% endblock %}
  101. {% block title %}{{"Ajouter Destination"|trans }}{% endblock %} 
  102. {% block content %} 
  103.     <div class="main-content px-8">
  104.         <div class="md:flex items-center justify-between pt-6 ">
  105.             <div>
  106.                 <h6 class="mb-0 text-16 uppercase font-semibold dark:text-white">Ajouter Destination</h6>
  107.             </div>
  108.             <div class="shrink-0">
  109.                 <ul class="mb-0 flex items-center  text-[12px] mt-2 md:mt-0">
  110.                     <li class=" inline-block"><a href="#!" class="text-gray-800 dark:text-white">Destination</a></li>
  111.                     <li class="text-gray-600 px-2">/</li>
  112.                     <li class="text-gray-600 "> Ajouter Destination </li>
  113.                 </ul>
  114.             </div>
  115.         </div>
  116.         <div class="page-content">
  117.             <div class="container-fluid">
  119.                 <div class="row">
  120.                     <div class="col-xl-12 px-0">
  121.                         <div class="card">
  122.                             <div class="card-body">
  123.                                 <form class="p-1 " method="post" action="{{ path('add_destination')}}" enctype="multipart/form-data"  >
  124.                                     <h5 class="text-lg font-semibold mt-5 ">Détails de destination </h5>
  125.                                     <p class="pb-4 text-gray-700 text-sm">Ici, vous pouvez modifier et consulter la destination . </p>
  126.                                     <div class="row mb-4">
  127.                                         <div class="mb-3 col-md-6">
  128.                                             <p for="" class="form-label font-semibold ">Pays</p>
  129.                                             <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">
  130.                                                 {% for country in countries %}
  131.                                                     <option value="{{ country.id }}"  >{{ country.name }}</option>
  132.                                                 {% endfor %}
  133.                                             </select>
  134.                                         </div>
  135.                                         <div class="col-md-6 mb-3">
  136.                                             <p for="" class="form-label font-semibold ">Région</p>
  137.                                             <div class="form-floating  pe-0 " id="city">
  138.                                                 <input type="text" name="name" class="block sm:text-sm form-control p-2.5 rounded-lg w-full mt-0" id="floatingInput" placeholder="lieu">
  139.                                                 <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>
  140.                                             </div>
  141.                                         </div>
  143.                                         <div class=" col-md-6 mb-3 text-base">
  144.                                             <p for="" class="form-label font-semibold ">Type de destination </p>
  145.                                             <select placeholder="choisir les sous categories" name="typedestination" class="text-sm select" data-allow-clear="1" >
  146.                                                 <option>Ville
  147.                                                 </option>
  148.                                                 <option>Destination</option>
  149.                                                 <option>Desert</option>
  150.                                                 <option>Montagne</option>
  151.                                                 <option>Réserve naturelle</option>
  153.                                             </select>
  154.                                         </div>
  156.                                     </div>
  158.                                     <div class="divider mt-16"></div>
  160.                                     <div class="flex mt-4 row">
  161.                                         <div class="col-md-6">
  162.                                             <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>
  163.                                         </div>
  164.                                         <div class="col-md flex justify-end">
  165.                                             <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">
  166.                                                 Annuler</button>
  167.                                             <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>
  168.                                         </div>
  169.                                     </div>
  170.                                 </form>
  171.                             </div>
  172.                             <!-- end card body -->
  173.                         </div>
  174.                         <!-- end card -->
  175.                     </div>
  176.                     <!-- end col -->
  179.                     <!-- end col -->
  180.                 </div>
  183.             </div> <!-- container-fluid -->
  186.             <!-- End main -->
  187.         {% endblock %}
  188.         {% block javascripts %}
  189.             <!-- apexcharts -->
  190.             <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  191.             <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  192.             <script src="{{ asset('admin/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>
  194.             <script src="{{ asset('admin/js/pages/form-validation.init.js')}}"></script>
  196.             <script src="{{ asset('admin/js/app.js')}}"></script>
  197.             <script>
  198.                 /*
  199.                  Template Name: Skote - Admin & Dashboard Template
  200.                  Author: Themesbrand
  201.                  Website: https://themesbrand.com/
  202.                  Contact: themesbrand@gmail.com
  203.                  File: Form Advanced Js File
  204.                  */
  206.                 !function ($) {
  207.                     "use strict";
  209.                     var AdvancedForm = function () { };
  211.                     AdvancedForm.prototype.init = function () {
  213.                         // Select2
  214.                         if ($('.select2').length > 0) {
  215.                             $(".select2").select2();
  216.                         }
  217.                         if ($('.select2-tags').length > 0) {
  218.                             $(".select2-tags").select2({
  219.                                 tags: true
  220.                             });
  221.                         }
  222.                         if ($('.select2-limiting-3').length > 0) {
  223.                             $(".select2-limiting-3").select2({
  224.                                 maximumSelectionLength: 3
  225.                             });
  226.                         }
  228.                         //Bootstrap-MaxLength
  229.                         $('input#defaultconfig').maxlength({
  230.                             warningClass: "badge bg-info",
  231.                             limitReachedClass: "badge bg-warning"
  232.                         });
  234.                         $('input#thresholdconfig').maxlength({
  235.                             threshold: 20,
  236.                             warningClass: "badge bg-info",
  237.                             limitReachedClass: "badge bg-warning"
  238.                         });
  240.                         $('input#moreoptions').maxlength({
  241.                             alwaysShow: true,
  242.                             warningClass: "badge bg-success",
  243.                             limitReachedClass: "badge bg-danger"
  244.                         });
  246.                         $('input#alloptions').maxlength({
  247.                             alwaysShow: true,
  248.                             warningClass: "badge bg-success",
  249.                             limitReachedClass: "badge bg-danger",
  250.                             separator: ' out of ',
  251.                             preText: 'You typed ',
  252.                             postText: ' chars available.',
  253.                             validate: true
  254.                         });
  256.                         $('textarea#textarea').maxlength({
  257.                             alwaysShow: true,
  258.                             warningClass: "badge bg-info",
  259.                             limitReachedClass: "badge bg-warning"
  260.                         });
  262.                         $('input#placement').maxlength({
  263.                             alwaysShow: true,
  264.                             placement: 'top-left',
  265.                             warningClass: "badge bg-info",
  266.                             limitReachedClass: "badge bg-warning"
  267.                         });
  269.                     },
  270.                             //init
  271.                             $.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
  272.                 }(window.jQuery),
  273.                         //Datepicker
  274.                                 function ($) {
  275.                                     "use strict";
  276.                                     $.AdvancedForm.init();
  277.                                 }(window.jQuery);
  279.             </script>
  280.         {% endblock %}