<div class="content-wrapper">
    <section class="content-header">
        <h1>Envío Electrónico SUNAT</h1>
    </section>

    <section class="content">

        <!-- MODO Y CONFIGURACIÓN -->
        <div class="row" style="margin-bottom:5px !important; height: 45px;">
            <div class="col-md-12">
                <div class="panel panel-<?php echo ($empresa->sunat_modo == 'produccion') ? 'success' : 'warning'; ?>">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-4">
                                <strong>RUC Emisor:</strong> <?php echo $empresa->ruc; ?><br>
                                <strong>Razón Social:</strong> <?php echo $empresa->nombre; ?>
                            </div>
                            <div class="col-md-4">
                                <strong>Modo actual:</strong>
                                <?php if($empresa->sunat_modo == 'produccion'): ?>
                                    <span class="label label-success" style="font-size:14px; padding:5px 10px;">
                                        <i class="fa fa-check"></i> PRODUCCIÓN
                                    </span>
                                <?php else: ?>
                                    <span class="label label-warning" style="font-size:14px; padding:5px 10px;">
                                        <i class="fa fa-flask"></i> BETA (Pruebas)
                                    </span>
                                <?php endif; ?>
                            </div>
                            <div class="col-md-4 text-right">
                                <?php if(tiene_permiso('sunat_configurar')): ?>
                                    <?php if($empresa->sunat_modo == 'beta'): ?>
                                        <button type="button" class="btn btn-success btn-cambiar-modo" data-modo="produccion">
                                            <i class="fa fa-rocket"></i> Cambiar a PRODUCCIÓN
                                        </button>
                                    <?php else: ?>
                                        <button type="button" class="btn btn-warning btn-cambiar-modo" data-modo="beta">
                                            <i class="fa fa-flask"></i> Cambiar a BETA
                                        </button>
                                    <?php endif; ?>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- COMPROBANTES PENDIENTES -->
        <div class="row" style="margin-bottom:5px !important; height: 45px;">
            <div class="col-md-12">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <strong><i class="fa fa-file-text"></i> Comprobantes pendientes de envío</strong>
                        <span class="badge pull-right"><?php echo count($comprobantes); ?></span>
                    </div>
                    <div class="panel-body" style="padding:0;">
                        <?php $comprobantes = is_array($comprobantes) ? $comprobantes : []; ?>
                        <?php if(empty($comprobantes) || !is_array($comprobantes)): ?>    
                            <p class="text-muted text-center" style="padding:15px;">
                                <i class="fa fa-check-circle text-success"></i> No hay comprobantes pendientes
                            </p>
                        <?php else: ?>
                            <table class="table table-bordered table-hover table-striped" style="margin:0;">
                                <thead>
                                    <tr>
                                        <th>Tipo</th>
                                        <th>Serie-Número</th>
                                        <th>Cliente</th>
                                        <th>Fecha</th>
                                        <th class="text-right">Total</th>
                                        <th class="text-center">Acción</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($comprobantes as $item): ?>
                                        <tr id="comprob-row-<?php echo $item->id; ?>">
                                            <td><?php echo $item->tipo_comprobante; ?></td>
                                            <td><strong><?php echo $item->serie . '-' . $item->numero; ?></strong></td>
                                            <td><?php echo $item->cliente; ?></td>
                                            <td><?php echo date('d/m/Y', strtotime($item->fecha)); ?></td>
                                            <td class="text-right">S/ <?php echo number_format((float)$item->total, 2); ?></td>
                                            <td class="text-center">
                                                <button type="button" class="btn btn-primary btn-xs btn-enviar-comprob"
                                                        data-id="<?php echo $item->id; ?>">
                                                    <i class="fa fa-send"></i> Enviar a SUNAT
                                                </button>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>

        <!-- NOTAS DE CRÉDITO -->
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-info">
                    <div class="panel-heading">
                        <strong><i class="fa fa-file-text-o"></i> Notas de Crédito pendientes</strong>
                        <span class="badge pull-right"><?php echo count($notas_credito); ?></span>
                    </div>
                    <div class="panel-body" style="padding:0;">
                        <?php if(empty($notas_credito)): ?>
                            <p class="text-muted text-center" style="padding:15px;">
                                <i class="fa fa-check-circle text-success"></i> Sin pendientes
                            </p>
                        <?php else: ?>
                            <table class="table table-bordered table-hover table-striped" style="margin:0;">
                                <thead>
                                    <tr>
                                        <th>NC</th>
                                        <th>Cliente</th>
                                        <th class="text-right">Total</th>
                                        <th class="text-center">Acción</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($notas_credito as $item): ?>
                                        <tr id="nc-row-<?php echo $item->id; ?>">
                                            <td><strong><?php echo $item->serie . '-' . $item->numero; ?></strong></td>
                                            <td><?php echo $item->cliente; ?></td>
                                            <td class="text-right">S/ <?php echo number_format((float)$item->total, 2); ?></td>
                                            <td class="text-center">
                                                <button type="button" class="btn btn-info btn-xs btn-enviar-nc"
                                                        data-id="<?php echo $item->id; ?>">
                                                    <i class="fa fa-send"></i> Enviar
                                                </button>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        <?php endif; ?>
                    </div>
                </div>
            </div>

            <!-- NOTAS DE DÉBITO -->
            <div class="col-md-6">
                <div class="panel panel-warning">
                    <div class="panel-heading">
                        <strong><i class="fa fa-file-text-o"></i> Notas de Débito pendientes</strong>
                        <span class="badge pull-right"><?php echo count($notas_debito); ?></span>
                    </div>
                    <div class="panel-body" style="padding:0;">
                        <?php if(empty($notas_debito)): ?>
                            <p class="text-muted text-center" style="padding:15px;">
                                <i class="fa fa-check-circle text-success"></i> Sin pendientes
                            </p>
                        <?php else: ?>
                            <table class="table table-bordered table-hover table-striped" style="margin:0;">
                                <thead>
                                    <tr>
                                        <th>ND</th>
                                        <th>Cliente</th>
                                        <th class="text-right">Total</th>
                                        <th class="text-center">Acción</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($notas_debito as $item): ?>
                                        <tr id="nd-row-<?php echo $item->id; ?>">
                                            <td><strong><?php echo $item->serie . '-' . $item->numero; ?></strong></td>
                                            <td><?php echo $item->cliente; ?></td>
                                            <td class="text-right">S/ <?php echo number_format((float)$item->total, 2); ?></td>
                                            <td class="text-center">
                                                <button type="button" class="btn btn-warning btn-xs btn-enviar-nd"
                                                        data-id="<?php echo $item->id; ?>">
                                                    <i class="fa fa-send"></i> Enviar
                                                </button>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>

        <!-- GUÍAS DE REMISIÓN -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <strong><i class="fa fa-truck"></i> Guías de Remisión pendientes</strong>
                        <span class="badge pull-right"><?php echo count($guias); ?></span>
                    </div>
                    <div class="panel-body" style="padding:0;">
                        <?php if(empty($guias)): ?>
                            <p class="text-muted text-center" style="padding:15px;">
                                <i class="fa fa-check-circle text-success"></i> Sin pendientes
                            </p>
                        <?php else: ?>
                            <table class="table table-bordered table-hover table-striped" style="margin:0;">
                                <thead>
                                    <tr>
                                        <th>Guía</th>
                                        <th>Cliente</th>
                                        <th>Motivo</th>
                                        <th>F. Emisión</th>
                                        <th class="text-center">Acción</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($guias as $item): ?>
                                        <tr id="gr-row-<?php echo $item->id; ?>">
                                            <td><strong><?php echo $item->serie . '-' . $item->numero; ?></strong></td>
                                            <td><?php echo $item->cliente; ?></td>
                                            <td><?php echo $item->motivo; ?></td>
                                            <td><?php echo date('d/m/Y', strtotime($item->fecha_emision)); ?></td>
                                            <td class="text-center">
                                                <button type="button" class="btn btn-default btn-xs btn-enviar-gr"
                                                        data-id="<?php echo $item->id; ?>">
                                                    <i class="fa fa-send"></i> Enviar
                                                </button>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>

    </section>
