<?= $this->include('themes/_commonPartialsBs/select2bs5') ?>
<?= $this->include('themes/_commonPartialsBs/datatables') ?>
<?= $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
<?= $this->extend('themes/vuexy/main/defaultlayout') ?>

<?= $this->section('content');  ?>
<div class="row">
    <div class="col-md-12">

        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title">Error presupuesto</h3>
            </div>
            <!--//.card-header -->
            <div class="card-body" id="error-presupuesto-container">

                <?= view('themes/_commonPartialsBs/_alertBoxes'); ?>
                <form id="error-presupuesto-form">
                    <input id="error-presupuesto-id" value="<?= $error_presupuesto_id ?>" hidden>
                    <div class="row justify-content-start align-items-end mb-3">
                        <div class="col-md-10 overflow-hidden w-20">
                            <label for="presupuesto-user-id">Usuario presupuesto</label>
                            <input name="presupuesto_user_id" type="text" class="form-control" id="presupuesto-user-id"
                                disabled>
                        </div>
                        <div class="col-md-2 overflow-hidden w-20">
                            <label class="switch switch-square switch-lg">
                                <input type="checkbox" class="switch-input" id="error-presupuesto-visto" name="visto"
                                    disabled>
                                <span class="switch-toggle-slider">
                                    <span class="switch-on">
                                        <i class="ti ti-eye"></i>
                                    </span>
                                    <span class="switch-off">
                                        <i class="ti ti-eye-off"></i>
                                    </span>
                                </span>
                                <span class="switch-label">Visto</span>
                            </label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3 overflow-hidden">
                            <label for="datos-presupuesto">Datos</label>
                            <textarea rows="10" class="form-control" id="datos-presupuesto"
                                placeholder="Datos presupuesto" disabled></textarea>
                        </div>
                        <div class="col-md-6 mb-3 overflow-hidden">
                            <label for="error-presupuesto">Error</label>
                            <textarea rows="10" class="form-control" id="error-presupuesto-text" placeholder="Error"
                                disabled></textarea>
                        </div>
                        <div class="col-md-12 mb-3 overflow-hidden">
                            <label for="comments-presupuesto">Comentarios</label>
                            <textarea rows="10" class="form-control" id="comments-presupuesto"
                                placeholder="Comentarios"></textarea>

                        </div>
                        <div class="col-md-12">
                            <button class="btn btn-primary button-update-comment" type="button">
                                <span class="ti ti-sm ti-send me-1" id="update-button-icon"></span>
                                <span class="spinner-border me-1" role="status" aria-hidden="true"
                                    id="update-button-loader" hidden></span>
                                <?= lang("App.global_save") ?></button>
                            <a class="btn btn-secondary" href="<?= route_to("erroresPresupuestoIndex") ?>"
                                class="btn btn-secondary"><?= lang("App.global_come_back") ?>
                            </a>
                        </div>
                    </div>
            </div>
            </form>
        </div>

    </div>
    <!--//.card-body -->
    <div class="card-footer">

    </div>
    <!--//.card-footer -->
</div>
<!--//.card -->
</div>
<!--//.col -->
<!--//.row -->
<?= $this->endSection() ?>
<?= $this->section("additionalExternalJs") ?>
<script type="module" src="<?= site_url('assets/js/safekat/pages/configuracion/error_presupuesto/indexForm.js') ?>">
</script>
<?= $this->endSection() ?>