<div class="content-wrapper">
    <section class="content-header">
        <h1>Guías de Remisión Remitente</h1>
    </section>

    <section class="content" style="padding-top:0 !important; margin-top:0 !important;">

        <!-- BOTONES -->
        <div class="row" style="margin-bottom:5px !important; height: 45px;">
            <div class="col-md-12">

                <?php if ($this->session->flashdata('success')): ?>
                    <div class="alert alert-success">
                        <?php echo $this->session->flashdata('success'); ?>
                    </div>
                <?php endif; ?>

                <?php if ($this->session->flashdata('error')): ?>
                    <div class="alert alert-danger">
                        <?php echo $this->session->flashdata('error'); ?>
                    </div>
                <?php endif; ?>

                <?php if(tiene_permiso('grremitente_crear')): ?>
                    <a href="<?php echo base_url('index.php/almacen/guiaremitente/create'); ?>"
                       class="btn btn-success">
                        <i class="fa fa-plus"></i> Nueva Guía
                    </a>
                <?php endif; ?>

                <button type="submit"
                        form="formGenerarComprobanteGuia"
                        class="btn btn-primary">
                    <i class="fa fa-file-text-o"></i> Generar Comprobante
                </button>

            </div>
        </div>

        <!-- ALERTA SELECCIÓN -->
        <div class="row" id="bloqueAlerta" style="display:none; margin-top:10px;">
            <div class="col-md-12">
                <div id="alertaGuiasSeleccionadas" class="alert alert-info" style="margin-bottom:10px;">
                    <strong>Guías seleccionadas:</strong>
                    <span id="cantidadGuiasSeleccionadas">0</span>
                </div>
            </div>
        </div>

        <!-- TABLA -->
        <div class="row">
            <div class="col-md-12">

                <form method="get"
                      action="<?php echo base_url('index.php/ventas/comprobante/create_desde_guia'); ?>"
                      id="formGenerarComprobanteGuia">

                    <div class="panel panel-primary" style="margin-top:0 !important;">
                        <div class="panel-heading">
                            <strong>Listado de guías remitente</strong>
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">

                                <table id="tablaGuias" class="table table-bordered table-hover table-striped">
                                    <thead>
                                        <tr>
                                            <th style="width:40px;">
                                                <input type="checkbox" id="chkTodosGuias">
                                            </th>
                                            <th>ID</th>
                                            <th>Nro. Guía</th>
                                            <th>Nro. Op</th>
                                            <th>Cliente</th>
                                            <th>Motivo</th>
                                            <th>Tipo Transporte</th>
                                            <th>Fecha Traslado</th>
                                            <th class="text-center">SUNAT</th>
                                            <th>Estado</th>
                                            <th style="width:180px;">Acciones</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        <?php foreach($guias as $item): ?>
                                            <tr>

                                                <!-- CHECKBOX -->
                                                <td>
                                                    <?php if((int)$item->estado_id === 29): ?>
                                                        <input type="checkbox"
                                                               name="guias[]"
                                                               value="<?php echo $item->id; ?>"
                                                               class="chk-guia"
                                                               data-orp-id="<?php echo $item->orp_id; ?>">
                                                    <?php endif; ?>
                                                </td>

                                                <td><?php echo $item->id; ?></td>
                                                <td><?php echo $item->serie . '-' . $item->numero; ?></td>
                                                <td><?php echo $item->orp_id; ?></td>
                                                <td><?php echo $item->cliente_nombre; ?></td>
                                                <td><?php echo $item->motivo_nombre; ?></td>
                                                <td><?php echo $item->tipo_transporte; ?></td>
                                                <td><?php echo $item->fecha_traslado; ?></td>

                                                <!-- SUNAT -->
                                                <td class="text-center">
                                                    <?php if($item->envio_sunat == 1): ?>
                                                        <span class="label label-success">
                                                            <i class="fa fa-check"></i> Enviado
                                                        </span>
                                                    <?php elseif($item->envio_sunat == 2): ?>
                                                        <span class="label label-danger">
                                                            <i class="fa fa-times"></i> Rechazado
                                                        </span>
                                                    <?php else: ?>
                                                        <span class="label label-warning">
                                                            <i class="fa fa-clock-o"></i> Pendiente
                                                        </span>
                                                    <?php endif; ?>
                                                </td>

                                                <!-- ESTADO -->
                                                <td>
                                                    <?php if((int)$item->estado_id === 29): ?>
                                                        <span class="label label-primary">
                                                            <?php echo $item->estado_nombre; ?>
                                                        </span>
                                                    <?php elseif((int)$item->estado_id === 30): ?>
                                                        <span class="label label-success">
                                                            <?php echo $item->estado_nombre; ?>
                                                        </span>
                                                    <?php elseif((int)$item->estado_id === 31): ?>
                                                        <span class="label label-danger">
                                                            <?php echo $item->estado_nombre; ?>
                                                        </span>
                                                    <?php endif; ?>
                                                </td>

                                                <!-- ACCIONES -->
                                                <td>

                                                    <a href="<?php echo base_url('index.php/almacen/guiaremitente/ver/'.$item->id); ?>"
                                                       class="btn btn-info btn-xs">
                                                        <i class="fa fa-eye"></i>
                                                    </a>

                                                    <a href="<?php echo base_url('index.php/almacen/guiaremitente/print/'.$item->id); ?>"
                                                       class="btn btn-default btn-xs" target="_blank">
                                                        <i class="fa fa-print"></i>
                                                    </a>

                                                    <?php if(tiene_permiso('grremitente_editar') && (int)$item->estado_id !== 31): ?>
                                                        <a href="<?php echo base_url('index.php/almacen/guiaremitente/edit/'.$item->id); ?>"
                                                           class="btn btn-warning btn-xs">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                    <?php endif; ?>

                                                    <?php if(tiene_permiso('grremitente_eliminar') && (int)$item->estado_id === 29 && $item->envio_sunat == 0): ?>
                                                        <button type="button"
                                                                class="btn btn-danger btn-xs btn-anular-guia"
                                                                data-url="<?php echo base_url('index.php/almacen/guiaremitente/anular/'.$item->id); ?>"
                                                                data-nombre="<?php echo $item->serie . '-' . $item->numero; ?>">
                                                            <i class="fa fa-times"></i>
                                                        </button>
                                                    <?php endif; ?>

                                                </td>
                                            </tr>
                                        <?php endforeach; ?>
                                    </tbody>

                                </table>

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

                </form>

            </div>
        </div>

    </section>
