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

<?= $this->section("content") ?>
<div class="row">
    <div class="col-12">
        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title"><?= $boxTitle ?? $pageTitle ?></h3>
            </div><!--//.card-header -->
            <form id="servicioAcabadoForm" class="card-body" method="post" action="<?= $formAction ?>">
                <?= csrf_field() ?>
                <?= view("themes/_commonPartialsBs/_alertBoxes") ?>
                <?= !empty($validation->getErrors()) ? $validation->listErrors("bootstrap_style") : "" ?>
                <div class="row">
                    <div class="col-md-12 col-lg-12 px-4">
                        <div class="mb-3">
                            <label for="nombre" class="form-label">
                                <?= lang('ServicioAcabado.nombre') ?>*
                            </label>
                            <input type="text" id="nombre" name="nombre" maxLength="255" class="form-control"
                                value="<?= old('nombre', $servicio->nombre) ?>">
                        </div><!--//.mb-3 -->

                        <div class="row">
                            <span class="mb-3">Seleccione si es servicio cubierta o sobrecubierta (o ambos) antes de
                                seleccionar las tarifas asociadas. Al cambiar estas opciones, se borrará la
                                selección.</span>
                            <div class="mb-3">
                                <div class="form-check col-md-3">
                                    <label for="acabado_cubierta" class="form-check-label">
                                        <input type="checkbox" id="acabado_cubierta" name="acabado_cubierta" value="1"
                                            class="form-check-input" <?= $servicio->acabado_cubierta == true ? 'checked' : ''; ?>>
                                        <?= lang('ServicioAcabado.servicio_cubierta') ?>
                                    </label>
                                </div><!--//.form-check -->

                                <div class="form-check col-md-3">
                                    <label for="acabado_sobrecubierta" class="form-check-label">
                                        <input type="checkbox" id="acabado_sobrecubierta" name="acabado_sobrecubierta"
                                            value="1" class="form-check-input" <?= $servicio->acabado_sobrecubierta == true ? 'checked' : ''; ?>>
                                        <?= lang('ServicioAcabado.servicio_sobrecubierta') ?>
                                    </label>
                                </div><!--//.form-check -->

                                <div class="form-check col-md-3">
                                    <label for="mostrar_en_presupuesto_cliente" class="form-check-label">
                                        <input type="checkbox" id="mostrar_en_presupuesto_cliente"
                                            name="mostrar_en_presupuesto_cliente" value="1" class="form-check-input"
                                            <?= $servicio->mostrar_en_presupuesto_cliente == true ? 'checked' : ''; ?>>
                                        <?= lang('Tarifaencuadernacion.mostrar_en_presupuesto_cliente') ?>
                                    </label>
                                </div><!--//.form-check -->
                            </div><!--//.mb-3 -->
                        </div>

                        <div class="mb-3">
                            <div class="form-group">
                                <label for="tarifas" class="form-label">
                                    <?= lang('Tarifaacabado.tarifasacabado') ?></label>
                                <select id="tarifas" name="tarifasAcabado[]" multiple="multiple"
                                    class="form-control select2"
                                    data-selected='<?= json_encode($tarifasSeleccionadas) ?>'></select>
                            </div>
                        </div>


                        <div class="mb-3">
                            <label for="comentarios" class="form-label">
                                <?= lang('ServicioAcabado.comentarios') ?>
                            </label>
                            <textarea id="comentarios" name="comentarios" rows="5" cols="10"
                                class="form-control"><?= old('comentarios', $servicio->comentarios) ?></textarea>
                        </div><!--//.mb-3 -->


                    </div><!--//.col -->

                </div><!-- //.row -->

                <div class="pt-4">
                    <?php if (auth()->user()->can('tarifa-acabado.edit')): ?>
                        <input type="submit" class="btn btn-primary float-start me-sm-3 me-1" name="save"
                            value="<?= lang("Basic.global.Save") ?>" />
                    <?php endif; ?>
                    <?= anchor(route_to("serviciosAcabadoList"), lang("Basic.global.Cancel"), ["class" => "btn btn-secondary float-start"]) ?>
                </div><!-- /.card-footer -->
            </form>
        </div><!-- //.card -->
    </div><!--//.col -->
</div><!--//.row -->

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

<?= $this->section('additionalExternalJs') ?>

<script type="module" src="<?= site_url("/assets/js/safekat/pages/tarifas/serviciosAcabado/edit.js") ?>"></script>

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