{% extends "base.html.twig" %}
{% block titulo %} Solicitud de inscripción {% endblock %}
{% block body %}
    <div class="alert alert-success alert-dismissible">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        <h4><i class="icon fa fa-info"></i>Atención:</h4>
        {% if date("now"|date('d-m-Y')) < date(fecha_inicio_inscripcion|date('d-m-Y')) %}
            Las inscripciones estarán habilitadas a partir del {{ fecha_inicio_inscripcion|date('d/m/Y') }}.
        {% elseif estado == '0' %}
            Aún no te has inscripto en el congreso.
        {% elseif estado == '10' %}
            Tu solicitud de inscripción está siendo procesada.
        {% elseif estado == '20' %}
            Tu inscripción para el congreso ya está confirmada.
        {% endif %}

    </div>

    {% if estado < 10 %}
        <div class="row">
            <div class="col-md-6">
                <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title">Opciones para el pago</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="box-group" id="accordion">
                            <!-- we are adding the .panel class so bootstrap.js collapse plugin detects it -->
                            <div class="panel box box-success box-solid">
                                <div class="box-header with-border">
                                    <h4 class="box-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
                                           aria-expanded="false" class="collapsed">
                                            Transferencia bancaria
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse" aria-expanded="false"
                                     style="height: 0px;">
                                    <div class="box-body">
                                        {% include('modulos/contenido.html.twig') with {contenido: inscripcion_transferencia} %}
                                    </div>
                                </div>
                            </div>
                            <div class="panel box box-success box-solid">
                                <div class="box-header with-border">
                                    <h4 class="box-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
                                           class="collapsed" aria-expanded="false">
                                            Paypal
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseTwo" class="panel-collapse collapse" aria-expanded="false"
                                     style="height: 0px;">
                                    <div class="box-body">
                                        {% include('modulos/contenido.html.twig') with {contenido: inscripcion_paypal} %}
                                    </div>
                                </div>
                            </div>
                            <div class="panel box box-success box-solid">
                                <div class="box-header with-border ">
                                    <h4 class="box-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
                                           class="collapsed" aria-expanded="false">
                                            Retención en DGES, DGETP o CFE
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseThree" class="panel-collapse collapse" aria-expanded="false"
                                     style="height: 0px;">
                                    <div class="box-body">
                                        {% include('modulos/contenido.html.twig') with {contenido: inscripcion_retencion} %}
                                        <a class="btn btn-flat btn-success" href="{{ asset('images/retS.pdf') }}"
                                           download><i class="glyphicon glyphicon-download-alt"></i> Secundaria </a>
                                        <a class="btn btn-flat btn-success" href="{{ asset('images/retU.pdf') }}"
                                           download><i class="glyphicon glyphicon-download-alt"></i> UTU </a>
                                        <a class="btn btn-flat btn-success" href="{{ asset('images/retFD.pdf') }}"
                                           download><i class="glyphicon glyphicon-download-alt"></i> Formación Docente
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-body -->
                </div>
            </div>
            {% if date("now"|date('d-m-Y')) > date(fecha_inicio_inscripcion|date('d-m-Y')) %}
                <div class="col-md-6">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">Documento</h3>
                        </div>
                        <div class="box-body">
                            <p>Sube aquí una copia del comprobante del depósito o de la autorización de retención </p>
                            {{ form_start(form) }}
                            {{ form_row(form.comprobanteFile) }}
                            {{ form_row(form.Enviar, {'attr':{'class':'pull-right btn btn-primary btn-flat'}}) }}
                            {{ form_end(form) }}
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>
    {% endif %}

    <div class="row">
        <div class="col-md-3">
            <div class="box box-success box-solid">
                <div class="box-header">
                    <h3 class="box-title">Fecha de inscripción</h3>
                </div>
                <div class="box-body">
                    {% include('modulos/contenido.html.twig') with {contenido: inscripcion_fecha} %}
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="box box-success box-solid">
                <div class="box-header">
                    <h3 class="box-title">Socios de SEMUR</h3>
                </div>
                <div class="box-body">
                    {% include('modulos/contenido.html.twig') with {contenido: inscripcion_socios} %}
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="box box-success box-solid">
                <div class="box-header">
                    <h3 class="box-title">Socios de FISEM</h3>
                </div>
                <div class="box-body">
                    {% include('modulos/contenido.html.twig') with {contenido: inscripcion_fisem} %}
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="box box-success box-solid">
                <div class="box-header">
                    <h3 class="box-title">Estudiantes</h3>
                </div>
                <div class="box-body">
                    {% include('modulos/contenido.html.twig') with {contenido: inscripcion_estudiantes} %}
                </div>
            </div>
        </div>
    </div>

{% endblock %}