<div class="row">
    <div class="col-2">

        <div class="form-group">
            <label for="presupuestosImpresion"><?= lang('Presupuestos.presupuestosImpresion') ?></label>
            <input readonly type="text" class="form-control autonumeric-currency-totales" id="presupuestosImpresion"
                name="presupuestos_impresion">
        </div>
        <div class="form-group">
            <label for="presupuestosMaquetacion"><?= lang('Presupuestos.presupuestosMaquetacion') ?></label>
            <input readonly type="text" class="form-control autonumeric-currency-totales" id="presupuestosMaquetacion"
                name="presupuestos_maquetacion">
        </div>
        <div class="form-group">
            <label for="totalPresupuestos" class="fw-bold"><?= lang('Presupuestos.presupuestosTotal') ?></label>
            <input readonly type="text" class="form-control fw-bold autonumeric-currency-totales" id="totalPresupuestos"
                name="total_presupuestos">
        </div>
    </div>
</div>

<div class="row">
    <table id="tableOfPresupuestosCliente" class="table table-striped table-hover" style="width: 100%;">
        <thead>
            <tr>
                <th style="width: 10%;"><?= lang('Presupuestos.id') ?></th>
                <th style="width: 10%;"><?= lang('Presupuestos.fecha') ?></th>
                <th style="width: 12%;"><?= lang('Presupuestos.comercial') ?></th>
                <th style="width: 18%;"><?= lang('Presupuestos.titulo') ?></th>
                <th style="width: 10%;"><?= lang('Presupuestos.paginas') ?></th>
                <th style="width: 10%;"><?= lang('Presupuestos.tirada') ?></th>
                <th style="width: 10%;"><?= lang('Presupuestos.total') ?></th>
                <th style="width: 10%;"><?= lang('Presupuestos.estado') ?></th>
                <th style="width: 10%;" class="noFilter text-nowrap"><?= lang('Basic.global.Action') ?></th>
            </tr>
            <tr>
                <th><input type="text" class="form-control presupuesto-filter" name="id"></th>
                <th><input id="fechaPresupuesto_filter" type="text" class="form-control"
                        name="created_at">
                </th>
                <th><input type="text" class="form-control presupuesto-filter" name="comercial"></th>
                <th><input type="text" class="form-control presupuesto-filter" name="titulo"></th>
                <th></th>
                <th></th>
                <th></th>
                <th>
                    <select class="form-control presupuesto-filter-select" name="estado">
                        <option value=""><?= lang('Presupuestos.todos')?></option>
                        <option value="1"><?=  lang('Presupuestos.borrador') ?></option>
                        <option value="2"><?=  lang('Presupuestos.confirmado') ?></option>
                    </select>
                </th>
                <th></th>
            </tr>

        </thead>
        <tbody>

        </tbody>
    </table>
</div>