templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  6.         <title>Home - Brand</title>
  7.         <link rel="stylesheet" href="{{asset('assets/bootstrap/css/bootstrap.min.css')}}">
  8.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900">
  9.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i">
  10.         <link rel="stylesheet" href="{{asset('assets/css/Caveat.css')}}">
  11.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300&amp;display=swap">
  12.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+3&amp;display=swap">
  13.         <link rel="stylesheet" href="{{asset('assets/css/Source%20Sans%20Pro.css')}}">
  14.         <link rel="stylesheet" href="{{asset('assets/fonts/fontawesome-all.min.css')}}">
  15.         <link rel="stylesheet" href="{{asset('assets/fonts/font-awesome.min.css')}}">
  16.         <link rel="stylesheet" href="{{asset('assets/fonts/fontawesome5-overrides.min.css')}}">
  17.         <link rel="stylesheet" href="{{asset('assets/css/style.css')}}">
  18.         <script src="{{asset('assets/bootstrap/js/bootstrap.min.js')}}"></script>
  19.         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  20.         <script src="{{asset('assets/js/script.js')}}"></script>
  21.         {% block stylesheets %}{% endblock %}
  22.     </head>
  23.     <body>
  24.         <!-- MODAL LOGIN -->
  25.         <div class="modal fade" role="dialog" tabindex="-1" id="modal-login">
  26.             <div class="modal-dialog" role="document">
  27.                 <form id="formulario_login" method="POST" action="{{path('app_home')}}">
  28.                     <div class="modal-content">
  29.                         <div class="modal-header">
  30.                             <h4 class="modal-title">Login</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  31.                         </div>
  32.                         <div class="modal-body p-5">
  33.                             {% for flashMessage in app.session.flashbag.get('Error') %}
  34.                                 <div class="alert alert-danger alert-dismissible" role="alert">
  35.                                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  36.                                     <div class="alert-message">
  37.                                         {{flashMessage}}
  38.                                     </div>
  39.                                 </div>
  40.                             {% endfor %}  
  41.                             {% for flashMessage in app.session.flashbag.get('Correcto') %}
  42.                                 <div class="alert alert-success alert-dismissible" role="alert">
  43.                                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  44.                                     <div class="alert-message">
  45.                                         {{flashMessage}}
  46.                                     </div>
  47.                                 </div>
  48.                             {% endfor %}  
  49.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  50.                                 <label class="form-label">Email:</label>
  51.                                 <input type="email" class="form-control" name="email" id="inputEmail" autocomplete="email" required autofocus>
  52.                             </div>
  53.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  54.                                 <label class="form-label">Clave:</label>
  55.                                 <input type="password" class="form-control" name="password" id="inputPassword" autocomplete="current-password" required>
  56.                             </div>
  57.                             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  58.                             <div class="form-group col-md-10 d-flex" style="margin:0 auto;justify-content:space-between">
  59.                                 <!--<div class="form-check">
  60.                                     <input class="form-check-input" type="checkbox" id="formCheck-1">
  61.                                     <label class="form-check-label" for="formCheck-1">Recuerdame</label>
  62.                                 </div>-->
  63.                                 <a href="javascript:void(0)" id="btn_olvidado">He olvidado la clave</a>
  64.                             </div>
  65.                             <div class="form-group col-md-10 mt-4" style="margin:0 auto;justify-content:space-between">
  66.                                 <p style="font-size:12px;">*Si todavía no estas registrada, puedes hacerlo ahora</p>
  67.                                 <button class="btn btn-registro btn-mediano" type="button" style="margin:0 auto;">Registrarse&nbsp;&nbsp;<i class="fa fa-arrow-right"></i></button>
  68.                             </div>
  69.                         </div>
  70.                         <div class="modal-footer">
  71.                             <button class="btn btn-light btn-cerrar-modal" type="button" data-bs-dismiss="modal">Cerrar</button>
  72.                             <button class="btn btn-mediano" type="submit">Acceder</button>
  73.                         </div>
  74.                     </div>
  75.                 </form>
  76.             </div>
  77.         </div>
  78.         <!-- MODAL OLVIDADO -->
  79.         <div class="modal fade" role="dialog" tabindex="-1" id="modal-olvidado">
  80.             <div class="modal-dialog" role="document">
  81.                 <form id="formulario_olvidado" method="POST" action="{{path('usuario_clave_olvidada')}}">
  82.                     <div class="modal-content">
  83.                         <div class="modal-header">
  84.                             <h4 class="modal-title">He olvidado la clave</h4>
  85.                             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  86.                         </div>
  87.                         <div class="modal-body p-5">
  88.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  89.                                 <label class="form-label">Email:</label>
  90.                                 <input type="email" class="form-control" name="email" id="email" autocomplete="email" required autofocus>
  91.                             </div>
  92.                             <div class="form-group col-md-10 d-flex mt-4" style="margin:0 auto;justify-content:space-between">
  93.                                 <button class="btn btn-volver" type="button" style="margin:0 auto;">
  94.                                 <i class="fa fa-arrow-left"></i>&nbsp;Volver&nbsp;</button>
  95.                             </div>
  96.                             
  97.                         </div>
  98.                         <div class="modal-footer">
  99.                             <button class="btn btn-light btn-cerrar-modal" type="button" data-bs-dismiss="modal">Cerrar</button>
  100.                             <button class="btn btn-mediano" type="submit">Enviar</button>
  101.                         </div>
  102.                     </div>
  103.                 </form>
  104.             </div>
  105.         </div>
  106.         <!-- MODAL CAMBIAR CLAVE -->
  107.         <div class="modal fade" role="dialog" tabindex="-1" id="modal-cambio-clave">
  108.             <div class="modal-dialog" role="document">
  109.                 <form id="formulario_cambiar_clave" method="POST" {% if token is defined %}action="{{path('usuario_cambiar_clave',{token:token})}}" {% endif %}>
  110.                     <div class="modal-content">
  111.                         <div class="modal-header">
  112.                             <h4 class="modal-title">Escribe tu nueva clave</h4>
  113.                             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  114.                         </div>
  115.                         <div class="modal-body p-5">
  116.                             <div class=" col-md-10 form-group mb-2" style="margin:0 auto;">
  117.                                 <label class="form-label">Escriba su nueva contraseña:</label>
  118.                             </div>
  119.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  120.                                 <label class="form-label">Nueva Contraseña:</label>
  121.                                 <input type="password" class="form-control" name="clave_1" id="clave_1" autocomplete="email" required autofocus>
  122.                             </div>
  123.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  124.                                 <label class="form-label">Repetir Contraseña:</label>
  125.                                 <input type="password" class="form-control" name="clave_2" id="clave_2" autocomplete="email" required autofocus>
  126.                             </div>
  127.                             
  128.                         </div>
  129.                         <div class="modal-footer">
  130.                             <button class="btn btn-light btn-cerrar-modal" type="button" data-bs-dismiss="modal">Cerrar</button>
  131.                             <button class="btn btn-mediano" type="submit">Enviar</button>
  132.                         </div>
  133.                     </div>
  134.                 </form>
  135.             </div>
  136.         </div>
  137.         <!-- MODAL REGISTRO -->
  138.         <div class="modal fade" role="dialog" tabindex="-1" id="modal-registro">
  139.             <div class="modal-dialog" role="document">
  140.                 <form id="formulario_registro" action="{{path('usuario_registro')}}" method="POST">
  141.                     <div class="modal-content">
  142.                         <div class="modal-header">
  143.                             <h4 class="modal-title">Registro</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  144.                         </div>
  145.                         <div class="modal-body p-5">
  146.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  147.                                 <label class="form-label">Email:</label>
  148.                                 <input type="email" name="email" required class="form-control">
  149.                             </div>
  150.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  151.                                 <label class="form-label">Clave:</label>
  152.                                 <input type="password" id="clave_1" name="clave_1" required class="form-control">
  153.                             </div>
  154.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  155.                                 <label class="form-label">Repetir Clave:</label>
  156.                                 <input type="password" id="clave_2" name="clave_2" required class="form-control">
  157.                             </div>
  158.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  159.                                 <label class="form-label">Nombre:</label>
  160.                                 <input type="text" name="nombre" required class="form-control">
  161.                             </div>
  162.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  163.                                 <label class="form-label">Apellidos:</label>
  164.                                 <input type="text" name="apellidos" required class="form-control">
  165.                             </div>
  166.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  167.                                 <label class="form-label">Razón Social:</label>
  168.                                 <input type="text" name="razonsocial" required class="form-control">
  169.                             </div>
  170.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  171.                                 <label class="form-label">DNI/CIF (para la factura):</label>
  172.                                 <input type="text" name="dni_cif" required class="form-control">
  173.                             </div>
  174.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  175.                                 <label class="form-label">Direcci&oacute;n:</label>
  176.                                 <input type="text" name="direccion" required class="form-control">
  177.                             </div>
  178.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  179.                                 <label class="form-label">Telefono:</label>
  180.                                 <input type="text" name="telefono" required class="form-control">
  181.                             </div>
  182.                             <div class="form-group col-md-10 mb-3" style="margin:0 auto;">
  183.                                 <label class="form-label">Nº Agencia:</label>
  184.                                 <input type="text" name="numagencia" required class="form-control">
  185.                             </div>
  186.                             <div class="form-group col-md-10 d-flex mt-4" style="margin:0 auto;justify-content:space-between">
  187.                                 <button class="btn btn-volver btn-mediano" type="button" style="margin:0 auto;">
  188.                                 <i class="fa fa-arrow-left"></i>&nbsp;Volver&nbsp;</button>
  189.                             </div>
  190.                         </div>
  191.                         <div class="modal-footer">
  192.                             <button class="btn btn-light btn-cerrar-modal" type="button" data-bs-dismiss="modal">Cerrar</button>
  193.                             <button class="btn btn-mediano" type="submit">Registrarse</button>
  194.                         </div>
  195.                     </div>
  196.                 </form>
  197.             </div>
  198.         </div>
  199.         <nav class="navbar navbar-dark navbar-expand-lg sticky-top bg-dark navbar-custom navbar-cabecera f-flez" style="background-color:white !important;align-items:center">
  200.             <div class="container">
  201.                 <div class="contenedor-logos d-flex" style="align-items:center !important;">
  202.                     <img style="width:240px;height:50px;margin-left:3% !important;" src="{{asset('assets/img/logo.png')}}">
  203.                 </div>
  204.                 <div>
  205.                     <ul class="navbar-nav ms-auto d-flex" style="gap:10px;">
  206.                         {% if app.user != null   %}
  207.                         
  208.                             {% if app.user.idrol.id == 1 %}
  209.                                 <li class="nav-item">
  210.                                     <a class="nav-link btn-grande"  href="{{path('administracion_inicio')}}" data-toggle="modal">ZONA PRIVADA</a>
  211.                                 </li>
  212.                             {% endif %}
  213.                             {% if app.user.idrol.id == 2 %}
  214.                                 <li class="nav-item">
  215.                                     <a class="nav-link btn-grande" href="{{path('cita_listado')}}" data-toggle="modal">MIS CITAS</a>
  216.                                 </li>
  217.                             {% endif %}
  218.                             {% if app.user.idrol.id == 3 %}
  219.                                 <li class="nav-item">
  220.                                     <a class="nav-link btn-grande" href="{{path('app_logout')}}" data-toggle="modal">SALIR</a>
  221.                                 </li>
  222.                                 
  223.                                 {% if app.request.get('_route') =="solicitar_cita" %}
  224.                                     <li class="nav-item">
  225.                                         <a class="nav-link btn-grande" href="{{path('app_home')}}" data-toggle="modal">VOLVER</a>
  226.                                     </li>
  227.                                 {% else %}
  228.                                     <li class="nav-item">
  229.                                         <a class="nav-link btn-grande" href="{{path('solicitar_cita')}}" data-toggle="modal">MIS CITAS</a>
  230.                                     </li>
  231.                                 {% endif %}
  232.                             
  233.                             {% endif %}
  234.                         
  235.                         {% else %}
  236.                             <li class="nav-item">
  237.                                 <a class="nav-link btn-grande" id="btn_acceso" href="javascript:void(0)" data-toggle="modal">ACCESO</a>
  238.                             </li>
  239.                         {% endif %}
  240.                     </ul>
  241.                 </div>
  242.                 <div class="contenedor-logos d-flex" style="align-items:center !important;">
  243.                     <img style="height:80px;width:250px;margin-right:3% !important;" src="{{asset('assets/img/GLS_Logo_2021.svg-3.png')}}">
  244.                 </div>
  245.             </div>
  246.         </nav>
  247.         {% block body %}{% endblock %}
  248.         {% block javascripts %}{% endblock %}
  249.         <footer class="py-5 bg-black" style="background-color:white !important; color:black;">
  250.             <div class="container">
  251.                 <p class="text-center text-white m-0 small" style="color:black !important;font-weight:bold;">Copyright&nbsp;© Tecnoseñal 2022</p>
  252.             </div>
  253.         </footer>
  254.         
  255.     </body>
  256. </html>