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

<?= $this->section('content'); ?>

<div id="ot-edit" data-id="<?= $modelId ?>">
    <?= view('themes/_commonPartialsBs/_alertBoxes'); ?>
    <?= view("themes/vuexy/form/produccion/ot/otHeader") ?>

    <div class="row">
        <div id="ot-edit-form">
            <div class="col-md-12 section-block">
                <?= view("themes/vuexy/form/produccion/ot/otPortada") ?>
            </div>

            <div class="col-md-12 section-block">
                <?= view("themes/vuexy/form/produccion/ot/otDates") ?>
            </div>
            <div class="col-md-12 section-block">
                <?= view("themes/vuexy/form/produccion/ot/otDetails") ?>
            </div>
            <div class="col-md-12 section-block">
                <?= view("themes/vuexy/form/produccion/ot/otProgress") ?>
            </div>
            <div class="col-md-12 section-block">
                <?= view("themes/vuexy/form/produccion/ot/otTask") ?>
            </div>
            <div class="col-md-12 section-block">
                <?= view("themes/vuexy/components/chat_internal_orden_trabajo", data: ["modelId" => $modelId, "type" => "orden_trabajo"]) ?>
            </div>

            <div class="col-md-12 section-block">
                <?= view("themes/vuexy/form/produccion/ot/otFiles") ?>
            </div>
            <div class="col-md-12 section-block">
                <?= view("themes/vuexy/form/produccion/ot/otComments") ?>
            </div>
        </div>
        <div class="col-md-12 mt-3">
            <div class="d-grip gap-2">
                <a type="button" class="btn btn-outline-danger btn-block mb-1" target="__blank"
                    href="<?= "/produccion/ordentrabajo/pdf/" . $modelId ?>">
                    <span class="ti-sm ti ti-eye me-1"></span>
                    <?= @lang("Produccion.preview_pdf") ?></a>
                <?php if ($presupuesto->prototipo): ?>
                    <button type="button"
                        class="btn btn-primary btn-block mb-1 beta"><?= @lang("Produccion.imprimir_ferro") ?></button>
                <?php endif; ?>
                <a type="button" href="<?= route_to('getOrdenTrabajoBarCode', $modelId) ?>"
                    class="btn btn-secondary btn-block mb-1"
                    download><?= @lang("Produccion.imprimir_codigo_safekat") ?></a>

            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="modalCommentTarea" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel1"><?= lang('Produccion.tarea') ?></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <label for="comment-tarea" class="form-label d-flex text-start w-100">Comentario &nbsp;<p
                        id="comment-type"></p></label>
                <textarea name="comment" class="form-control" id="comment-tarea" rows="5" cols="5"></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" id="btn-update-tarea-comment"
                    class="btn btn-primary"><?= lang('Chat.modal.btn_send') ?></button>
                <button type="button" class="btn btn-label-secondary"
                    data-bs-dismiss="modal"><?= lang('App.global_come_back') ?></button>
            </div>
        </div>
    </div>
</div>

<?= $this->endSection() ?>

<?= $this->section('css') ?>
<link rel="stylesheet" href="<?= site_url("themes/vuexy/vendor/libs/dropzone/dropzone.css") ?>" />
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/spinkit/spinkit.css') ?>" />
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/notiflix/notiflix.css') ?>" />
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/sweetalert2/sweetalert2.css') ?>" />
<?= $this->endSection() ?>

<?= $this->section('additionalExternalJs') ?>
<script src="<?= site_url("themes/vuexy/vendor/libs/dropzone/dropzone.js") ?>"></script>
<script src="<?= site_url("themes/vuexy/vendor/libs/notiflix/notiflix.js") ?>"></script>
<script src="<?= site_url("themes/vuexy/vendor/libs/bs-stepper/bs-stepper.js") ?>"></script>
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/FormValidation.js") ?>"></script>
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js") ?>"></script>
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js") ?>"></script>
<script src="<?= site_url('themes/vuexy/vendor/libs/autosize/autosize.js') ?>"></script>
<script src="<?= site_url('themes/vuexy/vendor/libs/two/two.js') ?>"></script>
<script src="<?= site_url('themes/vuexy/vendor/libs/sweetalert2/sweetalert2.js') ?>"></script>
<script src="<?= site_url('themes/vuexy/vendor/libs/perfect-scrollbar/perfect-scrollbar.js') ?>"></script>

<script type="module" src="<?= site_url('assets/js/safekat/pages/produccion/edit.js') ?>"></script>
<?= $this->endSection() ?>