{% extends 'layout.html.twig' %}

{% block body %}
    {{ parent() }}
    {# Progress bar #}
    <div class="progress no-border hidden" id="delete-progress">
        <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
            <span class="sr-only">Cargando...</span>
        </div>
    </div>
    {{ include('MBProductoBundle:Entity:messages/success.html.twig') }}
    {{ include('MBProductoBundle:Entity:messages/danger.html.twig') }}

    <div class="container-fluid">
        <div class="col-lg-12 contenedor-nav">
            <div class="page-header margin-none">
                    <h2 class="padding-none">{{ titulo }}</h2>
            </div>
            <p>
                Total de registros:<span id="total">{{ pagination.getTotalItemCount }}</span>
            </p>

            <form method="get" action="" class="form-inline" role="search">
                <div class="form-group">
                    <input autocomplete="off" type="text" name="query" value="{{ app.request.get('query') }}" class="form-control" placeholder="Buscar pedido No." />
                    <select class="form-control" name="status">
                        <option value="0" {% if status=="0" %}selected{% endif %}>Pendientes</option>
                        <option value="1" {% if status=="1" %}selected{% endif %}>Recibidos</option>
                        <option value="2" {% if status=="2" %}selected{% endif %}>Anulados</option>
                        <option value="3" {% if status=="3" %}selected{% endif %}>Parciales</option>
                        <option value="4" {% if status=="4" %}selected{% endif %}>Por Autorizar</option>
                        <option value="5" {% if status=="5" %}selected{% endif %}>Por Recibir</option>
                        <option value="6" {% if status=="6" %}selected{% endif %}>Todos</option>
                    </select>
                </div>
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker1'>
                        <input type="text" name="queryFechaInicial" class="form-control" value="{{ searchQueryFechaInicial }}"/>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                </div>
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker2'>
                        <input type="text" name="queryFechaFinal" class="form-control" value="{{ searchQueryFechaFinal }}"/>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                </div>
                <input type="submit" value="{{ 'Buscar' }}" class="btn btn-default">
            </form>
            <br>
            {% set puedeCrearPedido = usuario.getMaeusr().pedidoCrea==1 %}
            {% set puedeConfigurarCorreo = puedeCrearPedido or usuario.getMaeusr().tipo == 3 %}
            {% if puedeCrearPedido or puedeConfigurarCorreo %}
                <p>
                    {% if puedeCrearPedido and (usuario.getMaeusr().pedidoOrigen=='A' or  usuario.getMaeusr().pedidoOrigen=='E') %}
                        <a href="{{ path(label~'_new') }}" class="btn btn-primary btn-lg">
                            <span class="glyphicon glyphicon-new-window"></span>
                            {{ nuevo }} Pedido sin Consignación
                        </a>
                        <a href="{{ path(label~'_newConsigna') }}" class="btn btn-primary btn-lg">
                            <span class="glyphicon glyphicon-new-window"></span>
                            {{ nuevo }} Pedido con Consignación
                        </a>
                    {% endif %}
                    {% if puedeCrearPedido and (usuario.getMaeusr().pedidoOrigen=='A' or  usuario.getMaeusr().pedidoOrigen=='I') %}
                        <a href="{{ path(label~'_newinterno') }}" class="btn btn-success btn-lg">
                            <span class="glyphicon glyphicon-new-window"></span>
                            {{ nuevo }} Pedido Interno sin Consignación
                        </a>
                        <a href="{{ path(label~'_newinternoConsigna') }}" class="btn btn-success btn-lg">
                            <span class="glyphicon glyphicon-new-window"></span>
                            {{ nuevo }} Pedido Interno con Consignación
                        </a>

                        {% if puedeCrearPedido and usaPedidoInterno == 'S' %}
                            <a href="{{ path('maeped_createinterno_sinplantilla') }}" class="btn btn-warning btn-lg">
                                <span class="glyphicon glyphicon-new-window"></span>
                                {{ nuevo }} Pedido Interno Sin Plantilla
                            </a>
                        {% endif %}
                    {% endif %}
                    {# Cotizar a Proveedores todavía no está terminado: se muestra solo a la
                       cuenta de soporte 'mb', no a los clientes. Quitar este gate de usuario
                       cuando el módulo esté listo. #}
                    {% if puedeCrearPedido %}
                        <a href="{{ path('pedidosprov_abrir') }}" class="btn btn-info btn-lg">
                            <span class="glyphicon glyphicon-new-window"></span>
                            Cotizar a Proveedores
                        </a>
                    {% endif %}
                </p>
            {% endif %}
            <br>
            {% if not pagination|length %}
                    <h2>{{ 'No hay resultados de la búsqueda' }}</h2>
            {% endif %}

            {% if pagination|length %}
                <div style="padding: 0px;" class="col-md-12 contenedor-nav" id="no-more-tables">
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr class="info">
                                <th class="col-md-1">{{ knp_pagination_sortable(pagination, 'Tienda', 'e.pedido') }} </th>
                                <th class="col-md-1">{{ knp_pagination_sortable(pagination, 'Pedido', 'e.pedido') }} </th>
                                <th class="col-md-2">{{ knp_pagination_sortable(pagination, 'Proveedor', 'e.proveedor') }} </th>
                                <th class="col-md-1">{{ knp_pagination_sortable(pagination, 'Fecha', 'e.fechae') }} </th>
                                <th class="col-md-1">{{ knp_pagination_sortable(pagination, 'Tentativa', 'e.fechat') }} </th>
                                <th class="col-md-1">{{ knp_pagination_sortable(pagination, 'Entregar', 'e.entregar') }} </th>
                                <th class="col-md-0-5">{{ knp_pagination_sortable(pagination, 'Interno', 'e.interno') }} </th>
                                <th class="col-md-1">{{ knp_pagination_sortable(pagination, 'Observaciones', 'e.obs') }} </th>
                                <th class="col-md-0-5 text-right">{{ knp_pagination_sortable(pagination, 'Total', 'e.total') }} </th>
                                <th class="col-md-0-5 text-right">{{ knp_pagination_sortable(pagination, 'Recibido', 'e.totalrec') }} </th>
                                <th class="col-md-1">{{ knp_pagination_sortable(pagination, 'Estado', 'e.status') }} </th>
                                <th class="col-md-2">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for entity in pagination %}
                                <tr data-id="{{ entity.id }}">
                                    <td data-title="Tienda">{{ entity.tienda.descripcion }}</td>
                                    <td data-title="Pedido">{{ entity.pedido }}</td>
                                    <td data-title="Proveedor">{{ entity.proveedor.nombre }}</td>
                                    <td data-title="Fecha">{{ entity.fechae | date('Y-m-d') }}</td>
                                    <td data-title="Tentativa">{{ entity.fechat | date('Y-m-d') }}</td>
                                    <td data-title="Entregar">{{ entity.entregar }}</td>
                                    <td data-title="Interno">{{ entity.interno }}</td>
                                    <td data-title="Observaciones">{{ entity.obs }}</td>
                                    <td data-title="Total" class="text-right">{{ entity.total | number_format(2) }}</td>
                                    <td data-title="Total" class="text-right">{{ entity.totalrec | number_format(2) }}</td>
                                    <td data-title="Estado">

                                        {% if entity.status==0 %}
                                            {% if entity.autorizadoUsuario == -1 %}
                                                Por Autorizar
                                            {% elseif entity.autorizadoUsuario != 0 %}
                                                Autorizado
                                            {% else %}
                                                Emitido
                                            {% endif %}
                                        {% elseif entity.status==1 %}
                                            Recibido
                                        {% elseif entity.status==2 %}
                                            Anulado
                                        {% elseif entity.status==3 %}
                                            Parcial
                                        {% endif %}

                                    </td>
                                    <td class="actions">
                                        <a href="{{ path(label~'_show', {id: entity.id}) }}" class="btn btn-sm btn-info" data-toggle="tooltip" title="Ver">
                                            <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                                        </a>
                                        {% if usuario.getMaeusr().pedidoModifica==1 and entity.status==0 and entity.autorizadoUsuario == 0 %}
                                            <a href="{{ path(label~'_edit', {id: entity.id}) }}" class="btn btn-sm btn-primary" data-toggle="tooltip" title="Editar">
                                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                            </a>
                                        {% endif %}
                                        {% if usuario.getMaeusr().pedidoModifica==1 and entity.status==0  and entity.autorizadoUsuario == 0 and entity.total > 0 %}
                                            <a href="{{ path(label~'_pedir', {id: entity.id}) }}" class="btn btn-sm btn-primary" data-toggle="tooltip" title="Pedir Autorización">
                                                <span class="glyphicon glyphicon-check" aria-hidden="true"></span>
                                            </a>
                                        {% endif %}
                                        {% if usuario.getMaeusr().autorizaPedido==1 and entity.status==0  and entity.autorizadoUsuario == -1 %}
                                            <a href="{{ path(label~'_autorizar', {id: entity.id}) }}" class="btn btn-sm btn-success" data-toggle="tooltip" title="Autorizar">
                                                <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
                                            </a>
                                            <a href="{{ path(label~'_cancelar', {id: entity.id}) }}" class="btn btn-sm btn-danger" data-toggle="tooltip" title="Cancelar Petición de Autorización">
                                                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                                            </a>
                                        {% endif %}
                                        {% if usuario.getMaeusr().autorizaPedido==1 and entity.status==0 and entity.autorizadoUsuario > 0 %}
                                            <a href="{{ path(label~'_desautorizar', {id: entity.id}) }}" class="btn btn-sm btn-danger" data-toggle="tooltip" title="Desautorizar">
                                                <span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span>
                                            </a>
                                        {% endif %}
                                        {% if usuario.getMaeusr().recibePedido==1 and entity.status==0 and entity.autorizadoUsuario > 0 %}
                                            {% if entity.interno!='S' %}
                                                <a id="recibir_{{ entity.id }}" href="{{ path(label~'_recibir', {id: entity.id}) }}" class="btn btn-sm btn-danger" data-toggle="tooltip" title="Recibir">
                                                    <span class="glyphicon glyphicon-check" aria-hidden="true"></span>
                                                </a>
                                                {% if entity.autorizadoUsuario > 0 %}
                                                <a
                                                    id="enviar_{{ entity.id }}"
                                                    onclick="enviarCorreo({{ entity.id }});"
                                                    href="#"
                                                    class="btn btn-sm btn-info"
                                                    data-toggle="tooltip"
                                                    data-loading-text="<i class='fa fa-spinner fa-spin fa-fw' aria-hidden='true'></i> "
                                                    title="Enviar por correo">
                                                    <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
                                                </a>
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}
                                        {% if usuario.getMaeusr().recibePedido==1 and entity.status==3  and (entity.total>entity.totalrec) %}
                                            {% if entity.interno!='S' %}
                                                <a id="completar_{{ entity.id }}" href="{{ path(label~'_recibir', {id: entity.id}) }}" class="btn btn-sm btn-warning" data-toggle="tooltip" title="Completar recepción">
                                                    <span class="glyphicon glyphicon-check" aria-hidden="true"></span>
                                                </a>
                                            {% endif %}
                                        {% endif %}
                                        {% if usuario.getMaeusr().pedidoElimina==1 and entity.status==0 and entity.autorizadoUsuario == 0 %}
                                            <a href="#" class="btn btn-sm btn-danger btn-delete" data-toggle="tooltip" title="Eliminar">
                                                <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
                                            </a>
                                        {% endif %}
                                        {% if entity.autorizadoUsuario > 0 %}
                                            <a href="#" onclick="generarReporte({{ entity.id }});" class="btn btn-sm btn-warning" data-toggle="tooltip" title="Imprimir">
                                                <span class="glyphicon glyphicon-print" aria-hidden="true"></span>
                                            </a>
                                        {% endif %}
                                        {% if usuario.getMaeusr().recibePedido==1 and (entity.status==0 or entity.status==3) and (entity.total>entity.totalrec) %}
                                            {% if entity.interno!='S' %}
                                                <a
                                                    id="cancelar_{{ entity.id }}"
                                                    onclick="cancelar({{ entity.id }});"
                                                    href="#"
                                                    class="btn btn-sm btn-danger"
                                                    data-toggle="tooltip"
                                                    data-loading-text="<i class='fa fa-spinner fa-spin fa-fw' aria-hidden='true'></i> "
                                                    title="Cancelar Pendientes de Recibir">
                                                    <span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span>
                                                </a>
                                            {% endif %}
                                        {% endif %}
                                        {% if usuario.getMaeusr().deshaceRecepcion==1 and (entity.status==1 or entity.status==3) %}
                                            <a
                                                id="revertir_{{ entity.id }}"
                                                onclick="revertir({{ entity.id }});"
                                                href="#"
                                                class="btn btn-sm btn-danger"
                                                data-toggle="tooltip"
                                                data-loading-text="<i class='fa fa-spinner fa-spin fa-fw' aria-hidden='true'></i> "
                                                title="Revertir Recepción">
                                                <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
                                            </a>
                                        {% endif %}
                                    </td>
                                </tr> 
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
            {# display navigation #}
            <div class="navigation">
                {{ knp_pagination_render(pagination) }}
            </div>
        </div>
    </div>

    {{ include('MBProductoBundle:Entity:forms/delete.html.twig', {form: delete_form_ajax, id: 'form-delete', with_submit: false}) }}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('bundles/mbproducto/js/delete-entity.js') }}"></script>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker({
                locale: 'es',
                showTodayButton : true,
                format: 'YYYY-MM-DD'
            });
            $('#datetimepicker2').datetimepicker({
                locale: 'es',
                showTodayButton : true,
                format: 'YYYY-MM-DD'
            });
        });
        var win;

        function generarReporte(pedido)
        {
            url = "{{ path('emitir_reporte_snappy',{'ruta' : 'PedidoProveedor'}) }}";
            url += "?_format=pdf&id="+pedido;

            win = window.open(url,'_blank');
        }

        function cancelar($id) {
            bootbox.confirm("¿Está seguro de cancelar?", function(res){
                if(res === true)
                {
                    setLoading('cancelar_' + $id);
                    var $url = "{{ path('maeped_cancelar_pendiente', {id: 1111111111}) }}";
                    $url = $url.replace("1111111111", $id);
                    var data = {};
                    $.post($url, data, function(result){
                        clearLoading('cancelar_' + $id);
                        bootbox.alert(result.mensaje);
                        if (result.error) {
                            return false;
                        }
                        $('#cancelar_'+$id).hide();
                        $('#recibir_'+$id).hide();
                        $('#completar_'+$id).hide();
                    }).fail(function(err){
                        clearLoading('cancelar_' + $id);
                        bootbox.alert(err.responseText);
                    });
                }
            });
        }

        function revertir($id) {
            bootbox.confirm("¿Está seguro de revertir la recepción?", function(res){
                if(res === true)
                {
                    setLoading('revertir_' + $id);
                    var $url = "{{ path('maeped_revertir_recepcion', {id: 1111111111}) }}";
                    $url = $url.replace("1111111111", $id);
                    var data = {};
                    $.post($url, data, function(result){
                        clearLoading('revertir_' + $id);
                        bootbox.alert(result.mensaje);
                        if (result.error) {
                            return false;
                        }
                        $('#revertir_'+$id).hide();
                        $('#recibir_'+$id).show();
                        $('#completar_'+$id).hide();
                        window.location.reload();
                    }).fail(function(err){
                        clearLoading('revertir_' + $id);
                        bootbox.alert(err.responseText);
                    });
                }
            });
        }

        function enviarCorreo(id) {
            var $btn = $('#enviar_' + id);
            var prevUrl = "{{ path('maeped_enviar_preview', {id: 1111111111}) }}".replace('1111111111', id);
            $.get(prevUrl, function(prev){
                if (prev.error) { bootbox.alert(prev.mensaje || 'Error al preparar el correo.'); return; }

                // Construir HTML del diálogo con checkboxes para CC
                var html = [];
                var encabezado = prev.external ? 'Se enviará el correo a proveedor externo:' : 'Se enviará el correo a:';
                html.push('<div>'+ encabezado +'</div>');
                if (prev.to && prev.to.length) {
                    html.push('<div style="margin-top:8px; font-weight:bold;">Para:</div>');
                    html.push('<ul style="margin-left:18px;">');
                    prev.to.forEach(function(t){ html.push('<li>'+ $('<div/>').text(t).html() +'</li>'); });
                    html.push('</ul>');
                }

                html.push('<div style="margin-top:8px; font-weight:bold;">CC:</div>');
                html.push('<div id="cc-select">');
                if (prev.cc_options && prev.cc_options.length) {
                    html.push('<div style="margin-bottom:6px;"><a href="#" id="cc-all">Seleccionar todos</a> · <a href="#" id="cc-none">Quitar todos</a></div>');
                    prev.cc_options.forEach(function(o, i){
                        var idc = 'cc_opt_' + i;
                        var label = o.formatted || (o.name ? (o.name + '<' + o.mail + '>') : o.mail);
                        var labelEsc = $('<div/>').text(label).html();
                        var value = label; // enviar como Nombre<correo>
                        html.push('<div class="checkbox"><label for="'+idc+'">'
                            + '<input type="checkbox" id="'+idc+'" name="cc" value="'+ $('<div/>').text(value).html() +'" checked> '
                            + labelEsc + '</label></div>');
                    });
                } else {
                    html.push('<em>(Sin direcciones en CC)</em>');
                }
                html.push('</div>');

                var dlg = bootbox.dialog({
                    title: 'Confirmar envío',
                    message: html.join(''),
                    buttons: {
                        cancel: { label: 'Cancelar', className: 'btn-default' },
                        ok: {
                            label: 'Enviar', className: 'btn-primary', callback: function(){
                                var cc = [];
                                $('#cc-select input[name="cc"]:checked').each(function(){ cc.push($(this).val()); });
                                $btn.button('loading');
                                var url = "{{ path('maeped_enviar', {id: 1111111111}) }}".replace('1111111111', id);
                                $.post(url, { cc: cc, cc_override: 1 }, function(result){
                                    $btn.button('reset');
                                    bootbox.alert(result.mensaje);
                                }).fail(function(err){
                                    $btn.button('reset');
                                    bootbox.alert(err.responseText);
                                });
                            }
                        }
                    }
                });

                // Enlazar select all/none
                dlg.on('click', '#cc-all', function(e){ e.preventDefault(); $('#cc-select input[name="cc"]').prop('checked', true); });
                dlg.on('click', '#cc-none', function(e){ e.preventDefault(); $('#cc-select input[name="cc"]').prop('checked', false); });

            }).fail(function(err){ bootbox.alert(err.responseText); });
        }
    </script>
{% endblock %}