</div>

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

    // Función genérica de envío
    function enviarDocumento(url, id, rowId, btnSelector) {
        var $btn = $(btnSelector + '[data-id="' + id + '"]');
        $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Enviando...');

        $.ajax({
            url: url,
            type: 'POST',
            data: { id: id },
            dataType: 'json',
            success: function(resp) {
                if (resp.status) {
                    $('#' + rowId + '-' + id + ' td:last').html(
                        '<span class="label label-success"><i class="fa fa-check"></i> Enviado</span>'
                    );
                    Swal.fire({
                        icon: 'success',
                        title: 'Enviado correctamente',
                        text: resp.message,
                        timer: 3000,
                        showConfirmButton: false
                    });
                } else {
                    $btn.prop('disabled', false).html('<i class="fa fa-send"></i> Enviar');
                    Swal.fire({
                        icon: 'error',
                        title: 'Error SUNAT',
                        text: resp.message
                    });
                }
            },
            error: function() {
                $btn.prop('disabled', false).html('<i class="fa fa-send"></i> Enviar');
                Swal.fire({ icon: 'error', title: 'Error', text: 'No se pudo conectar con el servidor' });
            }
        });
    }

    // Enviar comprobante
    $(document).on('click', '.btn-enviar-comprob', function() {
        var id = $(this).data('id');
        enviarDocumento('<?php echo base_url("index.php/sunat/sunat/enviar_comprobante"); ?>', id, 'comprob-row', '.btn-enviar-comprob');
    });

    // Enviar NC
    $(document).on('click', '.btn-enviar-nc', function() {
        var id = $(this).data('id');
        enviarDocumento('<?php echo base_url("index.php/sunat/sunat/enviar_nota_credito"); ?>', id, 'nc-row', '.btn-enviar-nc');
    });

    // Enviar ND
    $(document).on('click', '.btn-enviar-nd', function() {
        var id = $(this).data('id');
        enviarDocumento('<?php echo base_url("index.php/sunat/sunat/enviar_nota_debito"); ?>', id, 'nd-row', '.btn-enviar-nd');
    });

    // Enviar Guía
    $(document).on('click', '.btn-enviar-gr', function() {
        var id = $(this).data('id');
        enviarDocumento('<?php echo base_url("index.php/sunat/sunat/enviar_guia"); ?>', id, 'gr-row', '.btn-enviar-gr');
    });

    // Cambiar modo beta/produccion
    $(document).on('click', '.btn-cambiar-modo', function() {
        var modo = $(this).data('modo');
        var texto = modo === 'produccion'
            ? '⚠️ Estás cambiando a modo PRODUCCIÓN. Los documentos se enviarán a SUNAT real.'
            : 'Cambiarás al modo BETA (pruebas).';

        Swal.fire({
            title: '¿Cambiar modo?',
            text: texto,
            icon: modo === 'produccion' ? 'warning' : 'info',
            showCancelButton: true,
            confirmButtonText: 'Sí, cambiar',
            cancelButtonText: 'Cancelar'
        }).then(function(result) {
            if (result.isConfirmed) {
                $.ajax({
                    url: '<?php echo base_url("index.php/sunat/sunat/cambiar_modo"); ?>',
                    type: 'POST',
                    data: { modo: modo },
                    dataType: 'json',
                    success: function(resp) {
                        if (resp.status) {
                            Swal.fire({
                                icon: 'success', title: 'Listo',
                                text: resp.message, timer: 2000, showConfirmButton: false
                            }).then(function() { location.reload(); });
                        }
                    }
                });
            }
        });
    });

});
</script>
