{% extends "AppBundle::/Excel/import/index_base.html.twig" %}

{% block title 'Importar productos' %}

{% block stylesheets3rd %}{% endblock %}

{% block headercontent %}
    <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
        Catálogo <i class="fa fa-angle-right"></i> Importar
    </h3>
{% endblock %}    

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

                    <div class="row">
                        <div class="showview p-2 m-1">

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

                                <table id='importProductsInfoTable' class='table table-hover table-responsive'>
                                    <thead>
                                        <tr class='tr-top-table'>
                                            <th style="width: 22.5%;">ID de importación</th>
                                            <th style="width: 22.5%;">Elementos</th>
                                            <th style="width: 22.5%;">Fecha creación</th>
                                            <th style="width: 22.5%;">Estado</th>
                                            <th style="width: 10%;">Acciones</th>
                                        </tr>
                                    </thead>

                                    <tbody id='rows-container'>
                                    </tbody>
                                </table>
                                <ul id="table-records-info" class="pagination_description text-center">Se muestran las últimas 10 importaciones</ul>
                            </div>
                        </div>
				    </div>


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

{% block javascripts3rd %}
    {% javascripts
        '@AppBundle/Resources/public/js/Import/Excel/Product/index.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}