{% extends "base.html.twig" %}
{% block titulo %}{{ usuario.nombre }} {{ usuario.primerapellido }}  {{ usuario.segundoapellido }}{% endblock %}
{%  block subtitulo %} Perfil de usuario {% endblock %}
{% block body %}
{% block contenido %}

{% set estado = usuario.getEstadoInscripcion %}
{% set puedeVer = is_granted('ROLE_AUXILIAR_TESORERO') or is_granted('ROLE_AUXILIAR_SECRETARIO') or is_granted('ROLE_AUXILIAR_ORGANIZACION') or is_granted('ROLE_AZAFATO') %}
{% set puedeEnviarMensaje = is_granted('ROLE_TESORERO') or is_granted('ROLE_SECRETARIO') or is_granted('ROLE_ORGANIZACION') %}
<!-- Main content -->
<section class="content">

    <div class="row">
        <div class="col-md-4">

            <!-- Profile Image -->
            <div class="box box-primary">
                <div class="box-body box-profile">
                    <img class="profile-user-img img-responsive img-circle"
                         src="{% if usuario.image %}{{ vich_uploader_asset(usuario.image,'archivo') }}{% else %}{{ asset('assets/dist/img/avatar.png') }}{% endif %}"
                         alt="Fotografía de usuario">
                    {% if puedeEnviarMensaje %}
                        <p class="text-muted text-center"><i class="fa fa-envelope"></i></a>&nbsp;&nbsp;&nbsp;{{ usuario.email }}
                        </p>
                    {% endif %}

                    {% if usuario.comprobanteEstudiante %}
                        <p class="text-center">Estudiante</p>
                    {% endif %}

                    {% if usuario.sociedad is not null %}
                        <p class="text-center">{{ usuario.sociedad }}</p>
                    {% endif %}

                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->

            <!-- Inscripción -->
            {% if puedeVer %}
                <div class="callout callout-success">
                    {% if estado == '0' %}
                        <p>No ha registrado inscripción</p
                    {% elseif estado == '10' %}
                        <p>Inscripción en proceso</p>
                    {% elseif estado == '20' %}
                        <p>Inscripción confirmada</p>
                    {% endif %}
                </div>
            {% endif %}


            <!-- /.box -->
        </div>
        <!-- /.col -->
        <div class="col-md-4">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Datos personales</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">

                    {% if usuario.institucion is not null %}
                        <strong><i class="fa fa-university margin-r-5"></i></strong>
                        {{ usuario.institucion }}
                        <hr>
                    {% endif %}
                    {% if usuario.pais is not null %}
                        <strong><i class="fa fa-globe margin-r-5"></i></strong>
                        {{ usuario.pais }}
                        <hr>
                    {% endif %}
                    {% if puedeVer %}
                        {% if usuario.direccion is not null %}
                            <strong><i class="fa fa-map-marker margin-r-5"></i>
                            </strong>
                            {{ usuario.direccion }}
                            <hr>
                        {% endif %}

                        {% if usuario.telefono is not null %}
                            <strong><i class="fa fa-phone margin-r-5"></i></strong>
                            {{ usuario.telefono }}
                            <hr>
                        {% endif %}
                    {% endif %}

                </div>
                <!-- /.box-body -->
            </div>


            <!-- /.nav-tabs-custom -->
        </div>
        <!-- /.col -->
    </div>
</section>

        {% endblock contenido %}
        {% endblock %}