{% extends "base.html.twig" %}
{% block titulo %}Perfil de usuario{% endblock %}
{% block body %}
    <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 user.image is not null %}{{ vich_uploader_asset(user.image) }}{% else %}{{ asset('assets/dist/img/avatar.png') }}{% endif %}"
                             alt="Fotografía de usuario">

                        <h3 class="profile-username text-center">{{ user.nombre }} {{ user.primerapellido }} {{ user.segundoapellido }}</h3>

                        <p class="text-muted text-center">{{ user.email }}</p>

                        <a href="{{ path('app_forgot_password_request') }}" class="btn btn-default btn-block">Cambiar
                            contraseña</a>
                        <a href="{{ path('editar_perfil',{id: user.id|nzo_encrypt}) }}"
                           class="btn btn-default btn-block">Editar perfil</a>

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

                {% set estado = user.getEstadoInscripcion %}

                <!-- Inscripción -->
                <div class="box box-primary box-solid">
                    <div class="box-header">
                        <h3 class="box-title">Inscripción</h3>
                    </div>
                    {% if estado == '0' %}
                        <div class="box-body">
                            <p>Aún no has realizado la inscripción en el congreso.</p>
                        </div>
                        <div class="box-footer">
                            <a href="{{ path('registrar_inscripcion') }}" class="btn btn-default btn-block">Quiero
                                inscribirme</a>
                        </div>
                    {% elseif estado == '10' %}
                        <div class="box-body">
                            <p>Tu solicitud de inscripción está siendo procesada.</p>
                        </div>
                    {% elseif estado == '20' %}
                        <div class="box-body">
                            <p>Tu inscripción ya está confirmada.</p>
                        </div>
                    {% endif %}
                </div>
                <!-- /.box -->


                <!-- /.box -->
            </div>
            <!-- /.col -->
            <div class="col-md-4">

                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Personal</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">

                        {% if user.pais is not null %}
                            <strong><i class="fa fa-globe margin-r-5"></i> País</strong>
                            <p class="text-center">{{ user.pais }}</p>
                            <hr>
                        {% endif %}

                        {% if user.direccion is not null %}
                            <strong><i class="fa fa-map-marker margin-r-5"></i> Dirección
                            </strong>
                            <p class="text-center">{{ user.direccion }}</p>
                            <hr>
                        {% endif %}

                        {% if user.telefono is not null %}
                            <strong><i class="fa fa-phone margin-r-5"></i> Teléfono</strong>
                            <p class="text-center">{{ user.telefono }}</p>
                            <hr>
                        {% endif %}



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


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

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

                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Profesional</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        {% if user.institucion is not null %}
                            <strong><i class="fa fa-university margin-r-5"></i> Institución</strong>
                            <p class="text-center">{{ user.institucion }}</p>
                            <hr>
                        {% endif %}

                        {% if user.sociedad is not null %}
                            <strong><i class="fa fa-users margin-r-5"></i> Sociedad</strong>
                            {% if  user.comprobanteSociedad is not null %}
                                <span class="pull-right">
                            <a class="btn btn-default" href="{{ vich_uploader_asset(user.comprobanteSociedad) }}">
                                <i class="fa fa-download"></i>
                            </a>
                        </span>
                            {% endif %}
                            <p class="text-center">{{ user.sociedad }}</p>
                            <hr>
                        {% endif %}

                        {% if  user.comprobanteEstudiante is not null%}
                            <strong><i class="fa fa-mortar-board margin-r-5"></i></strong>
                            <span class="pull-right">
                            <a class="btn btn-default"
                               href="{{ vich_uploader_asset(user.comprobanteEstudiante,'archivo') }}">
                                <i class="fa fa-download"></i>
                            </a>
                        </span>
                            <p class="text-center">Estudiante </p>

                            <hr>
                        {% endif %}


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


                <!-- /.nav-tabs-custom -->
            </div>
        </div>
        <!-- /.row -->

    </section>
    <!-- /.content -->


{% endblock %}