<div class="content-wrapper">
    <section class="content-header">
        <h1>Abrir Caja Chica</h1>
    </section>

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

                <?php echo validation_errors('<div class="alert alert-danger">', '</div>'); ?>

                <form method="post" action="<?php echo base_url('index.php/finanzas/caja_chica/store_apertura'); ?>">

                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <strong><i class="fa fa-unlock"></i> Datos de apertura</strong>
                        </div>
                        <div class="panel-body">

                            <?php if ($ultima_caja && (float)$ultima_caja->monto_actual > 0): ?>
                                <div class="alert alert-info">
                                    <i class="fa fa-info-circle"></i>
                                    La caja anterior (#<?php echo str_pad($ultima_caja->id, 4, '0', STR_PAD_LEFT); ?>) cerró con un saldo de
                                    <strong>S/ <?php echo number_format($ultima_caja->monto_actual, 2); ?></strong>.
                                    Este monto se trasladará automáticamente.
                                </div>
                            <?php endif; ?>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Fecha de apertura <span class="text-danger">*</span></label>
                                        <input type="date" name="fecha_apertura" class="form-control"
                                               value="<?php echo date('Y-m-d'); ?>" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Moneda <span class="text-danger">*</span></label>
                                        <select name="moneda_id" class="form-control" required>
                                            <option value="">Seleccione...</option>
                                            <?php foreach ($monedas as $m): ?>
                                                <option value="<?php echo $m->id; ?>"
                                                    <?php echo $m->codigo === 'PEN' ? 'selected' : ''; ?>>
                                                    <?php echo $m->nombre; ?>
                                                </option>
                                            <?php endforeach; ?>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>
                                            Monto inicial <span class="text-danger">*</span>
                                            <?php if ($ultima_caja && (float)$ultima_caja->monto_actual > 0): ?>
                                                <small class="text-muted">(incluye saldo anterior)</small>
                                            <?php endif; ?>
                                        </label>
                                        <input type="number" name="monto_inicial" id="monto_inicial"
                                               class="form-control" step="0.01" min="0"
                                               value="<?php echo $ultima_caja ? number_format($ultima_caja->monto_actual, 2, '.', '') : '0.00'; ?>"
                                               required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Responsable</label>
                                        <select name="responsable_id" class="form-control">
                                            <option value="">Sin asignar</option>
                                            <?php foreach ($responsables as $r): ?>
                                                <option value="<?php echo $r->id; ?>"><?php echo $r->nombre_completo; ?></option>
                                            <?php endforeach; ?>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <!-- Datos del retiro bancario (si el monto > saldo anterior) -->
                            <div id="seccionBanco" style="<?php echo (!$ultima_caja || (float)$ultima_caja->monto_actual == 0) ? '' : 'display:none;'; ?>">
                                <hr>
                                <p class="text-muted" style="font-size:12px;"><i class="fa fa-university"></i> Datos del retiro bancario</p>
                                <div class="row">
                                    <div class="col-md-7">
                                        <div class="form-group">
                                            <label>Cuenta bancaria</label>
                                            <select name="banco_cuenta_id" class="form-control">
                                                <option value="">Seleccione...</option>
                                                <?php
                                                $bancosCuentas = $this->CajaChica_model->listar_bancos_cuentas();
                                                foreach ($bancosCuentas as $bc):
                                                ?>
                                                    <option value="<?php echo $bc->id; ?>">
                                                        <?php echo $bc->banco_nombre . ' — ' . $bc->numero_cuenta . ' (' . $bc->moneda_abreviado . ')'; ?>
                                                    </option>
                                                <?php endforeach; ?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <label>Nro operación / voucher</label>
                                            <input type="text" name="banco_nro_operacion" class="form-control" maxlength="50">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Observación</label>
                                <textarea name="observacion" class="form-control" rows="2"></textarea>
                            </div>

                        </div>
                        <div class="panel-footer">
                            <button type="submit" class="btn btn-primary">
                                <i class="fa fa-unlock"></i> Abrir caja
                            </button>
                            <a href="<?php echo base_url('index.php/finanzas/caja_chica'); ?>" class="btn btn-default">
                                <i class="fa fa-arrow-left"></i> Cancelar
                            </a>
                        </div>
                    </div>

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

<script>
$(document).ready(function () {
    var saldoAnterior = <?php echo $ultima_caja ? (float)$ultima_caja->monto_actual : 0; ?>;

    $('#monto_inicial').on('input', function () {
        var monto = parseFloat($(this).val()) || 0;
        if (monto > saldoAnterior) {
            $('#seccionBanco').show();
        } else {
            $('#seccionBanco').hide();
        }
    });
});
</script>