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

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

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

                {# Export options #}
                <div class="row">
                    <div class="mb-1 p-1">
                        <form class="form-inline text-right" action="#">
                            {% if app.user.empresa.id == 185 %}
                                <div class="form-group">
                                    <select
                                        name="selectSellerId"
                                        id="selectSellerId"
                                        required="required"
                                        class="form-control"
                                        style="
                                            border-radius: 30px !important;
                                            margin-bottom: 4px;
                                            margin-right: 1px;
                                        ";
                                    >
                                        <option value="185" selected>Emood Market</option>
                                        <option value="167">Kadursport</option>
                                        <option value="280">First Rate</option>
                                        <option value="43">Tienda Objetos</option>
                                    </select>
                                </div>
                            {% endif %}
                            <div class="form-group">
                                <div class="input-group date" id="startDate" >
                                    <input type="text" name="startDate" placeholder="Desde" class="form-control" autocomplete="off" >
                                    <span class="input-group-addon"> <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group date" id="finishDate">
                                    <input type="text" name="finishDate" placeholder="Hasta" class="form-control" autocomplete="off" >
                                    <span class="input-group-addon"> <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>
                            <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>
                            {% if app.user.empresa.id == 185 %}
                            <button id="btn-exportar-emood" style="font-size:14px !important;" class="btn cfj-deg cfj-actions-btn cfj-color-three ml-1 mr-1">Comanda eMood</button>
                            <button id="btn-exportar-emoodv2" style="font-size:14px !important;" class="btn cfj-deg cfj-actions-btn cfj-color-three ml-1 mr-1">Comanda eMood V2</button>
                            <button id="btn-exportar-emoodmarket" style="font-size:14px !important;" class="btn cfj-deg cfj-actions-btn cfj-color-three ml-1 mr-1">Comanda eMood Market</button>
                            <button id="btn-exportar-mosconi" style="font-size:14px !important;" class="btn cfj-deg cfj-actions-btn cfj-color-three ml-1 mr-1">Exportación Mosconi</button>
                            {% endif %}
                        </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: 22.5%;">Fecha de exportación</th>
                                        <th style="width: 22.5%;">Total de órdenes exportadas</th>
                                        <th style="width: 22.5%;">Fecha de inicio</th>
                                        <th style="width: 22.5%;">Fecha de fin</th>
                                        <th style="width: 10%;">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/Order/index.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}