templates/auth/login.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="es">
  4. <head>
  5.     <!-- Required meta tags -->
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <!--favicon-->
  9.     <link rel="icon" href="{{ asset('assets/images/favicon-32x32.png') }}" type="image/png" />
  10.     <!--plugins-->
  11.     <link href="{{ asset('assets/plugins/simplebar/css/simplebar.css') }}" rel="stylesheet" />
  12.     <link href="{{ asset('assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css') }}" rel="stylesheet" />
  13.     <link href="{{ asset('assets/plugins/metismenu/css/metisMenu.min.css') }}" rel="stylesheet" />
  14.     <!-- loader-->
  15.     <link href="{{ asset('assets/css/pace.min.css') }}" rel="stylesheet" />
  16.     <script src="{{ asset('assets/js/pace.min.js') }}"></script>
  17.     <!-- Bootstrap CSS -->
  18.     <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
  19.     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
  20.     <link href="{{ asset('assets/css/app.css') }}" rel="stylesheet">
  21.     <link href="{{ asset('assets/css/icons.css') }}" rel="stylesheet">
  22.     <title>Check Camper</title>
  23. </head>
  25. <body class="bg-login">
  26.     <!--wrapper-->
  27.     <div class="wrapper">
  28.         <div class="section-authentication-signin d-flex align-items-center justify-content-center my-5 my-lg-0">
  29.             <div class="container-fluid">
  30.                 <div class="row row-cols-1 row-cols-lg-2 row-cols-xl-3">
  31.                     <div class="col mx-auto">
  32.                         <div class="mb-4 text-center">
  33.                             <img src="{{ asset('assets/images/logo.png') }}" width="180" alt="" />
  34.                         </div>
  35.                         <div class="card">
  36.                             <div class="card-body">
  37.                                 <div class="border p-4 rounded">
  38.                                     <div class="text-center">
  39.                                         <h3 class="">Entrar</h3>
  40.                                         <!--p>Don't have an account yet? <a href="authentication-signup.html">Sign up here</a>
  41.                                         </p-->
  42.                                     </div>
  43.                                     <div class="d-grid">
  44.                                          
  45.                                     </div>
  46.                                     <div class="login-separater text-center mb-4">
  47.                                                                                         {% if(error)%}
  48.                                                 <div class="alert alert-error">
  49.                                                 {{error.messagekey | trans(error.messageData,'security')}}
  50.                                                 </div>
  51.                                             {%endif%}
  52.                                         <hr/>
  53.                                     </div>
  54.                                     <div class="form-body">
  55.                                         <form method="post" action="{{ path('login') }}" class="row g-3">
  56.                                             <div class="col-12">
  57.                                                 <label for="inputEmailAddress" class="form-label">Email</label>
  58.                                                 <input type="text" class="form-control" id="_username" name="_username" placeholder="Email" value="">
  59.                                             </div>
  60.                                             <div class="col-12">
  61.                                                 <label for="inputChoosePassword" class="form-label">Contraseña</label>
  62.                                                 <div class="input-group" id="show_hide_password">
  63.                                                     <input type="password" class="form-control border-end-0" id="_password" name="_password" value="" placeholder="Contraseña"> <a href="javascript:;" class="input-group-text bg-transparent"><i class='bx bx-hide'></i></a>
  64.                                                 </div>
  65.                                             </div>
  66.                                             <!--div class="col-md-6">
  67.                                                 <div class="form-check form-switch">
  68.                                                     <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
  69.                                                     <label class="form-check-label" for="flexSwitchCheckChecked">Remember Me</label>
  70.                                                 </div>
  71.                                             </div-->
  72.                                             <!--div class="col-md-6 text-end">    <a href="authentication-forgot-password.html">Forgot Password ?</a>
  73.                                             </div-->
  74.                                             <div class="col-12">
  75.                                                 <div class="d-grid">
  76.                                                     <button type="submit" class="btn btn-primary"><i class="bx bxs-lock-open"></i>Entrar</button>
  77.                                                 </div>
  78.                                             </div>
  79.                                         </form>
  80.                                     </div>
  81.                                 </div>
  82.                             </div>
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.                 <!--end row-->
  87.             </div>
  88.         </div>
  89.     </div>
  90.     <!--end wrapper-->
  91.     <!-- Bootstrap JS -->
  92.     <script src="{{ asset('assets/js/bootstrap.bundle.min.js')}}"></script>
  93.     <!--plugins-->
  94.     <script src="{{ asset('assets/js/jquery.min.js')}}"></script>
  95.     <script src="{{ asset('assets/plugins/simplebar/js/simplebar.min.js')}}"></script>
  96.     <script src="{{ asset('assets/plugins/metismenu/js/metisMenu.min.js')}}"></script>
  97.     <script src="{{ asset('assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js')}}"></script>
  98.     <!--Password show & hide js -->
  99.     <script>
  100.         $(document).ready(function () {
  101.             $("#show_hide_password a").on('click', function (event) {
  102.                 event.preventDefault();
  103.                 if ($('#show_hide_password input').attr("type") == "text") {
  104.                     $('#show_hide_password input').attr('type', 'password');
  105.                     $('#show_hide_password i').addClass("bx-hide");
  106.                     $('#show_hide_password i').removeClass("bx-show");
  107.                 } else if ($('#show_hide_password input').attr("type") == "password") {
  108.                     $('#show_hide_password input').attr('type', 'text');
  109.                     $('#show_hide_password i').removeClass("bx-hide");
  110.                     $('#show_hide_password i').addClass("bx-show");
  111.                 }
  112.             });
  113.         });
  114.     </script>
  115.     <!--app JS-->
  116.     <script src="{{ asset('assets/js/app.js')}}"></script>
  117. </body>
  119. </html>