safekat/ci4/app/Views/themes/vuexy/components/dropzone.php

<div class="accordion accordion-bordered mt-3" id="accordionPresupuestoFiles">
    <div class="card accordion-item">
        <h2 class="accordion-header" id="headingPresupuestoFiles">
            <button type="button" class="accordion-button collapsed" data-bs-toggle="collapse"
                data-bs-target="#accordionPresupuestoFilesTip" aria-expanded="false"
                aria-controls="accordionPresupuestoFilesTip">
                <span><i class="ti-files ti-md ti"></i></span>
                    <h4><?= lang("Presupuestos.files") ?></h4>
            </button>
        </h2>
        <div id="accordionPresupuestoFilesTip" class="accordion-collapse collapse"
            data-bs-parent="#accordionPresupuestoFiles">
            <div class="accordion-body">
                <div class="col-12">
                    <div class="dropzone needsclick" id="<?= $id ?>" data-id="<?= $modelId ?>" data-ot-id="<?= $otId ?? '' ?>">

                        <div class="dz-message needsclick">
                            Arrastre aquí los ficheros o haga click
                        </div>
                        <div class="fallback">
                            <input name="file" type="file" />
                        </div>
                    </div>
                </div>
                <div class="col-md-12 gap-2">
                    <button id="<?= $id ?>_btnUploadFiles" class="btn mt-3 btn-sm btn-primary waves-effect waves-light ml-2 ">
                        <span class="align-middle d-sm-inline-block d-none me-sm-1"><?= lang('App.global_upload_files') ?></span>
                        <i class="ti ti-upload ti-xs"></i>
                    </button>
                    <button id="<?= $id ?>_btnSubmitFiles" class="btn mt-3 btn-success btn-sm waves-effect waves-light ml-2">
                        <span class="align-middle d-sm-inline-block d-none me-sm-1"><?= lang('App.global_save_file') ?></span>
                        <i class="ti ti-device-floppy ti-xs"></i>
                    </button>
                    <button id="<?= $id ?>_btnDownloadFiles" class="btn mt-3 btn-secondary btn-sm waves-effect waves-light ml-2">
                        <span class="align-middle d-sm-inline-block d-none me-sm-1"><?= lang('App.global_download_files') ?></span>
                        <i class="ti ti-device-floppy ti-xs"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<?= $this->section('css') ?>
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/dropzone/dropzone.css') ?>" />
<?= $this->endSection() ?>
<?= $this->section('additionalExternalJs') ?>
<script src="<?= site_url("themes/vuexy/vendor/libs/dropzone/dropzone.js") ?>"></script>
<?= $this->endSection() ?>