<div class="content-wrapper">
    <section class="content-header">
        <h1>Bandeja de Autorización <small>Órdenes de Compra pendientes</small></h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <strong><i class="fa fa-bell"></i> OC pendientes de autorización</strong>
                    </div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table id="tablaBandeja" class="table table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>Código</th>
                                        <th>Tipo</th>
                                        <th>Proveedor</th>
                                        <th>Fecha</th>
                                        <th>F. Entrega</th>
                                        <th class="text-right">Total</th>
                                        <th>Creado por</th>
                                        <th style="width:160px;">Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php if(empty($ordenes)): ?>
                                        <tr>
                                            <td colspan="8" class="text-center">
                                                <i class="fa fa-check-circle text-success"></i>
                                                No hay órdenes de compra pendientes de autorización
                                            </td>
                                        </tr>
                                    <?php else: ?>
                                        <?php foreach($ordenes as $item): ?>
                                            <tr id="fila-oc-<?php echo $item->id; ?>">
                                                <td><strong><?php echo $item->codigo; ?></strong></td>
                                                <td><?php echo $item->tipocs; ?></td>
                                                <td><?php echo $item->razon_social; ?></td>
                                                <td><?php echo date('d/m/Y', strtotime($item->fecha)); ?></td>
                                                <td><?php echo $item->fechaentrega ? date('d/m/Y', strtotime($item->fechaentrega)) : '-'; ?></td>
                                                <td class="text-right"><?php echo number_format((float)$item->total, 2); ?></td>
                                                <td><?php echo $item->usuario_creador ?? '-'; ?></td>
                                                <td>
                                                    <!-- Ver detalle -->
                                                    <a href="<?php echo base_url('index.php/logistica/orden_compra/ver/'.$item->id); ?>"
                                                       class="btn btn-info btn-xs" title="Ver detalle" target="_blank">
                                                        <i class="fa fa-eye"></i> Ver
                                                    </a>

                                                    <!-- Autorizar -->
                                                    <button type="button"
                                                            class="btn btn-success btn-xs btn-autorizar"
                                                            data-id="<?php echo $item->id; ?>"
                                                            data-codigo="<?php echo $item->codigo; ?>"
                                                            title="Autorizar">
                                                        <i class="fa fa-check"></i>
                                                    </button>

                                                    <!-- Observar -->
                                                    <button type="button"
                                                            class="btn btn-warning btn-xs btn-observar"
                                                            data-id="<?php echo $item->id; ?>"
                                                            data-codigo="<?php echo $item->codigo; ?>"
                                                            title="Observar / Devolver">
                                                        <i class="fa fa-comment"></i>
                                                    </button>
                                                </td>
                                            </tr>
                                        <?php endforeach; ?>
                                    <?php endif; ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

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

<!-- MODAL OBSERVAR -->
<div class="modal fade" id="modalObservar" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background:#f39c12; color:#fff;">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">
                    <i class="fa fa-comment"></i> Observar OC: <span id="modalOCCodigo"></span>
                </h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>Motivo de la observación <span class="text-danger">*</span></label>
                    <textarea id="txtObservacion" class="form-control" rows="4"
                              placeholder="Describe el motivo por el que se devuelve esta OC..."></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-warning" id="btnConfirmarObservar">
                    <i class="fa fa-comment"></i> Enviar observación
                </button>
            </div>
        </div>
    </div>
</div>

<script>
window.addEventListener('load', function () {

    var ocIdActual = null;

    $('#tablaBandeja').DataTable({
        language: {
            lengthMenu:   "Mostrar _MENU_ registros",
            zeroRecords:  "No hay OC pendientes",
            info:         "Mostrando _START_ al _END_ de _TOTAL_ registros",
            infoEmpty:    "Sin registros",
            infoFiltered: "(filtrado de _MAX_ registros)",
            search:       "Buscar:",
            paginate: { first: "Primero", last: "Último", next: "Siguiente", previous: "Anterior" }
        },
        pageLength: 15,
        order: [[0, 'asc']]
    });

    // AUTORIZAR
    $(document).on('click', '.btn-autorizar', function() {
        var id     = $(this).data('id');
        var codigo = $(this).data('codigo');

        Swal.fire({
            title: '¿Autorizar esta OC?',
            text: codigo + ' — Una vez autorizada no podrá editarse.',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Sí, autorizar',
            cancelButtonText: 'Cancelar',
            confirmButtonColor: '#00a65a'
        }).then(function(result) {
            if (result.isConfirmed) {
                window.location.href = '<?php echo base_url("index.php/logistica/orden_compra/autorizar/"); ?>' + id;
            }
        });
    });

    // ABRIR MODAL OBSERVAR
    $(document).on('click', '.btn-observar', function() {
        ocIdActual = $(this).data('id');
        var codigo = $(this).data('codigo');
        $('#modalOCCodigo').text(codigo);
        $('#txtObservacion').val('');
        $('#modalObservar').modal('show');
    });

    // CONFIRMAR OBSERVACIÓN
    $('#btnConfirmarObservar').on('click', function() {
        var observacion = $('#txtObservacion').val().trim();

        if (observacion === '') {
            Swal.fire({ icon: 'warning', title: 'Atención', text: 'Debes ingresar el motivo de la observación' });
            return;
        }

        $.ajax({
            url: '<?php echo base_url("index.php/logistica/orden_compra/observar/"); ?>' + ocIdActual,
            type: 'POST',
            data: { observacion: observacion },
            dataType: 'json',
            success: function(resp) {
                if (resp.status) {
                    $('#modalObservar').modal('hide');

                    // Quitar la fila de la tabla
                    var $fila = $('#fila-oc-' + ocIdActual);
                    $fila.fadeOut(400, function() {
                        $fila.remove();
                        // Si no quedan filas mostrar mensaje
                        if ($('#tablaBandeja tbody tr').length === 0) {
                            $('#tablaBandeja tbody').append(
                                '<tr><td colspan="8" class="text-center">' +
                                '<i class="fa fa-check-circle text-success"></i> ' +
                                'No hay órdenes de compra pendientes de autorización' +
                                '</td></tr>'
                            );
                        }
                    });

                    Swal.fire({
                        icon: 'success',
                        title: 'OC observada',
                        text: resp.message,
                        timer: 2000,
                        showConfirmButton: false
                    });
                } else {
                    Swal.fire({ icon: 'error', title: 'Error', text: resp.message });
                }
            },
            error: function() {
                Swal.fire({ icon: 'error', title: 'Error', text: 'No se pudo procesar la solicitud' });
            }
        });
    });

});
</script>
