{% extends "base.html.twig" %}
{% block title %}Establecimientos{% endblock %}
{% block main %}
    <div class="row">
        <div class="col-md-8">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Establecimientos <small></small></h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <table class="table table-striped DataTable">
                        <thead>
                            <tr>
                                <th>Ident.</th>
                                <th>Nombre</th>
                                <th>Provincia</th>
                                <th>Comunidad Autónoma</th>
                                    {#<th></th>#}

                            </tr>
                        </thead>
                        <tbody>
                            {% for establecimiento in establecimientos %}
                                <tr>
                                    <td><a href="{{ path("gestion_establecimiento_show",{'establecimiento':establecimiento.id}) }}">{{ establecimiento.sfid }}</a></td>
                                    <td><a href="{{ path("gestion_establecimiento_show",{'establecimiento':establecimiento.id}) }}">{{ establecimiento.nombre }}</a></td>
                                    <td>{{ establecimiento.direccion.provincia|default("") }}</td>
                                    <td>{{ establecimiento.direccion.comunidad|default("") }}</td>
                                    {#<td><a href="{{ path('gestion_movimientos_establecimiento',{'id':establecimiento.id}) }}" class="btn btn-default"></a><i class="fa fa-cubs"></i></td>#}
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="x_panel">
                <div class="x_content">
                    <form method="POST" action="{{ path("gestion_auto_planos") }}" enctype="multipart/form-data" style="display:none" id="plano_form">
                        <input type="file" name="file" id="plano_file" accept=".zip, application/zip"/>
                    </form>
                    <form method="POST" action="{{ path("gestion_auto_posiciones") }}" enctype="multipart/form-data" style="display:none" id="pos_form">
                        <input type="file" name="file" id="pos_file" accept=".csv, text/csv"/>
                    </form>
                    <form method="POST" action="{{ path("gestion_auto_alta") }}" enctype="multipart/form-data" style="display:none" id="alta_form">
                        <input type="file" name="file" id="alta_file" accept=".csv, text/csv"/>
                    </form>

                    <a href="#" onclick="subirPlanos(event)" class="btn btn-warning" style="width:100%"><i class="fa fa-map fa-2x"></i> Actualizar planogramas <small>Solo fichero ZIP o PDF</small></a>
                    <a href="#" onclick="subirPosiciones(event)" class="btn btn-dark" style="width:100%"><i class="fa fa-crosshairs fa-2x"></i> Actualizar posiciones <small>Solo fichero CSV</small></a>
                    <a href="#" onclick="subirAlta(event)" class="btn btn-dark" style="width:100%"><i class="fa fa-upload fa-2x"></i> Alta masiva <small>Solo fichero CSV</small></a>
                    <hr />
                    <a href="{{ path("gestion_establecimiento_nuevo") }}" class="btn btn-default" style="width:100%"><i class="fa fa-building fa-2x"></i> Nueva tienda</a>

                </div>

            </div>
        </div>

    </div>
{% endblock main %}

{% block javascripts %}
    <script>
        function subirPlanos(event) {
            event.preventDefault();
            $("#plano_file").click();
            $("#plano_file").change(function () {
                if ($(this).val().split('.').pop().toLowerCase() == "") {
                    return;
                }
                if ($(this).val().split('.').pop().toLowerCase() == "zip") {
                    $("#plano_form").submit();
                } else {
                    alert("Solo ficheros ZIP");
                }
            });
        }
        function subirPosiciones(event) {
            event.preventDefault();
            $("#pos_file").click();
            $("#pos_file").change(function (event) {
                if ($(this).val().split('.').pop().toLowerCase() == "") {
                    return;
                }
                if ($(this).val().split('.').pop().toLowerCase() == "csv") {
                    $("#pos_form").submit();
                } else {
                    alert("Solo ficheros CSV");
                }
            });
        }
        function subirAlta(event) {
            event.preventDefault();
            $("#alta_file").click();
            $("#alta_file").change(function (event) {
                if ($(this).val().split('.').pop().toLowerCase() == "") {
                    return;
                }
                if ($(this).val().split('.').pop().toLowerCase() == "csv") {
                    $("#alta_form").submit();
                } else {
                    alert("Solo ficheros CSV");
                }
            });
        }

    </script>
{% endblock javascripts %}