{% extends 'restringido.html.twig' %}
{% form_theme registrationForm 'bootstrap_4_layout.html.twig' %}
{% block stylesheets %}
<style>
.card {
max-width: 90%;
width: 70%;
}
.form-error-icon {
color: #FFFFFF;
background-color: #dc3545;
}
</style>
{% endblock %}
{% block title %}
<title>SIGMEC - Solicitud de Acceso</title>
{% endblock %}
{% block body %}
<div class="card card-success card-outline mt-2">
<section class="content-header">
<div class="register-logo text-center">
<a href="{{ path('app_login') }}" style="font-weight: bold; color: #815c28"><span style="font-size: 1em;">Sistema de Gestión a Mantenimiento</span><br/><span style="font-size: .8em;">y Control para Equipo de Cómputo</span></a>
<p style="margin-top: 20px;font-size: 2em;font-weight: bold">Solicitud de acceso</p><p style="font-weight: bold; font-size: 1.6em;">Registro de nuevo usuario</p>
</div>
</section>
<section class="content">
<div class="card-body">
{% for flash_error in app.flashes('verify_email_error') %}
<div class="alert alert-danger" role="alert">{{ flash_error }}</div>
{% endfor %}
<form action="#" method="post">
{{ form_start(registrationForm) }}
<div class="row">
<div class="col-lg">{{ form_row(registrationForm.nombre) }}</div>
<div class="col-lg">{{ form_row(registrationForm.papellido) }}</div>
<div class="col-lg">{{ form_row(registrationForm.sapellido) }}</div>
</div>
{{ form_row(registrationForm.correo) }}
<div class="row">
<div class="col-lg">{{ form_row(registrationForm.unidad) }}</div>
<div class="col-lg">{{ form_row(registrationForm.rol) }}</div>
</div>
<div class="row text-center">
<div class="col-4">
<button type="submit" class="btn btn-success btn-block">Solicitar acceso</button>
</div>
</div>
{{ form_end(registrationForm) }}
</form>
</div>
<div class="content-footer text-center">
<p class="mb-1 text-success">
<a href="{{ path('app_login') }}" class="link btn-link">Inicio de sesión</a>
</p>
{# <p class="mb-0 text-success">
<a href="{{ path('common_registro') }}">Olvidé mi contraseña</a>
</p>#}
</div>
</section>
</div>
{% endblock %}
{% block javascripts %}
<script type="application/javascript">
$("#solicitud_acceso_rol option[value=1]").css('display', 'none');
$("#solicitud_acceso_rol option[value=2]").css('display', 'none');
</script>
{% endblock %}