{% extends "AppBundle::layout_backend.html.twig" %}

{% block headercontent %}
    <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
        Categorías <i class="fa fa-angle-right"></i> Exportar
    </h3>
{% endblock %}    

{% block content %}
    
    <div class="box">
		<div class="box-body">
			<div class='box views'>

                <div class="row">
                    <div class="mb-1 p-1">
                        <form class="form-inline text-right" action="#">
                            <button type="submit" id="btn-exportar" disabled style="font-size:14px !important;" class="btn cfj-deg cfj-actions-btn cfj-color-three ml-1 mr-1"><i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i></button>
                        </form>
                    </div>
                </div>

                {# Exported files list #}
                <div class="row">
					<div class="showview p-2">

						<div id="exportedFilesTableContainer" class="table-container mb-2" role="table" aria-label="users">

                            <table id='exportedFilesTable' class='table table-hover table-responsive'>
                                <thead>
                                    <tr class='tr-top-table'>
                                        <th style="width: 40%;">Fecha de exportación</th>
                                        <th style="width: 40%;">Total de categorías exportadas</th>
                                        <th style="width: 20%;">Acciones</th>
                                    </tr>
                                </thead>

                                <tbody id='rows-container'>
                                </tbody>
                            </table>
                            <ul id="table-records-info" style="display:none;" class="pagination_description text-center">Se muestran los últimos 10 archivos exportados</ul>
						</div>
					</div>
				</div>

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

{% endblock %}

{% block javascripts2nd %}
    {% javascripts 
        '@AppBundle/Resources/public/js/Export/Excel/base.js'
        '@AppBundle/Resources/public/js/Export/Excel/Category/index.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}