templates/admin/country/addCountry.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/baseAdmin.html.twig' %}
  2. {% block page_title %}Ajouter Pays{% endblock %}
  3. {% block breadcump_main %}Pays{% endblock %}
  4. {% block breadcump_subtitle %}Ajouter pays{% 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 %}{{"Ajout des pays"|trans }}{% endblock %} 
  15. {% block content %} 
  16.     <form class="p-1 " method="post" action="{{ path('add_country')}}" 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">                <div  class="space-y-3 ">
  24.                                 <div class="m-auto my-1 relative ">
  25.                                     <label for="avatar-upload" class="relative flex justify-center" style="cursor: pointer;">
  26.                                         <img src="../images/categories/Culinaire.jpg" class="rounded-xl h-64 object-cover w-full" id="avatar-img">
  27.                                         <div class="h-10 w-10 bg-orange rounded-full flex  items-center justify-center" style="position: absolute;right: 43%;bottom: 4px;font-size: 43px;">
  28.                                             <i class="bx bxs-image-alt text-xl text-white"></i>
  29.                                         </div>
  30.                                         <input type="file" id="avatar-upload"  style="display: none;" name="image" accept="image/*" onchange="changeAvatar(event)">
  31.                                     </label>
  32.                                 </div>
  33.                             </div>
  34.                             <h5 class="text-lg font-semibold mt-5 ">Détails de Pays </h5>
  35.                             <p class="pb-4 text-gray-700 text-sm">Ici, vous pouvez modifier et consulter la Pays . </p>
  36.                             <div class="row mb-4">
  39.                                 <div class="col-md-6 mb-3">
  40.                                     <p for="" class="form-label font-semibold ">Nom du Pays</p>
  41.                                     <div class="form-floating  pe-0 " id="city">
  42.                                         <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">
  43.                                         <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>
  44.                                     </div>
  45.                                 </div>
  48.                                 <div class="col-md-6 pb-9 text-sm">
  49.                                     <div class="  ">
  50.                                         <p for="" class="form-label font-semibold ">Description</p>
  51.                                         <div class="relative w-full">
  52.                                             <textarea class="form-control text-sm px-5 pe-4" name="description" placeholder="Décris la Pays" id="description_programe" style="height: 62px"></textarea>
  53.                                             <div class="absolute" style="top: 8px;left: 11px;color: #a1a1a1;">
  54.                                                 <i class="bx bx-notepad text-2xl" style=""></i>
  55.                                             </div>
  56.                                         </div>
  57.                                     </div>
  59.                                 </div>
  60.                             </div>
  63.                             <div class="divider mt-16"></div>
  65.                             <div class="flex mt-4 row">
  66.                                 <div class="col-md-6">
  67.                                     <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>
  68.                                 </div>
  69.                                 <div class="col-md flex justify-end">
  70.                                     <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">
  71.                                         Annuler</button>
  72.                                     <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>
  73.                                 </div>
  74.                             </div>
  75.                         </div>
  76.                         <!-- end card body -->
  77.                     </div>
  78.                     <!-- end card -->
  79.                 </div>
  80.                 <!-- end col -->
  83.                 <!-- end col -->
  84.             </div>
  87.         </div> <!-- container-fluid -->
  89.     </form>
  91. {% endblock %}
  92. {% block javascripts %}
  93.     <!-- apexcharts -->
  94.     <script src="{{ asset('admin/libs/parsleyjs/parsley.min.js')}}"></script>
  95.     <script src="{{ asset('admin/libs/select2/js/select2.min.js')}}"></script>
  96.     <script src="{{ asset('admin/libs/bootstrap-maxlength/bootstrap-maxlength.min.js')}}"></script>
  98.     <script src="{{ asset('admin/js/pages/form-validation.init.js')}}"></script>
  100.     <script src="{{ asset('admin/js/app.js')}}"></script>
  101.     <script>
  102.                                             /*
  103.                                              Template Name: Skote - Admin & Dashboard Template
  104.                                              Author: Themesbrand
  105.                                              Website: https://themesbrand.com/
  106.                                              Contact: themesbrand@gmail.com
  107.                                              File: Form Advanced Js File
  108.                                              */
  110.                                             !function ($) {
  111.                                                 "use strict";
  113.                                                 var AdvancedForm = function () { };
  115.                                                 AdvancedForm.prototype.init = function () {
  117.                                                     // Select2
  118.                                                     if ($('.select2').length > 0) {
  119.                                                         $(".select2").select2();
  120.                                                     }
  121.                                                     if ($('.select2-tags').length > 0) {
  122.                                                         $(".select2-tags").select2({
  123.                                                             tags: true
  124.                                                         });
  125.                                                     }
  126.                                                     if ($('.select2-limiting-3').length > 0) {
  127.                                                         $(".select2-limiting-3").select2({
  128.                                                             maximumSelectionLength: 3
  129.                                                         });
  130.                                                     }
  132.                                                     //Bootstrap-MaxLength
  133.                                                     $('input#defaultconfig').maxlength({
  134.                                                         warningClass: "badge bg-info",
  135.                                                         limitReachedClass: "badge bg-warning"
  136.                                                     });
  138.                                                     $('input#thresholdconfig').maxlength({
  139.                                                         threshold: 20,
  140.                                                         warningClass: "badge bg-info",
  141.                                                         limitReachedClass: "badge bg-warning"
  142.                                                     });
  144.                                                     $('input#moreoptions').maxlength({
  145.                                                         alwaysShow: true,
  146.                                                         warningClass: "badge bg-success",
  147.                                                         limitReachedClass: "badge bg-danger"
  148.                                                     });
  150.                                                     $('input#alloptions').maxlength({
  151.                                                         alwaysShow: true,
  152.                                                         warningClass: "badge bg-success",
  153.                                                         limitReachedClass: "badge bg-danger",
  154.                                                         separator: ' out of ',
  155.                                                         preText: 'You typed ',
  156.                                                         postText: ' chars available.',
  157.                                                         validate: true
  158.                                                     });
  160.                                                     $('textarea#textarea').maxlength({
  161.                                                         alwaysShow: true,
  162.                                                         warningClass: "badge bg-info",
  163.                                                         limitReachedClass: "badge bg-warning"
  164.                                                     });
  166.                                                     $('input#placement').maxlength({
  167.                                                         alwaysShow: true,
  168.                                                         placement: 'top-left',
  169.                                                         warningClass: "badge bg-info",
  170.                                                         limitReachedClass: "badge bg-warning"
  171.                                                     });
  173.                                                 },
  174.                                                         //init
  175.                                                         $.AdvancedForm = new AdvancedForm, $.AdvancedForm.Constructor = AdvancedForm
  176.                                             }(window.jQuery),
  177.                                                     //Datepicker
  178.                                                             function ($) {
  179.                                                                 "use strict";
  180.                                                                 $.AdvancedForm.init();
  181.                                                             }(window.jQuery);
  183.     </script>
  184. {% endblock %}