</div>

<script type="text/javascript">
window.addEventListener('load', function () {

    // DATATABLE
    $('#tablaGuias').DataTable({
        "pageLength": 25,
        "ordering": true,
        "responsive": false,
        "autoWidth": false,
        "language": {
            "lengthMenu":   "Mostrar _MENU_ registros por página",
            "zeroRecords":  "No se encontraron registros",
            "info":         "Mostrando página _PAGE_ de _PAGES_",
            "infoEmpty":    "No hay registros disponibles",
            "infoFiltered": "(filtrado de _MAX_ registros totales)",
            "search":       "Buscar:",
            "paginate": {
                "first": "Primero", "last": "Último",
                "next": "Siguiente", "previous": "Anterior"
            }
        },
        "columnDefs": [
            { "orderable": false, "targets": [0, 10] }
        ]
    });

    // VALIDAR ENVÍO DE COMPROBANTE
    $(document).on('submit', '#formGenerarComprobanteGuia', function(e) {
        var seleccionadas = $('.chk-guia:checked');

        if (seleccionadas.length === 0) {
            e.preventDefault();
            Swal.fire({ icon: 'warning', title: 'Atención', text: 'Debe seleccionar al menos una guía.' });
            return false;
        }

        var orpId = null;
        var valido = true;

        seleccionadas.each(function() {
            var actual = $(this).data('orp-id');
            if (orpId === null) {
                orpId = actual;
            } else if (orpId != actual) {
                valido = false;
            }
        });

        if (!valido) {
            e.preventDefault();
            Swal.fire({ icon: 'warning', title: 'Atención', text: 'Solo puede seleccionar guías de la misma orden de pedido.' });
            return false;
        }

        return true;
    });

    // CHECK TODOS
    $(document).on('change', '#chkTodosGuias', function() {
        $('.chk-guia:visible').prop('checked', $(this).is(':checked'));
        actualizarResumenSeleccion();
    });

    // RESUMEN DE SELECCIÓN
    function actualizarResumenSeleccion() {
        var total = $('.chk-guia:checked').length;
        if (total > 0) {
            $('#cantidadGuiasSeleccionadas').text(total);
            $('#bloqueAlerta').show();
        } else {
            $('#cantidadGuiasSeleccionadas').text(0);
            $('#bloqueAlerta').hide();
        }
    }

    $(document).on('change', '.chk-guia', function() {
        actualizarResumenSeleccion();
    });

    // ANULAR GUÍA
    $(document).on('click', '.btn-anular-guia', function() {
        var url    = $(this).data('url');
        var nombre = $(this).data('nombre');
        Swal.fire({
            title: '¿Anular guía?',
            text: 'La guía ' + nombre + ' será anulada.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Sí, anular',
            cancelButtonText: 'Cancelar',
            confirmButtonColor: '#d33'
        }).then(function(result) {
            if (result.isConfirmed) window.location.href = url;
        });
    });

});
</script>
