templates/card/demandeCard.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html class="loading"  lang="{{ app.request.locale }}" data-textdirection="ltr">
  3.     {% set locale = app.request.locale %} 
  4.     <!-- BEGIN: Head-->
  5.     <head>
  6.         <title>{% block title %}Grand Concert de Rabat{% endblock %}</title>
  8.         {% block stylesheets %}
  9.         {% endblock %}
  10.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  11.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12.         <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimal-ui">
  13.         <meta name="description" content="Grand Concert de Rabat | Enregistrer votre demande de Badge sur la platforme de controle d'accés de Sliver Tours.">
  14.         <meta property="og:image" content="http://actech.ma/images/CONTROLE-ACCES.jpg">
  15.         <meta property="og:image:width" content="600">
  16.         <meta property="og:image:height" content="300">
  17.         <meta name="author" content="Silver tours">
  18.         <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600" rel="stylesheet">
  20.         <!-- BEGIN: Vendor CSS-->
  21.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/vendors.min.css')}}">
  22.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/forms/select/select2.min.css')}}">
  23.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/animate/animate.min.css')}}">
  24.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/extensions/sweetalert2.min.css')}}">
  25.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css')}}">
  26.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css')}}">
  27.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/tables/datatable/buttons.bootstrap5.min.css')}}">
  28.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/tables/datatable/rowGroup.bootstrap5.min.css')}}">
  29.         <!-- END: Vendor CSS-->
  31.         <!-- BEGIN: Theme CSS-->
  32.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/bootstrap.css')}}">
  33.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/bootstrap-extended.css')}}">
  34.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/colors.css')}}">
  35.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/components.css')}}">
  36.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/themes/dark-layout.css')}}">
  37.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/themes/bordered-layout.css')}}">
  38.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/themes/semi-dark-layout.css')}}">
  40.         <!-- BEGIN: Page CSS-->
  41.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/core/menu/menu-types/vertical-menu.css')}}">
  42.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/forms/form-validation.css')}}">
  43.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/extensions/ext-component-sweet-alerts.css')}}">
  44.         <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/pages/authentication.css')}}">
  45.         <!-- END: Page CSS-->
  47.         <!-- BEGIN: Custom CSS-->
  48.         <!-- END: Custom CSS-->
  49.     </head>
  50.     <!-- END: Head-->
  52.     <!-- BEGIN: Body-->
  54.     <body class="vertical-layout vertical-menu-modern blank-page navbar-floating footer-static  " data-open="click" data-menu="vertical-menu-modern" data-col="blank-page">
  56.         <div class="app-content content ">
  57.             <div class="content-overlay"></div>
  58.             <div class="header-navbar-shadow"></div>
  59.             <div class="content-wrapper">
  60.                 <div class="content-header row">
  61.                 </div>
  62.                 <div class="content-body">
  63.                     <div class="auth-wrapper auth-cover">
  64.                         <div class="auth-inner row m-0">
  65.                             <!-- Brand logo-->
  66.                             {#<a class="brand-logo" href="">
  67.                                 <img src="{{ asset('images/SILVERTOURS.png') }}" height="40" width="40">
  68.                                 <h2 class="brand-text text-primary ms-1">G.C.RABAT</h2>
  69.                             </a>#}
  70.                             <!-- /Brand logo-->
  71.                             <!-- Left Text-->
  72.                             <div class="d-none d-lg-flex col-lg-8 align-items-center p-5">
  73.                                 <div class="w-100 d-lg-flex align-items-center justify-content-center px-5"><img class="img-fluid" src="{{ asset('app-assets/images/pages/register-v2.svg') }}" alt="Register V2" /></div>
  74.                             </div>
  75.                             <!-- /Left Text-->
  76.                             <!-- Login-->
  77.                             <div class="d-flex col-lg-4 align-items-center auth-bg px-2 p-lg-5">
  78.                                 <div class="col-12 col-sm-8 col-md-6 col-lg-12 px-xl-2 mx-auto">
  79.                                     <h2 class="card-title fw-bold mb-1">Demande de BADGE</h2>
  80.                                     <p class="card-text mb-2">Veuillez enregistrer votre demande d'accés au <span class="text-primary">G.C.Rabat</span> en remplissant les infos suivantes : </p>
  82. {#                                    {{ include('include/_flash_messages.html.twig') }}#}
  83.                                     {% if app.request.get('sent') %}
  84.                                         <div class="alert alert-success alert-dismissible fade show" role="alert">
  85.                                             <div class="alert-body">
  86.                                                 Demande de carte enregistré avec succéss
  87.                                             </div>
  88.                                             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  89.                                         </div>
  90.                                     {% endif %}
  92.                                     <form class="mt-2" action="{{ path('demande_card') }}" id="jquery-val-form" novalidate="novalidate" enctype="multipart/form-data"  method="post">
  93.                                         <div class="mb-1">
  94.                                             <label class="form-label" for="nom">Nom et prenom <span class="text-danger" >*</span> </label>
  95.                                             <input class="form-control"  type="text" name="name" placeholder="Taper votre nom" required=""  autofocus="" />
  96.                                         </div>
  97.                                         <div class="mb-1">
  98.                                             <label class="form-label" for="basic-addon-name">Organisation ou poste occupé <span class="text-danger" >*</span> </label>
  99.                                             <input name="organisation" type="text" id="basic-addon-name" class="form-control" placeholder="Nom de l'entreprise, l'administration ou le poste occupé"  required />
  100.                                         </div>
  101.                                         <div class="mb-1">
  102.                                             <label class="form-label" for="lastname">CIN </label>
  103.                                             <input class="form-control"  type="text" name="cin" placeholder="Taper votre c.i.n"  />
  104.                                         </div>
  105.                                         <div class="mb-1">
  106.                                             <label for="customFile1" class="form-label">Photo du Profil</label>
  107.                                             <input class="form-control" name="image" type="file" id="customFile1" />
  108.                                         </div>
  109.                                         <div class="mb-1">
  110.                                             <label class="form-label" for="exampleFormControlTextarea1">Commentaire</label>
  111.                                             <textarea class="form-control" id="exampleFormControlTextarea1" rows="2" name="comment" placeholder="Textarea"></textarea>
  112.                                         </div>
  113.                                         <button class="btn btn-primary w-100" type="submit" tabindex="4">Enregistrer la Demande</button>
  114.                                     </form>
  115.                                     <p class="text-center mt-2"><span>En envoyant vos informations vous proceder à l'inscription au systéme de controle d'accés .</span></p>
  116.                                 </div>
  117.                             </div>
  118.                             <!-- /Login-->
  119.                         </div>
  120.                     </div>
  121.                 </div>
  122.             </div>
  123.         </div>
  125.         <!-- BEGIN: Vendor JS-->
  126.         <script src="{{asset('app-assets/vendors/js/vendors.min.js')}}"></script>
  127.         <!-- BEGIN Vendor JS-->
  129.         <!-- BEGIN: Page Vendor JS-->
  130.         <script src="{{asset('app-assets/vendors/js/forms/select/select2.full.min.js')}}"></script>
  131.         <script src="{{asset('app-assets/vendors/js/forms/cleave/cleave.min.js')}}"></script>
  132.         <script src="{{asset('app-assets/vendors/js/forms/cleave/addons/cleave-phone.us.js')}}"></script>
  133.         <script src="{{asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js')}}"></script>
  134.         <script src="{{asset('app-assets/vendors/js/extensions/moment.min.js')}}"></script>
  135.         <script src="{{asset('app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js')}}"></script>
  136.         <script src="{{asset('app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js')}}"></script>
  137.         <script src="{{asset('app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js')}}"></script>
  138.         <script src="{{asset('app-assets/vendors/js/tables/datatable/responsive.bootstrap5.js')}}"></script>
  139.         <script src="{{asset('app-assets/vendors/js/tables/datatable/datatables.buttons.min.js')}}"></script>
  140.         <script src="{{asset('app-assets/vendors/js/tables/datatable/jszip.min.js')}}"></script>
  141.         <script src="{{asset('app-assets/vendors/js/tables/datatable/pdfmake.min.js')}}"></script>
  142.         <script src="{{asset('app-assets/vendors/js/tables/datatable/vfs_fonts.js')}}"></script>
  143.         <script src="{{asset('app-assets/vendors/js/tables/datatable/buttons.html5.min.js')}}"></script>
  144.         <script src="{{asset('app-assets/vendors/js/tables/datatable/buttons.print.min.js')}}"></script>
  145.         <script src="{{asset('app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js')}}"></script>
  146.         <script src="{{asset('app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
  147.         <script src="{{asset('app-assets/vendors/js/extensions/polyfill.min.js')}}"></script>
  148.         <!-- END: Page Vendor JS-->
  150.         <!-- BEGIN: Theme JS-->
  151.         <script src="{{asset('app-assets/js/core/app-menu.js')}}"></script>
  152.         <script src="{{asset('app-assets/js/core/app.js')}}"></script>
  153.         <!-- END: Theme JS-->
  155.         <script src="{{asset('app-assets/js/scripts/forms/form-validation.js')}}"></script>
  156.         <!-- END: Page JS-->
  157.         {% block javascripts %}
  158.         {% endblock %}
  159.         <script>
  160.             $(window).on('load', function () {
  161.                 if (feather) {
  162.                     feather.replace({
  163.                         width: 14,
  164.                         height: 14
  165.                     });
  166.                 }
  167.             })
  168.         </script>
  169.     </body>
  170.     <!-- END: Body-->
  172. </html>