{% extends "layout.html" %}
{% block title %}Perfil
{% endblock %}


{% set nav_active = 'recibidos' %}
{% block content %}
{% if message_success %}
<div class="alert alert-success alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    {{message_success}}
</div>
{% endif %}
{% if message_error %}
<div class="alert alert-danger alert-dismissible" role="alert">
    {{message_error}}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
{% endif %}

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">Solicitante {{solicitante.nombres}} {{solicitante.apellido_paterno}}
            {{solicitante.apellido_materno}}</h3>
        <div class="box-tools pull-right">
            <button class="btn btn-box-tool" data-widget="collapse">
                <i class="fa fa-minus"></i>
            </button>

            <button class="btn btn-box-tool" data-widget="remove">
                <i class="fa fa-times"></i>
            </button>
        </div>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="col-md-12">
                <h4 class="pt-4 text-danger"> Documentos</h4>
                <table class="table table-bordered table-striped" style="table-layout: fixed;">
                    <thead>
                        <tr class="text-uppercase">
                            <th scope="col">archivo</th>
                            <th scope="col">Accion</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for archivo in archivos %}
                        {% if archivo.tipo == 'documentos' %}
                        <tr>
                            <td>{{archivo.url}}</td>
                            <td><a class="btn btn-primary btn-sm" href="public/docs/{{archivo.url}}"
                                    download="{{archivo.url}}">Descargar</a></td>
                        </tr>
                        {% endif %}

                        {% endfor %}
                    </tbody>
                </table>

                <h4 class="pt-4 text-danger">Anexos</h4>
                <table class="table table-bordered table-striped" style="table-layout: fixed;">
                    <thead>
                        <tr class="text-uppercase">
                            <th scope="col">archivo</th>
                            <th scope="col">Accion</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for archivo in archivos %}
                        {% if archivo.tipo == 'anexos' %}
                        <tr>
                            <td>{{archivo.url}}</td>
                            <td><a class="btn btn-verdedark btn-sm" href="public/docs/{{archivo.url}}"
                                    download="{{archivo.url}}">Descargar</a></td>
                        </tr>
                        {% endif %}
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
{% endblock %}