<?php

use CodeIgniter\I18n\Time;
?>
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/pdf.ot.css') ?>">
    <title>Rotativa</title>
</head>

<body>
    <div>
        <div class="header">
            <div class="title"><?= $presupuesto->titulo ?></div>
            <div><?= Time::now()->format("d/m/Y H:i:s") ?></div>
        </div>
        <div class="section">
            <div class="cover">
                <div class="portada">
                    <img class="portada-img" src="<?= "data:image/png;base64," . base64_encode(file_get_contents(WRITEPATH . "uploads/" . $ot->portada_path)) ?>">
                </div>
                <div class="portada-info">
                    <div class="portada-row">
                        <p class="portada-text  pl-2"><strong><?= $dates->fecha_encuadernado_at ? week_day_humanize(Time::createFromFormat("Y-m-d", $dates->fecha_encuadernado_at)->getDayOfWeek(),true) : "" ?></strong></p>
                        <div class="portada-text  pr-2"><strong>Comercial:</strong> <?= $cliente->first_name . " " . $cliente->comercial()->last_name ?> </div>

                    </div>
                    <div class="portada-row-2">
                        <div style="display: flex;flex-direction:column;height:100%;width:25%">
                            <p class="portada-text date" id="fecha_encuadernado_at"><?= $dates->fecha_encuadernado_at ? Time::createFromFormat("Y-m-d", $dates->fecha_encuadernado_at)?->format("d/m/Y") : "" ?></p>
                            <!-- <div style="width: 100%;height: 100%;background-color:white;margin-left:0.5rem;margin-bottom:0.5rem">

                                </div> -->
                            <div class="pl-2">
                                <table id="table-portada-ubicacion">
                                    <tr class="t-row">
                                        <th class="t-header">IN</th>
                                        <td class="t-cell"><?= $ubicacion ?></td>
                                    </tr>
                                    <tr class="t-row">
                                        <th class="t-header">PO</th>
                                        <td class="t-cell"><?= $ubicacion ?></td>
                                    </tr>
                                    <tr class="t-row">
                                        <th class="t-header">PL</th>
                                        <td class="t-cell"><?= $ubicacion ?></td>
                                    </tr>
                                    <tr class="t-row">
                                        <th class="t-header">EN</th>
                                        <td class="t-cell"><?= $ubicacion ?></td>
                                    </tr>
                                    <tr class="t-row">
                                        <th class="t-header">MA</th>
                                        <td class="t-cell"><?= $ubicacion ?></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div style="display: flex;flex-direction:column;height:100%;width:10%" class="pt-2">
                            <div class="pl-2 pt-2">
                                <table id="table-portada-ubicacion">
                                    <tr class="t-row">
                                        <th class="t-header" style="font-size: large;">RF</th>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="square-wrapper">
                            <div class="square bg-white">
                                BCLF 100
                            </div>
                            <div class="square bg-white">
                                0:3
                            </div>
                            <div class="square bg-gray">
                                EM 300
                            </div>
                            <div class="square bg-blue">
                                BRILLO
                            </div>
                        </div>
                        <div class="cod">
                            <div class="code-code">
                                <p style="line-height: 0px;font-size:20px"><?= $ot->id ?></p>
                            </div>
                            <div class="cod-barras"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="flex-row">
                <div class="flex-col" id="presupuesto-section">
                    <table>
                        <tr>
                            <th>Cliente</th>
                            <td class="t-cell  ">
                                <p class="cliente-title"><?= $cliente->nombre ?></p>
                            </td>
                        </tr>
                        <tr>
                            <th>Titulo</th>
                            <td class="t-cell  ">
                                <p class="presupuesto-title"><?= $presupuesto->titulo ?></p>
                            </td>

                        </tr>
                        <tr>
                            <th>ISBN</th>
                            <td class="t-cell"><?= $presupuesto->isbn  ?></td>
                        </tr>
                        <tr>
                            <th>CIF</th>
                            <td class="t-cell"><?= $cliente->cif  ?></td>
                        </tr>
                    </table>

                </div>
                <div class="esquema-imposicion-wrapper">
                    <div class="esquema">
                        <div class="pagina-imposicion-outer-start">
                            <div class="pagina-imposicion-inner">
                                A
                            </div>
                        </div>
                        <div class="pagina-imposicion-outer">
                            <div class="pagina-imposicion-inner">
                                A
                            </div>
                        </div>
                        <div class="pagina-imposicion-outer">
                            <div class="pagina-imposicion-inner">
                                A
                            </div>
                        </div>
                        <div class="pagina-imposicion-outer-end">
                            <div class="pagina-imposicion-inner">
                                A
                            </div>
                        </div>
                    </div>
                    <div class="imposicion">
                        <table style="width: 400%;">
                            <tr>
                                <th>Imposicion</th>
                                <td>400x400</td>
                            </tr>
                        </table>
                    </div>
                </div>


            </div>
        </div>

        <div class="section">
            <div class="section-title impresion">IMP. INTERIOR</div>
            <table>
                <tr>
                    <td rowspan="3" class="row-logo-impresion"><img src="<?= site_url($linea_impresion->get_impresion_logo()) ?>" width="35px" height="35px"></td>
                    <th>Páginas</th>
                    <th>Ejemplares</th>
                    <th>Tintas</th>
                    <th>Formas</th>
                    <th>Máquina</th>
                    <th>Clics</th>
                    <th>Tiempo</th>
                </tr>
                <tr>
                    <td><?= $presupuesto->paginas ?></td>
                    <td><?= $presupuesto->tirada ?></td>
                    <td>??</td>
                    <td><?= json_decode($linea_impresion->formas)->formas ?></td>
                    <td><strong><?= $linea_impresion->maquina()->nombre ?></strong></td>
                    <td><?= $linea_impresion->rotativa_clicks_total ?></td>
                    <td><?= float_seconds_to_hhmm_string($linea_impresion->horas_maquina * 3600) ?></td>
                </tr>
                <tr>
                    <td colspan="4"><?= $linea_impresion->papel_impresion ?></td>
                    <td><?= $linea_impresion->papel_impresion()->gramaje . " " . "gr" ?></td>
                    <td colspan="2">_________ metros</td>

                </tr>
            </table>
            <div class="comments">
                <div class="flex-row impresion">Comentarios impresión interior</div>
                <div class="comment-content">
                    <p>
                    </p>
                    <br />
                    <p>
                    </p>
                </div>
            </div>
        </div>

        <div class="section">
            <div class="section-title cubierta">IMP. CUBIERTA</div>
            <table>
                <tr>
                    <td rowspan="3" class="row-logo-impresion"><img src="<?= site_url($linea_cubierta->get_impresion_logo()) ?>" width="35px" height="35px"></td>
                    <th>Tintas</th>
                    <th>Ejemplares</th>
                    <th>Maquina</th>
                    <th>Marcapaginas</th>
                    <th>Tiempo</th>
                </tr>
                <tr>
                    <td>??</td>
                    <td><?= $presupuesto->tirada ?></td>
                    <td><strong><?= $linea_cubierta->maquina()->nombre ?></strong></td>
                    <td><?= $presupuesto->marcapaginas ? "SI" : "NO" ?></td>
                    <td><?= float_seconds_to_hhmm_string($linea_cubierta->horas_maquina * 3600) ?></td>
                </tr>
                <tr>
                    <td colspan="1"><?= json_decode($linea_cubierta->formas)->maquina_ancho ?>x<?= json_decode($linea_cubierta->formas)->maquina_alto ?></td>
                    <td colspan="1"><?= $papel_formato->ancho ?>x<?= $papel_formato->alto ?></td>
                    <td colspan="2"><?= $linea_cubierta->papel_impresion ?></td>
                    <td colspan="2"><?= $linea_cubierta->papel_impresion()->gramaje . " " . "gr" ?></td>

                </tr>
            </table>
            <div class="comments">
                <div class="flex-row cubierta">Comentarios cubierta</div>
                <div class="comment-content">
                    <p>
                    </p>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="section-title encuadernacion">ENCUADERNACIÓN</div>
            <table>
                <tr>
                    <th class="t-header">Plastificado</th>
                    <td class="t-cell"><?= $acabados[0]->tarifa()->nombre ?></td>
                    <th class="t-header" style="width: 10%;">UVI</th>
                    <td class="t-cell"> ?? </td>
                </tr>
            </table>
            <table>
                <tr>
                    <th class="t-header">MAQUINA</th>
                    <td class="t-cell"> ?? </td>
                </tr>
            </table>
            <table>
                <tr>
                    <th class="t-header">OPERARIO</th>
                    <td class="t-cell"> ?? </td>
                </tr>
            </table>
            <?php if (count($encuadernaciones) > 0): ?>
                <table>
                    <tr>
                        <th>Encuadernacion</th>
                        <th>Solapas</th>
                        <th>Sobrecubierta</th>
                        <th>Plegado</th>
                        <th>Guardas</th>
                        <th>Retractilado</th>
                        <th>Marcapáginas</th>
                    </tr>
                    <?php foreach ($encuadernaciones as $key => $value): ?>
                        <tr>
                            <td><?= $value->tarifa()->nombre ?></td>
                            <td><?= $presupuesto->solapas ? "SI" : "NO" ?></td>
                            <td><?= $presupuesto->hasSobrecubierta() ? "SI" : "NO" ?></td>
                            <td> ______ pliegos de ______ </td>
                            <td><?= $presupuesto->guardas ? "SI" : "NO" ?></td>
                            <td><?= $presupuesto->retractilado ? "SI" : "NO" ?></td>
                            <td><?= $presupuesto->marcapaginas ? "SI" : "NO" ?></td>
                        </tr>
                    <?php endforeach; ?>
                </table>
                <div class="comments">
                    <div class="flex-row encuadernacion">Comentarios encuadernacion:</div>
                    <div class="comment-content">
                        <p>
                        </p>
                    </div>
                </div>
            <?php endif; ?>
        </div>

        <div class="section">
            <div class="section-title">LOGISTICA</div>
            <table>
                <tr>
                    <th>Peso Unidad</th>
                    <th>Peso Pedido</th>
                    <th>Cajas</th>
                    <th>Corte Pie</th>
                </tr>
                <tr>
                    <td><?= $peso_unidad ?>gr</td>
                    <td><?= $peso_pedido ?>gr</td>
                    <td>-</td>
                    <td>-</td>
                </tr>
            </table>
            <div class="comments">
                <div class="flex-row">Comentarios logistica:</div>
                <div class="comment-content">
                    <p>
                    </p>
                </div>
            </div>
        </div>

        <div class="footer">
            &copy; 2024 SAFEKAT. Todos los derechos reservados.
        </div>
    </div>
</body>

</html>