<div class="content-wrapper">
    <section class="content-header">
        <h1>Nueva Hoja de Costos</h1>
    </section>
    <section class="content">

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

        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-primary">
                    <div class="panel-heading"><strong>Datos de la Hoja</strong></div>
                    <div class="panel-body">
                        <form method="post" action="<?php echo base_url('index.php/produccion/costos/hojas/store'); ?>">

                            <!-- Campo oculto con el ID real del producto -->
                            <input type="hidden" name="producto_id" id="producto_id" value="<?php echo isset($producto) ? $producto->id : ''; ?>">

                            <div class="form-group">
                                <label>Producto *</label>
                                <input type="text"
                                       id="producto_busqueda"
                                       class="form-control"
                                       placeholder="Escribí código o nombre del producto..."
                                       value="<?php echo isset($producto) ? $producto->codigo . ' — ' . $producto->nombre : ''; ?>"
                                       autocomplete="off">
                                <span class="help-block" id="producto_seleccionado" style="color:#27ae60; display:none;">
                                    <i class="fa fa-check"></i> <span id="producto_nombre_confirmado"></span>
                                </span>
                                <span class="help-block text-danger" id="producto_error" style="display:none;">
                                    Seleccioná un producto de la lista.
                                </span>
                            </div>

                            <div class="form-group">
                                <label>Nombre / Variante <small class="text-muted">(opcional, ej: "Con laminado")</small></label>
                                <input type="text" name="nombre" class="form-control"
                                       placeholder="Dejar vacío para hoja estándar">
                            </div>

                            <div class="form-group">
                                <label>Notas</label>
                                <textarea name="notas" class="form-control" rows="2"></textarea>
                            </div>

                            <div class="form-group">
                                <label>
                                    <input type="checkbox" name="es_principal" value="1" checked>
                                    Marcar como hoja principal
                                </label>
                            </div>

                            <button type="submit" id="btn-guardar" class="btn btn-primary">
                                <i class="fa fa-save"></i> Crear Hoja
                            </button>
                            <a href="<?php echo base_url('index.php/produccion/costos/hojas'); ?>" class="btn btn-default">
                                Cancelar
                            </a>

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

    </section>
</div>

<script>
$(document).ready(function() {

    <?php if(isset($producto)): ?>
    // Si viene con producto preseleccionado, mostrar confirmación
    $('#producto_seleccionado').show();
    $('#producto_nombre_confirmado').text('<?php echo $producto->codigo . " — " . addslashes($producto->nombre); ?>');
    <?php endif; ?>

    $('#producto_busqueda').autocomplete({
        source: function(request, response) {
            $.ajax({
                url: '<?php echo base_url("index.php/produccion/costos/buscar_productos"); ?>',
                dataType: 'json',
                data: { term: request.term },
                success: function(data) {
                    response(data);
                }
            });
        },
        minLength: 2,
        select: function(event, ui) {
            $('#producto_id').val(ui.item.id);
            $('#producto_busqueda').val(ui.item.value);
            $('#producto_nombre_confirmado').text(ui.item.label);
            $('#producto_seleccionado').show();
            $('#producto_error').hide();
            return false;
        }
    });

    // Validar que se haya seleccionado un producto antes de enviar
    $('form').on('submit', function(e) {
        if (!$('#producto_id').val()) {
            e.preventDefault();
            $('#producto_error').show();
            $('#producto_busqueda').focus();
        }
    });

    // Si el usuario borra el texto, limpiar el id oculto
    $('#producto_busqueda').on('input', function() {
        if ($(this).val() === '') {
            $('#producto_id').val('');
            $('#producto_seleccionado').hide();
        }
    });

});
</script>
