<div class="content-wrapper">
    <section class="content-header">
        <h1><?php echo $titulo; ?></h1>
    </section>

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

                <!-- INFO COMPROBANTE -->
                <div class="panel panel-info">
                    <div class="panel-heading"><strong>Comprobante de referencia</strong></div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-3">
                                <strong>Comprobante:</strong><br>
                                <?php echo $comprobante->tipo_comprobante; ?>
                                <strong><?php echo ' ' . $comprobante->serie . '-' . $comprobante->numero; ?></strong>
                            </div>
                            <div class="col-md-2">
                                <strong>F. Emisión:</strong><br>
                                <?php echo date('d/m/Y', strtotime($comprobante->fecha)); ?>
                            </div>
                            <div class="col-md-4">
                                <strong>Cliente:</strong><br>
                                <?php echo $comprobante->cliente; ?>
                                <small class="text-muted">(<?php echo $comprobante->cliente_ruc; ?>)</small>
                            </div>
                            <div class="col-md-3">
                                <strong>Total comprobante:</strong><br>
                                <strong class="text-primary">
                                    <?php echo $comprobante->moneda_abreviado; ?>
                                    <?php echo number_format((float)$comprobante->pago_neto, 2); ?>
                                </strong>
                            </div>
                        </div>
                    </div>
                </div>

                <form id="formND" method="post" action="<?php echo base_url('index.php/ventas/nota_debito/store'); ?>">

                    <input type="hidden" name="tipo_nd_id"    value="<?php echo $tipo_nd->id; ?>">
                    <input type="hidden" name="comprob_id"    value="<?php echo $comprobante->id; ?>">
                    <input type="hidden" name="cliente_id"    value="<?php echo $comprobante->cliente_id; ?>">
                    <input type="hidden" name="serie"         value="<?php echo $serie; ?>">
                    <input type="hidden" name="numero"        value="<?php echo $numero; ?>">
                    <input type="hidden" name="fecha"         value="<?php echo $fecha; ?>">
                    <input type="hidden" name="moneda_id"     value="<?php echo $comprobante->moneda_id; ?>">
                    <input type="hidden" name="tipocambio"    value="<?php echo $comprobante->tipocambio ?? 1; ?>">
                    <input type="hidden" name="igv_porcentaje" id="igv_porcentaje" value="<?php echo (float)($comprobante->igv_porcentaje ?? 18); ?>">
                    <input type="hidden" name="subtotal"      id="subtotal" value="0">
                    <input type="hidden" name="igv"           id="igv_total" value="0">
                    <input type="hidden" name="total"         id="total_nd" value="0">

                    <div class="panel panel-warning">
                        <div class="panel-heading">
                            <strong>
                                <span class="label label-warning"><?php echo $tipo_nd->codigo; ?></span>
                                Nota de Débito — <?php echo $tipo_nd->descripcion; ?>
                            </strong>
                            <span class="pull-right">
                                Serie: <strong><?php echo $serie; ?></strong> |
                                Número: <strong><?php echo $numero; ?></strong> |
                                Fecha: <strong><?php echo date('d/m/Y', strtotime($fecha)); ?></strong>
                            </span>
                        </div>
                        <div class="panel-body">

                            <div class="alert alert-warning">
                                <i class="fa fa-exclamation-triangle"></i>
                                Ingresa el importe del cargo adicional. La nota de débito
                                <strong>aumenta</strong> el valor del comprobante original.
                            </div>

                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <label>Descripción del cargo <span class="text-danger">*</span></label>
                                    <input type="text" name="descripcion" id="descripcion"
                                           class="form-control" maxlength="200"
                                           placeholder="Ej: Intereses por mora del período..."
                                           required>
                                </div>
                                <div class="col-md-2 form-group">
                                    <label>Importe (sin IGV) <span class="text-danger">*</span></label>
                                    <input type="number" step="0.01" min="0.01"
                                           id="importe_base" class="form-control text-right"
                                           placeholder="0.00" required>
                                </div>
                            </div>

                            <div class="row" style="margin-top:15px;">
                                <div class="col-md-6 form-group">
                                    <label>Sustento <span class="text-danger">*</span></label>
                                    <textarea name="sustento" id="sustento" class="form-control" rows="3"
                                              placeholder="Describa el motivo de la nota de débito..." required></textarea>
                                </div>
                                <div class="col-md-3 col-md-offset-3">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th>Subtotal:</th>
                                            <td class="text-right" id="display_subtotal">0.00</td>
                                        </tr>
                                        <tr>
                                            <th>IGV (<?php echo number_format((float)($comprobante->igv_porcentaje ?? 18), 2); ?>%):</th>
                                            <td class="text-right" id="display_igv">0.00</td>
                                        </tr>
                                        <tr class="active">
                                            <th>TOTAL ND:</th>
                                            <td class="text-right"><strong id="display_total">0.00</strong></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>

                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary btn-lg">
                        <i class="fa fa-save"></i> Guardar Nota de Débito
                    </button>
                    <a href="<?php echo base_url('index.php/ventas/nota_debito'); ?>" class="btn btn-default btn-lg">
                        Cancelar
                    </a>

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

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

    var igvPorc = <?php echo (float)($comprobante->igv_porcentaje ?? 18); ?>;

    function calcularTotales() {
        var base   = parseFloat($('#importe_base').val() || 0);
        var igv    = parseFloat((base * igvPorc / 100).toFixed(2));
        var total  = parseFloat((base + igv).toFixed(2));

        $('#display_subtotal').text(base.toFixed(2));
        $('#display_igv').text(igv.toFixed(2));
        $('#display_total').text(total.toFixed(2));

        $('#subtotal').val(base.toFixed(2));
        $('#igv_total').val(igv.toFixed(2));
        $('#total_nd').val(total.toFixed(2));
    }

    $('#importe_base').on('input', function() { calcularTotales(); });

    $('#formND').on('submit', function(e) {
        if (parseFloat($('#total_nd').val()) <= 0) {
            e.preventDefault();
            Swal.fire({ icon: 'warning', title: 'Atención', text: 'El importe debe ser mayor a 0' });
            return false;
        }
        if (!$('#sustento').val().trim()) {
            e.preventDefault();
            Swal.fire({ icon: 'warning', title: 'Atención', text: 'El sustento es obligatorio' });
            return false;
        }
    });
});
</script>
