<!
doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<!-- <link rel="STYLESHEET" href="css/dompdf/print_static.css" type="text/css" />
-->
<!-- <meta charset="iso-8859-1"> -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reporte {{ config('[Link]', 'Laravel') }}</title>
<style>
.header {
position: fixed;
top: 0px; /* Ajusta según la altura de tu encabezado */
left: 0;
right: 0;
height: 100px; /* Altura del encabezado */
text-align: center;
font-size: 12pt;
}
.footer {
position: fixed;
bottom: 20;
left: 0;
right: 0;
border-top: 1px solid #333;
}
.content {
margin-top: 150px 0; /*Ajusta según la altura de tu encabezado y pie de
página */
}
.page-number {
text-align: center;
}
.page-number:before {
content: counter(page); /* "Pagina " */
}
.watermark {
position: fixed;
top: 70%;
left: 50%; /* Centra el texto */
transform: translate(-50%, -50%); /* Gira el texto 45 grados
rotate(-45deg) */
opacity: 0.1;
font-size: 100px;
color: red; /* Cambia el color del texto a rojo */
text-align: center;
z-index: 1000; /* Para asegurarse de que el contenido esté por encima
*/
width: 100%;
height: 100%;
white-space: nowrap; /* Evita que el texto se divida en varias líneas */
pointer-events: none; /* Asegura que no interfiera con la interacción del
contenido */
}
</style>
</head>
<body>
<div class="header">
<table style="width: 100%;
border: 1px solid black;
border-collapse: collapse;
font-size: 10pt;">
<tr>
<th style="width: 110px; border: 1px solid black;" rowspan="2">
<img src="{{-- public_path( config('custom.logo_128') ) --}}"
style="width: 100px; height: 100px;">
</th>
<th style="border: 1px solid black;" rowspan="2">
<h1 style="text-align: center; font-size: 15pt;">INFORME DE
ESTADO<br>MAQUINAS Y EQUIPOS</h1>
</th>
<th style="width: 100px; border: 1px solid black;">
<table style="width: 100%; border-collapse: collapse; font-size:
11pt;">
<tr>
<td style="border: 1px solid black; text-align: right;">ID
Código:</td>
</tr>
<tr>
<td style="border: 1px solid black; text-align:
right;">Fecha:</td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: right;">Versión
N°:</td>
</tr>
</table>
</th>
<th style="width: 150px; border: 1px solid black;">
<table style="width: 100%; border-collapse: collapse; font-size:
11pt;">
<tr>
<td style="border: 1px solid black; text-align: left;">01</td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: left;">01-01-
2025</td>
</tr>
<tr>
<td style="border: 1px solid black; text-align: left;">1.0</td>
</tr>
</table>
</th>
</tr>
<tr>
<th style="border: 1px solid black; font-size: 11pt;">
Pagína
</th>
<th style="border: 1px solid black;">
<div class="page-number"></div>
</th>
</tr>
</table>
</div>
<div class="footer"> <!-- border: 2px solid #000; -->
<table style="width: 100%; text-align: center; font-size: 10pt;">
<tr>
<td>EMPRESA</td>
</tr>
<tr>
<td>Chile</td>
</tr>
</table>
</div>
<div class="content">
<table style="width: 100%; border-collapse: collapse; table-layout: fixed;">
<tr>
<!-- Columna Rotada Vertical -->
<td rowspan="4" style="border: 1px solid black; background-color:
#ADD8E6; width: 0px; height:600px; padding: 0; margin: 0;">
<div style="border: 1px solid black;
position: relative; /* Contenedor con posición relativa */
width: 100px; /* Ancho fijo de 100px, igual al del td */
height: 90%; /* Altura completa del td */
overflow: hidden; /* Asegura que el contenido no se desborde
*/
padding: 0;
margin: 0;
">
<div style="border: 1px solid black;
position: absolute; /* Posicionar el texto de forma
absoluta */
top: 50%; /* Centrar verticalmente */
left: 50%; /* Centrar horizontalmente */
right: 0; /* Asegura que el texto no se desborde */
transform: translate(-50%, -50%) rotate(270deg); /* Rotar
el texto y centrarlo */
text-align: center;
color: white;
font-weight: bold;
font-size: 36pt;
font-family: Arial, sans-serif;
white-space: nowrap; /* Asegura que el texto no se rompa en
varias líneas */
padding: 0;
margin: 0;">
INFORME TECNICO
</div>
</div>
</td>
<!-- Detalle del Cliente -->
<td style="width: 350px; font-weight: bold; border: 1px solid black;
padding: 8px;">Cliente:</td>
<td style="width: 550px; border: 1px solid black; padding: 8px;">
<span style="font-weight: bold;">NOMBRE EMPRESA</span><br>
<span>NUMERO</span><br>
<span>SUCURSAL</span>
</td>
</tr>
<tr>
<!-- Ámbito de Aplicación -->
<td style="font-weight: bold; border: 1px solid black; padding:
8px;">Ámbito de Aplicación:</td>
<td style="border: 1px solid black; padding: 8px;">
<span style="font-weight: bold;">Texto de Ambito</span>
</td>
</tr>
<tr>
<!-- Consideraciones -->
<td style="font-weight: bold; border: 1px solid black; padding:
8px;">Consideraciones:</td>
<td style="border: 1px solid black; padding: 8px;">
<span style="font-weight: bold;">Texto Consideraciones</span>
</td>
</tr>
<tr>
<!-- Relleno o Nota -->
<td style="border: 1px solid black;"></td>
<td style="border: 1px solid black;">
<table style="width: 100%; border-collapse: collapse;">
<tr>
<td style="border: 1px solid black;">Firma</td>
</tr>
<tr>
<td style="border: 1px solid black;">EMPRESA</td>
</tr>
<tr>
<td style="border: 1px solid black;">Responsable</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>