{% extends 'base.html.twig' %}

{% block title%}
    ADVENTISTA-Usuarios
{% endblock %}
{% block titulo %}
    GESTIÓN DE USUARIOS
{% endblock %}
{% block bread %}
    Usuarios
{% endblock %}

{% block body %}
    <style>
        body {background-image: url({{ asset('recursos/imagenes/sistema/fondo_lateral.png')}});
            background-repeat: no-repeat;
            /*background-size: 200px;*/
            background-size: cover;
        }

        .col-md-3 {
            max-width: 100%;
        }
    </style>

    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">
                <h3 class="box-title">Usuario</h3>
                <hr class="m-t-0 m-b-40">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label col-md-3">Nombre de Usuario</label>
                            <div class="col-md-9">
                                {{ tusuario.nombres }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="control-label col-md-3">Carnet</label>
                            <div class="col-md-9">
                                {{ tusuario.carnet }}
                            </div>
                        </div>
                    </div>
                    <!--/span-->
                    <div class="col-md-3">
                        <div class="form-group">
                            <label class="control-label col-md-3">Celular </label>
                            <div class="col-md-9">
                                {{ tusuario.celular }}
                            </div>
                        </div>
                    </div>
                </div><br/>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label col-md-3">Foto</label>
                            <div class="col-md-9">
                                <a class="image-popup-vertical-fit" href="{{ asset('recursos/imagenes/usuarios/'~ tusuario.foto) }}" data-toggle="tooltip" title="Hazme Click!!">
                                    <img src="{{ asset('recursos/imagenes/usuarios/'~ tusuario.foto) }}" class="img-responsive" width="50%" border="0"/>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!--/span-->
                    <!--/span-->
                    <div class="col-md-6">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="control-label col-md-3">Correo </label>
                                <div class="col-md-9">
                                    {{ tusuario.correo }}
                                </div>
                            </div>
                        </div>
                        <div class="form-group col-sm-12"> <br>.</div>
                        <div class="col-md-3">
                            <label class="control-label col-md-3">Estado</label>
                            <div class="col-md-9">
                                {% if (tusuario.estado == 1) %}
                                    <label class="control-label col-md-4 ">ACTIVO</label>
                                {% else %}
                                    <label class="control-label col-md-4 ">INACTIVO</label>
                                {% endif %}
                            </div>
                        </div>
                    </div>

                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="control-label col-md-12">Dirección</label>
                            <div class="col-md-12">
                                {{ tusuario.domicilio }}
                            </div>
                        </div>
                    </div>
                </div><br/>
                <!--/row-->
                <div class="row">
                    <!--/span-->
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="control-label col-md-3">Observación</label>
                            <div class="col-md-9">
                                {{ tusuario.observacion }}
                            </div>
                        </div>
                    </div>

                </div><br/>
                <div class="row">
                    <!--/span-->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label col-md-3">Usuario</label>
                            <div class="col-md-9">
                                {{ tusuario.username }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="control-label col-md-2">Rol</label>
                            <div class="col-md-10">
                                {{ tusuario.idRol }}
                            </div>
                        </div>
                    </div>
                </div><br/>
                <hr class="m-t-0 m-b-20">
                <a class="btn btn-info waves-effect waves-light" href="{{ path('tusuario_index') }}">Volver</a>
            </div>
        </div><!-- /. columna1 -->
    </div>
    <!-- /.row -->
{% endblock %}

{% block javascripts %}

{% endblock %}