{% extends "base.html" %}
{% block extraCss %}
{% endblock %}
{% block main %}
{% load static %}
<div id="main-content" class="profilepage_2 blog-page">
  <div class="container-fluid">
    <div class="block-header">
      <div class="row g-3">
        <div class="col-lg-5 col-md-8 col-sm-12">
          <h2><a href="javascript:void(0);" class="btn btn-xs btn-link btn-toggle-fullwidth"><i class="fa fa-arrow-right"></i></a>
            {{ titulo }}</h2>
            <ul class="breadcrumb">
              <li class="breadcrumb-item"><a href="{% url 'home' %}"><i class="icon-home"></i></a></li>
              <li class="breadcrumb-item active">{{ titulo }}</li>
            </ul>
          </div>
        </div>
      </div>

      <div class="row clearfix">
        <div class="col-lg-12 col-md-12">
          <div class="card">
            <div class="card-body">

              <div class="accordion" id="accordion">
                <div class="accordion-item mb-2">
                  <h2 class="accordion-header" id="headingSintys">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSintys" aria-expanded="true" aria-controls="collapseSintys">
                      Reporte SINTYS
                    </button>
                  </h2>
                  <div id="collapseSintys" class="accordion-collapse collapse" aria-labelledby="headingSintys">
                    <div class="accordion-body row">

                      <div class="col-sm-10 col-md-10 col-lg-3">
                        <div class="input-group input-group-sm mb-3">
                          <div class="input-group-prepend">
                            <span class="input-group-text" id="inputGroup-sizing-sm">CAFs</span>
                          </div>
                          <input class="form-control"  autocomplete="off" name="apellido_ajax" id="apellido_ajax"  />
                        </div>
                      </div>

                      <div class="col-sm-6 col-md-6 col-lg-3">
                        <div class="input-group input-group-sm mb-3">
                          <div class="input-group-prepend">
                            <span class="input-group-text" id="inputGroup-sizing-sm"></span>
                          </div>
                          <input class="form-control"  autocomplete="off" name="apellido_ajax" id="apellido_ajax"  />
                        </div>
                      </div>

                    </div>
                  </div>
                </div>
                <div class="accordion-item mb-2">
                  <h2 class="accordion-header" id="headingCAF">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCAF" aria-expanded="false" aria-controls="collapseCAF">
                      Reportes CAFs
                    </button>
                  </h2>
                  <div id="collapseCAF" class="accordion-collapse collapse" aria-labelledby="headingCAF">
                    <div class="accordion-body">

                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header" id="headingBeneficiario">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseBeneficiario" aria-expanded="false" aria-controls="collapseBeneficiario">
                      Reporte de Beneficiarios
                    </button>
                  </h2>
                  <div id="collapseBeneficiario" class="accordion-collapse collapse" aria-labelledby="headingBeneficiario">
                    <div class="accordion-body">

                    </div>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

  {% endblock %}
  {% block extraJS %}

  <script>

  </script>

  {% endblock %}