{% extends 'base.html.twig' %}
{% block title %}R. Nacional{% endblock %}
{% block body %}

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <br><br>
                <h6 class="m-0 font-weight-bold text-primary mb-5">REPORTE NACIONAL</h6>
                <p>Este reporte solo puede ser descargado con un rango máximo de 60 días.</p>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    <p>Fecha inicial</p>
                    <input type="date" class="bg-light" id="ipt-start-date" />
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <p>Fecha inicial</p>
                    <input type="date" class="bg-light" id="ipt-end-date"/>
                </div>
            </div>
            <div class="col-md-6"></div>
        </div>
        <div class="row" id="warp-countries"></div>
        <div class="row">
            <div class="col text-right">
                <br>
                <button id="btn-download" class="btn btn-primary mt-1 mb-2"><svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M12 12V19M12 19L9.75 16.6667M12 19L14.25 16.6667M6.6 17.8333C4.61178 17.8333 3 16.1917 3 14.1667C3 12.498 4.09438 11.0897 5.59198 10.6457C5.65562 10.6268 5.7 10.5675 5.7 10.5C5.7 7.46243 8.11766 5 11.1 5C14.0823 5 16.5 7.46243 16.5 10.5C16.5 10.5582 16.5536 10.6014 16.6094 10.5887C16.8638 10.5306 17.1284 10.5 17.4 10.5C19.3882 10.5 21 12.1416 21 14.1667C21 16.1917 19.3882 17.8333 17.4 17.8333" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round"></path></g></svg> Descargar</button>
            </div>
        </div>
    </div>

    <div style="display:none;">
        <form id="frm-report" action="/national-report-create" method="post" target="_self">
            <textarea id="report-data" name="data"></textarea>
        </form>
    </div>

{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('nationalReport') }}
{% endblock %}