<div class="accordion accordion-bordered mt-3" id="accordionDatosPresupuesto">
    <div class="card accordion-item active">
        <h2 class="accordion-header" id="headingOne">
            <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionDatosPresupuestoTip" aria-expanded="false" aria-controls="accordionDatosPresupuestoTip">
                <h4><?= lang("Presupuestos.datosPresupuesto") ?></h4>
            </button>
        </h2>

        <div id="accordionDatosPresupuestoTip" class="accordion-collapse collapse show" data-bs-parent="#accordionDatosPresupuesto">
            <div class="accordion-body">

                <!-- Fila 1 -->
                <div class="row">
                    <div class="col-md-12 col-lg-3 px-4">
                        <div class="mb-3">
                            <label for="id" class="form-label">
                                <?= lang('Presupuestos.id') ?>
                            </label>
                            <input readonly style="background: #E8E8E8;" id="id" name="id" maxLength="12" class="form-control" value="">
                        </div><!--//.mb-3 -->
                    </div><!--//.col -->

                    <div class="col-md-12 col-lg-3 px-4">
                        <div class="mb-3">
                            <label for="created_at" class="form-label">
                                <?= lang('Presupuestos.created_at') ?>
                            </label>
                            <?php if(str_contains($formAction,'edit')): ?>
                                <input readonly style="background: #E8E8E8;" id="updated_at" name="updated_at" maxLength="12" class="form-control" value="">
                            <?php else: ?>
                                <input readonly style="background: #E8E8E8;" id="created_at" name="created_at" maxLength="12" class="form-control" value="">
                            <?php endif; ?>
                        </div><!--//.mb-3 -->
                    </div><!--//.col -->

                    <div class="col-md-12 col-lg-3 px-4">
                        <div class="mb-3">
                            <label for="estado_id" class="form-label">
                                <?= lang('Presupuestos.presupuestoEstado') ?>
                            </label>
                            <select disabled id="estado_id" name="estado_id" maxLength="11" style="background-color: #E8E8E8;" class="form-control select2bs" value="">
                                    <option value=1 >
                                        <?=lang('Presupuestos.presupuestoEstadoBorrador') ?>
                                    </option>
                                    <option value=2 >
                                        <?=lang('Presupuestos.presupuestoEstadoAceptado') ?>
                                    </option>
                            </select>
                        </div><!--//.mb-3 -->
                    </div><!--//.col -->

                    <div class="col-md-12 col-lg-3 px-4">
                        <div class="mb-3">
                            <label for="incRei" class="form-label">
                                <?= lang('Presupuestos.incRei') ?>
                            </label>
                            <select id="incRei" name="inc_rei" maxLength="11" class="form-control select2bs" value="">
                                <option value="0">No</option>
                                <option value="incidencia">Incidencia</option>
                                <option value="reimpresion">Reimpresion</option>
                                <option value="sin_cargo">Sin cargo</option>
                            </select>

                        </div><!--//.mb-3 -->

                    </div><!--//.col -->
                </div> <!--//.row -->

                <!-- Fila 2 -->
                <div class="row">
                    <div class="col-md-12 col-lg-6 px-4">
                        <div class="mb-3">
                            <label for="titulo" class="form-label">
                                <?=lang('Presupuestos.titulo') ?>*
                            </label>
                            <input type="text" id="titulo" name="titulo" maxLength="300" class="form-control" value="">
                        </div><!--//.mb-3 -->
                    </div><!--//.col -->


                    <div class="col-md-12 col-lg-6 px-4">
                        <div class="mb-3">
                            <label for="autor" class="form-label">
                                <?=lang('Presupuestos.autor') ?>
                            </label>
                            <input type="text" id="autor" name="autor" maxLength="150" class="form-control" value="">
                        </div><!--//.mb-3 -->
                    </div><!--//.col -->

                </div> <!--//.row -->


                <!-- Fila 3 -->
                <div class="row">
                    <div class="col-md-12 col-lg-3 px-4">
                        <div class="mb-3">
                            <label for="coleccion" class="form-label">
                                <?=lang('Presupuestos.coleccion') ?>
                            </label>
                            <input type="text" id="coleccion" name="coleccion" maxLength="255" class="form-control" value="">
                        </div><!--//.mb-3 -->
                    </div>

                    <div class="col-md-12 col-lg-3 px-4">    
                        <div class="mb-3">
                            <label for="numeroEdicion" class="form-label">
                                <?=lang('Presupuestos.numeroEdicion') ?>
                            </label>
                            <input type="text" id="numeroEdicion" name="numero_edicion" maxLength="50" class="form-control" value="">
                        </div><!--//.mb-3 -->
                    </div>

                    <div class="col-md-12 col-lg-3 px-4">                
                        <div class="mb-3">
                            <label for="isbn" class="form-label">
                                <?=lang('Presupuestos.isbn') ?>
                            </label>
                                <input type="text" id="isbn" name="isbn" maxLength="50" class="form-control" value="">
                        </div><!--//.mb-3 -->
                    </div>

                    <div class="col-md-12 col-lg-3 px-4">                
                        <div class="mb-3">
                            <label for="paisId" class="form-label">
                                <?=lang('Presupuestos.paisId') ?>
                            </label>
                            <select id="paisId" name="pais_id" class="form-control select2bs" style="width: 100%;" >
                                <?php if(isset($pais_default)): ?>
                                    <option value="<?= $pais_default_id ?>" selected>
                                        <?= $pais_default ?>
                                    </option>
                                <?php endif; ?>
                            </select>
                        </div><!--//.mb-3 -->
                    </div>
                
                </div> <!--//.row -->


                <!-- Fila 3 -->
                <div class="row">                                    
                    <div class="col-md-12 col-lg-6 px-4">
                        <div class="mb-3">
                            <label for="clienteId" class="form-label">
                                <?= lang('Presupuestos.clienteId') ?>*
                                <?php if(isset($cliente_id)):?>
                                    <a href="<?= route_to('editarCliente', $cliente_id); ?>" target="_blank" ><i class="ti ti-file-search ti-sm mx-2""></i></a>
                                <?php endif; ?>
                            </label>
                            <select id="clienteId" name="cliente_id" class="form-control select2bs2" style="width: 100%;">
                            </select>
                        </div><!--//.mb-3 -->
                    </div><!--//.col -->

                    <div class="col-md-12 col-lg-6 px-4">
                        <div class="mb-3">
                            <label for="referenciaCliente" class="form-label">
                                <?=lang('Presupuestos.referenciaCliente') ?>
                            </label>
                            <input type="text" id="referenciaCliente" name="referencia_cliente"  maxLength="100" class="form-control" value="">
                        </div><!--//.mb-3 -->
                    </div><!--//.col -->


                </div> <!--//.row -->

            </div> <!-- //.accordion-body -->
        </div> <!-- //.accordion-collapse -->
    </div> <!-- //.accordion-item -->
</div> <!-- //.accordion -->
