<div class="accordion accordion-bordered mt-3" id="accordionOtDetails">
    <div class="card accordion-item active">
        <h2 class="accordion-header">
            <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionOtDetailsTip" aria-expanded="false" aria-controls="accordionOtDetailsTip">

                <h4> <i class="tf-icon ti-file-info ti-xs ti">Detalles</i> </h4>
            </button>
        </h2>

        <div id="accordionOtDetailsTip" class="accordion-collapse collapse show" data-bs-parent="#accordionOtDetails">
            <div class="accordion-body">
                <div class="row">
                    <!-- Detail 1-->
                    <div class="col-xs-12 col-md-4 col-lg-2 mb-2">
                        <label for="ot-formato" class="form-label"><?= @lang("Produccion.formato") ?></label>
                        <input type="text" class="form-control" name="formato" id="ot-formato" disabled>
                    </div>
                    <!-- Detail 2-->
                    <div class="col-xs-12 col-md-4 col-lg-2 mb-2">
                        <label for="ot-paginas" class="form-label"><?= @lang("Produccion.paginas") ?></label>
                        <input type="text" class="form-control" name="paginas" id="ot-paginas" name="presupuesto.paginas" disabled>
                    </div>
                    <!-- Detail 3-->
                    <div class="col-xs-12 col-md-4 col-lg-2 mb-2">
                        <label for="ot-solapa" class="form-label"><?= @lang("Produccion.solapa") ?></label>
                        <input type="text" class="form-control" name="solapa" id="ot-solapa" disabled>
                    </div>
                    <!-- Detail 4-->
                    <div class="col-xs-12 col-md-4 col-lg-2 mb-2">
                        <label for="ot-tirada" class="form-label"><?= @lang("Produccion.tirada") ?></label>
                        <input type="text" class="form-control" name="tirada" id="ot-tirada" name="presupuesto.tirada" disabled>
                    </div>
                    <!-- Detail 5-->
                    <div class="col-xs-12 col-md-4 col-lg-4 mb-2">
                        <label for="ot-merma" class="form-label"><?= @lang("Produccion.merma") ?></label>
                        <input type="text" class="form-control" name="merma" id="ot-merma" name="presupuesto.merma" disabled>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>