<?= $this->include('themes/_commonPartialsBs/datatables') ?>
<?= $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-md-12">

        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title">Importador de Presupuestos desde el ERP antiguo</h3>
            </div><!--//.card-header -->
            <div class="card-body">
                <?= view('themes/_commonPartialsBs/_alertBoxes'); ?>

                <div class="row align-items-end">

                    <div class="col-md-4">
                        <label id="label_clienteId" for="clienteId" class="form-label">
                            Cliente
                        </label>
                        <select id="clienteId" name="cliente_id" class="form-control select2bs2" style="width: 100%;">
                        </select>
                    </div>

                    <div class="col-md-4">
                        <label id="label_clienteId" for="clienteId" class="form-label">
                            Presupuesto
                        </label>
                        <select id="presupuesto" name="presupuesto" class="form-control select2bs2" style="width: 100%;"
                            disabled>
                        </select>
                    </div>


                    <div class="col-md-2 d-flex flex-column h-100">
                        <button id="openOld" class="btn btn-primary waves-effect waves-light mt-auto w-100" disabled>
                            Abrir original
                        </button>
                    </div>

                    <div class="col-md-2 d-flex flex-column h-100">
                        <button id="initImport" class="btn btn-primary waves-effect waves-light mt-auto w-100" disabled>
                            Obtener datos
                        </button>
                    </div>

                </div>


                <div class="card card-info mt-3 " id="cardImportador">
                    <div class="card-header">
                        <h3 class="card-title
                        ">Detalle presupuesto</h3>
                    </div><!--//.card-header -->

                    <div class="card-body">
                        <div class="row">

                            <div class="col-md-2">
                                <label for="paginas" class="form-label">
                                    Páginas
                                </label>
                                <input type="text" id="paginas" name="paginas" class="form-control" disabled>
                            </div>

                            <div class="col-md-2">
                                <label for="tirada" class="form-label">
                                    Tirada
                                </label>
                                <input type="text" id="tirada" name="tirada" class="form-control" disabled>
                            </div>

                            <div class="col-md-3">
                                <label for="tamanio" class="form-label">
                                    Tamaño
                                </label>

                                <select id="tamanio" name="tamanio" class="form-control select2bs2" disabled>
                                </select>

                                <div id="formatoPersonalizado" class="row justify-content-center d-none">

                                    <div class="col-md-6 mb-1 ">
                                        <input type="number" id="papelFormatoAncho" name="papel_formato_ancho" step="1"
                                            class="form-control num-input" min="110" value="110" readonly>
                                    </div>

                                    <div class="col-md-6 mb-1 ">
                                        <input type="number" id="papelFormatoAlto" name="papel_formato_alto" step="1"
                                            class="form-control num-input" min="170" value="170" readonly>
                                    </div>

                                </div>

                                <div class="form-check form-switch mt-2 mb-2">
                                    <input class="form-check-input" type="checkbox" id="papelFormatoPersonalizado"
                                        name="papel_formato_personalizado" value="1" disabled>
                                    <label class="form-check-label"
                                        for="papelFormatoPersonalizado"><?= lang('Presupuestos.papelFormatoPersonalizado') ?>
                                    </label>
                                </div>

                            </div>

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

                        <h5 class="mt-3">Encuadernación</h5>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="encuadernacion_old" class="form-label">Encuadernación original</label>
                                <input type="text" id="encuadernacion_old" name="encuadernacion_old"
                                    class="form-control" disabled>
                            </div>

                            <div class="col-md-6">
                                <label for="encuadernacion" class="form-label">Encuadernación propuesta</label>
                                <select id="encuadernacion" name="encuadernacion"
                                    class="form-control select2bs2 warning-change" style="width: 100%;">
                                </select>
                            </div>
                        </div><!--//.row -->

                        <h5 class="mt-5">Interior</h5>


                        <div class="row mb-3">
                            <div class="col-md-2">
                                <label for="interior_old" class="form-label">Calidad</label>
                                <select id="isHq" name="isHq" class="form-control warning-change">
                                    <option value="0">Estándar</option>
                                    <option value="1">HQ</option>
                                </select>
                            </div>
                        </div>

                        <div class="row">

                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th style="width: 10%;"></th>
                                        <th style="width: 10%;"><?= lang("Presupuestos.numeroPaginas") ?></th>
                                        <th style="width: 30%;">Papel Genérico original</th>
                                        <th style="width: 30%;">Papel Genérico propuesto</th>
                                        <th style="width: 10%;"><?= lang("Presupuestos.gramaje") ?></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><?= lang('MaquinasTarifasImpresions.negro') ?></td>
                                        <td>
                                            <input type="text" id="compPaginasNegro" name="comp_paginas_negro"
                                                placeholder="0" maxLength="5" class="form-control comp_negro_items"
                                                value="" readonly>
                                        </td>
                                        <td>
                                            <input id="compPapelNegroOrigen" name="comp_papel_negro_origen"
                                                class="form-control comp_negro_items" value="" readonly>

                                        </td>
                                        <td>
                                            <select id="compPapelNegroSelected" name="comp_papel_negro_selected "
                                                class="form-control select2bs2 comp_negro_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                        <td>
                                            <select id="compGramajeNegro" name="comp_gramaje_negro "
                                                class="form-control select2bs2 comp_negro_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><?= lang('MaquinasTarifasImpresions.color') ?></td>
                                        <td>
                                            <input type="text" id="compPaginasColor" name="comp_paginas_color"
                                                placeholder="0" maxLength="5" class="form-control comp_color_items"
                                                value="">
                                        </td>
                                        <td>
                                            <input type="text" id="compPapelColorOrigen" name="comp_papel_color_origen"
                                                class="form-control comp_color_items" value="" readonly>
                                        </td>
                                        <td>
                                            <select id="compPapelColorSelected" name="comp_papel_color_selected"
                                                class="form-control select2bs2 comp_color_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                        <td>
                                            <select id="compGramajeColor" name="comp_papel_color_selected"
                                                class="form-control select2bs2 comp_color_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>


                        <h5 class="mt-5">Exteriores</h5>
                        <div class="row">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th style="width: 10%;"></th>
                                        <th style="width: 10%;">Opciones</th>
                                        <th style="width: 10%;">Solapas</th>
                                        <th style="width: 25%;">Papel Genérico original</th>
                                        <th style="width: 25%;">Papel Genérico propuesto</th>
                                        <th style="width: 10%;"><?= lang("Presupuestos.gramaje") ?></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Cubierta</td>
                                        <td>
                                            <select id="compCarasCubierta" name="comp_paginas_cubierta"
                                                class="form-control select2bs2 comp_cubierta_items" style="width: 100%;"
                                                disabled>
                                                <option value="2"><?= lang('Presupuestos.unaCara') ?></option>
                                                <option value="4"><?= lang('Presupuestos.dosCaras') ?></option>
                                            </select>
                                        </td>
                                        <td>
                                            <input id="compSolapasCubierta" name="comp_solapas_cubierta"
                                                class="form-control comp_cubierta_items" value="" readonly>
                                        <td>
                                            <input type="text" id="compPapelCubiertaOrigen"
                                                name="comp_papel_cubierta_origen"
                                                class="form-control comp_cubierta_items" style="width: 100%;" readonly>
                                            </input>
                                        </td>
                                        <td>
                                            <select id="compPapelCubiertaSelected" name="comp_papel_cubierta_selected"
                                                class="form-control select2bs2 comp_cubierta_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                        <td>
                                            <select id="compGramajeCubierta" name="comp_papel_cubierta_selected"
                                                class="form-control select2bs2 comp_cubierta_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Sobrecubierta</td>
                                        <td>
                                            <select id="compSobrecubierta" name="comp_sobrecubierta"
                                                class="form-control select2bs2 comp_sobrecubierta_items"
                                                style="width: 100%;" disabled>
                                                <option value="0"><?= lang('Presupuestos.no') ?></option>
                                                <option value="1"><?= lang('Presupuestos.si') ?></option>
                                            </select>
                                        </td>
                                        <td>
                                            <input id="compSolapasSobrecubierta" name="comp_solapas_sobrecubierta"
                                                class="form-control comp_sobrecubierta_items" value="" readonly>
                                        </td>
                                        <td>
                                            <input id="compPapelSobrecubiertaOrigen"
                                                name="comp_papel_sobrecubierta_origen"
                                                class="form-control comp_sobrecubierta_items" value="" readonly>
                                        </td>
                                        <td>
                                            <select id="compPapelSobrecubiertaSelected"
                                                name="comp_papel_sobrecubierta_selected"
                                                class="form-control select2bs2 comp_sobrecubierta_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                        <td>
                                            <select id="compGramajeSobrecubierta"
                                                name="comp_papel_sobrecubierta_selected"
                                                class="form-control select2bs2 comp_sobrecubierta_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <h5 class="mt-5">Acabados</h5>
                        <div class="row">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th style="width: 10%;"></th>
                                        <th style="width: 45%;">Acabado original</th>
                                        <th style="width: 45%;">Acabado propuesto</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Cubierta</td>
                                        <td>
                                            <input type="text" id="compAcabadoCubiertaOrigen"
                                                name="comp_acabado_cubierta_origen"
                                                class="form-control comp_cubierta_items" value="" readonly>
                                        </td>
                                        <td>
                                            <select id="compAcabadoCubiertaSelected"
                                                name="comp_acabado_cubierta_selected"
                                                class="form-control select2bs2 comp_cubierta_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Sobrecubierta</td>
                                        <td>
                                            <input id="compAcabadoSobrecubiertaOrigen"
                                                name="comp_acabado_sobrecubierta_origen"
                                                class="form-control comp_sobrecubierta_items" value="" readonly>
                                        </td>
                                        <td>
                                            <select id="compAcabadoSobrecubiertaSelected"
                                                name="comp_acabado_sobrecubierta_selected"
                                                class="form-control select2bs2 comp_sobrecubierta_items warning-change"
                                                style="width: 100%;">
                                            </select>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>

                        <h5 class="mt-5">Servicios</h5>
                        <div class="row">
                            <div class="col-md-3 mb-3">
                                <div class="form-check">
                                    <label for="ferro" class="form-check-label">
                                        <input type="checkbox" id="ferro" name="ferro" value="1"
                                            class="form-check-input" service="extra"
                                            service-id=<?= $serviciosAutomaticos['ferro'] ?>>
                                        <?= lang('Presupuestos.ferro') ?>
                                    </label>
                                </div><!--//.form-check -->
                            </div>
                            <div class="col-md-3 mb-3">
                                <div class="form-check">
                                    <label for="ferroDigital" class="form-check-label">
                                        <input type="checkbox" id="ferroDigital" name="ferro_digital" value="1"
                                            service="extra" service-id=<?= $serviciosAutomaticos['ferro_digital'] ?>
                                            class="form-check-input">
                                        <?= lang('Presupuestos.ferroDigital') ?>
                                    </label>
                                </div><!--//.form-check -->
                            </div>
                            <div class="col-md-3 mb-3">
                                <div class="form-check">
                                    <label for="prototipo" class="form-check-label">
                                        <input type="checkbox" id="prototipo" name="prototipo" value="1"
                                            class="form-check-input" service="extra"
                                            service-id=<?= $serviciosAutomaticos['prototipo'] ?>>
                                        <?= lang('Presupuestos.prototipo') ?>
                                    </label>
                                </div><!--//.form-check -->
                            </div>
                            <div class="col-md-3 mb-3">
                                <div class="form-check">
                                    <label for="marcapaginas" class="form-check-label">
                                        <input type="checkbox" id="marcapaginas" name="marcapaginas" value="1"
                                            class="form-check-input">
                                        <?= lang('Presupuestos.marcapaginas') ?>
                                    </label>
                                </div><!--//.form-check -->
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3 mb-3">
                                <button id="makeImport" class="btn btn-primary waves-effect waves-light mt-auto w-100"
                                    disabled>
                                    Importar presupuesto
                                </button>
                            </div>
                        </div>

                    </div><!--//.card -->

                </div><!--//.card-body -->

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

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

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

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

    <?= $this->section('additionalExternalJs') ?>
    <script type="module"
        src="<?= site_url('assets/js/safekat/pages/importadorPresupuestos/importador.js') ?>"></script>
    <script src="<?= site_url('themes/vuexy/vendor/libs/sweetalert2/sweetalert2.js') ?>"></script>
    <?= $this->endSection() ?>