<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Brand</title>
<link rel="stylesheet" href="{{asset('assets/bootstrap/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i">
<link rel="stylesheet" href="{{asset('assets/css/Caveat.css')}}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+3&display=swap">
<link rel="stylesheet" href="{{asset('assets/css/Source%20Sans%20Pro.css')}}">
<link rel="stylesheet" href="{{asset('assets/fonts/fontawesome-all.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/fonts/font-awesome.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/fonts/fontawesome5-overrides.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/style.css')}}">
<script src="{{asset('assets/bootstrap/js/bootstrap.min.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="{{asset('assets/js/script.js')}}"></script>
{% block stylesheets %}{% endblock %}
</head>
<body>
<!-- MODAL LOGIN -->
<div class="modal fade" role="dialog" tabindex="-1" id="modal-login">
<div class="modal-dialog" role="document">
<form id="formulario_login" method="POST" action="{{path('app_home')}}">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Login</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-5">
{% for flashMessage in app.session.flashbag.get('Error') %}
<div class="alert alert-danger alert-dismissible" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<div class="alert-message">
{{flashMessage}}
</div>
</div>
{% endfor %}
{% for flashMessage in app.session.flashbag.get('Correcto') %}
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<div class="alert-message">
{{flashMessage}}
</div>
</div>
{% endfor %}
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Email:</label>
<input type="email" class="form-control" name="email" id="inputEmail" autocomplete="email" required autofocus>
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Clave:</label>
<input type="password" class="form-control" name="password" id="inputPassword" autocomplete="current-password" required>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="form-group col-md-10 d-flex" style="margin:0 auto;justify-content:space-between">
<!--<div class="form-check">
<input class="form-check-input" type="checkbox" id="formCheck-1">
<label class="form-check-label" for="formCheck-1">Recuerdame</label>
</div>-->
<a href="javascript:void(0)" id="btn_olvidado">He olvidado la clave</a>
</div>
<div class="form-group col-md-10 mt-4" style="margin:0 auto;justify-content:space-between">
<p style="font-size:12px;">*Si todavía no estas registrada, puedes hacerlo ahora</p>
<button class="btn btn-registro btn-mediano" type="button" style="margin:0 auto;">Registrarse <i class="fa fa-arrow-right"></i></button>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-light btn-cerrar-modal" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="btn btn-mediano" type="submit">Acceder</button>
</div>
</div>
</form>
</div>
</div>
<!-- MODAL OLVIDADO -->
<div class="modal fade" role="dialog" tabindex="-1" id="modal-olvidado">
<div class="modal-dialog" role="document">
<form id="formulario_olvidado" method="POST" action="{{path('usuario_clave_olvidada')}}">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">He olvidado la clave</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-5">
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Email:</label>
<input type="email" class="form-control" name="email" id="email" autocomplete="email" required autofocus>
</div>
<div class="form-group col-md-10 d-flex mt-4" style="margin:0 auto;justify-content:space-between">
<button class="btn btn-volver" type="button" style="margin:0 auto;">
<i class="fa fa-arrow-left"></i> Volver </button>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-light btn-cerrar-modal" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="btn btn-mediano" type="submit">Enviar</button>
</div>
</div>
</form>
</div>
</div>
<!-- MODAL CAMBIAR CLAVE -->
<div class="modal fade" role="dialog" tabindex="-1" id="modal-cambio-clave">
<div class="modal-dialog" role="document">
<form id="formulario_cambiar_clave" method="POST" {% if token is defined %}action="{{path('usuario_cambiar_clave',{token:token})}}" {% endif %}>
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Escribe tu nueva clave</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-5">
<div class=" col-md-10 form-group mb-2" style="margin:0 auto;">
<label class="form-label">Escriba su nueva contraseña:</label>
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Nueva Contraseña:</label>
<input type="password" class="form-control" name="clave_1" id="clave_1" autocomplete="email" required autofocus>
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Repetir Contraseña:</label>
<input type="password" class="form-control" name="clave_2" id="clave_2" autocomplete="email" required autofocus>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-light btn-cerrar-modal" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="btn btn-mediano" type="submit">Enviar</button>
</div>
</div>
</form>
</div>
</div>
<!-- MODAL REGISTRO -->
<div class="modal fade" role="dialog" tabindex="-1" id="modal-registro">
<div class="modal-dialog" role="document">
<form id="formulario_registro" action="{{path('usuario_registro')}}" method="POST">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Registro</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-5">
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Email:</label>
<input type="email" name="email" required class="form-control">
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Clave:</label>
<input type="password" id="clave_1" name="clave_1" required class="form-control">
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Repetir Clave:</label>
<input type="password" id="clave_2" name="clave_2" required class="form-control">
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Nombre:</label>
<input type="text" name="nombre" required class="form-control">
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Apellidos:</label>
<input type="text" name="apellidos" required class="form-control">
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Razón Social:</label>
<input type="text" name="razonsocial" required class="form-control">
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">DNI/CIF (para la factura):</label>
<input type="text" name="dni_cif" required class="form-control">
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Dirección:</label>
<input type="text" name="direccion" required class="form-control">
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Telefono:</label>
<input type="text" name="telefono" required class="form-control">
</div>
<div class="form-group col-md-10 mb-3" style="margin:0 auto;">
<label class="form-label">Nº Agencia:</label>
<input type="text" name="numagencia" required class="form-control">
</div>
<div class="form-group col-md-10 d-flex mt-4" style="margin:0 auto;justify-content:space-between">
<button class="btn btn-volver btn-mediano" type="button" style="margin:0 auto;">
<i class="fa fa-arrow-left"></i> Volver </button>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-light btn-cerrar-modal" type="button" data-bs-dismiss="modal">Cerrar</button>
<button class="btn btn-mediano" type="submit">Registrarse</button>
</div>
</div>
</form>
</div>
</div>
<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">
<div class="container">
<div class="contenedor-logos d-flex" style="align-items:center !important;">
<img style="width:240px;height:50px;margin-left:3% !important;" src="{{asset('assets/img/logo.png')}}">
</div>
<div>
<ul class="navbar-nav ms-auto d-flex" style="gap:10px;">
{% if app.user != null %}
{% if app.user.idrol.id == 1 %}
<li class="nav-item">
<a class="nav-link btn-grande" href="{{path('administracion_inicio')}}" data-toggle="modal">ZONA PRIVADA</a>
</li>
{% endif %}
{% if app.user.idrol.id == 2 %}
<li class="nav-item">
<a class="nav-link btn-grande" href="{{path('cita_listado')}}" data-toggle="modal">MIS CITAS</a>
</li>
{% endif %}
{% if app.user.idrol.id == 3 %}
<li class="nav-item">
<a class="nav-link btn-grande" href="{{path('app_logout')}}" data-toggle="modal">SALIR</a>
</li>
{% if app.request.get('_route') =="solicitar_cita" %}
<li class="nav-item">
<a class="nav-link btn-grande" href="{{path('app_home')}}" data-toggle="modal">VOLVER</a>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link btn-grande" href="{{path('solicitar_cita')}}" data-toggle="modal">MIS CITAS</a>
</li>
{% endif %}
{% endif %}
{% else %}
<li class="nav-item">
<a class="nav-link btn-grande" id="btn_acceso" href="javascript:void(0)" data-toggle="modal">ACCESO</a>
</li>
{% endif %}
</ul>
</div>
<div class="contenedor-logos d-flex" style="align-items:center !important;">
<img style="height:80px;width:250px;margin-right:3% !important;" src="{{asset('assets/img/GLS_Logo_2021.svg-3.png')}}">
</div>
</div>
</nav>
{% block body %}{% endblock %}
{% block javascripts %}{% endblock %}
<footer class="py-5 bg-black" style="background-color:white !important; color:black;">
<div class="container">
<p class="text-center text-white m-0 small" style="color:black !important;font-weight:bold;">Copyright © Tecnoseñal 2022</p>
</div>
</footer>
</body>
</html>