361 lines
12 KiB
PHP
361 lines
12 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Hoja de Verificación Vehicular</title>
|
|
<style>
|
|
@page {
|
|
margin: 0.8cm;
|
|
size: landscape;
|
|
}
|
|
|
|
body {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
line-height: 1.0;
|
|
color: #000;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.container {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.header {
|
|
text-align: center;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.header h1 {
|
|
font-size: 11pt;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.vehicle-info {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.info-row {
|
|
display: table;
|
|
width: 100%;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.info-cell {
|
|
display: table-cell;
|
|
width: 50%;
|
|
padding: 2px 5px;
|
|
}
|
|
|
|
.info-label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.signature-section {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 180px;
|
|
text-align: center;
|
|
padding: 6px;
|
|
}
|
|
|
|
.signature-line {
|
|
border-top: 1px solid #000;
|
|
margin: 60px 10px 5px 10px;
|
|
}
|
|
|
|
.signature-text {
|
|
margin: 5px 0;
|
|
font-weight: bold;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
table th {
|
|
background-color: #c00040;
|
|
color: white;
|
|
font-weight: bold;
|
|
padding: 8px 5px;
|
|
text-align: center;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
table td {
|
|
background-color: #f5deb3;
|
|
padding: 6px 5px;
|
|
border: 1px solid #000;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
table td.white-bg {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
table td.gray-bg {
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
.section-original td:nth-child(1),
|
|
.section-original td:nth-child(2) {
|
|
background-color: #f5deb3;
|
|
}
|
|
|
|
.id-column {
|
|
width: 30px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.desc-column {
|
|
width: 250px;
|
|
}
|
|
|
|
.obs-column {
|
|
min-width: 150px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<!-- Header -->
|
|
<div class="header">
|
|
<h1>HOJA DE VERIFICACION VEHICULAR</h1>
|
|
</div>
|
|
|
|
<!-- Información del vehículo -->
|
|
<div class="vehicle-info">
|
|
<div class="info-row">
|
|
<div class="info-cell">
|
|
<span class="info-label">Placa:</span> {{ $record->vehicle->placa }}
|
|
</div>
|
|
<div class="info-cell">
|
|
<span class="info-label">NIV:</span> {{ $record->vehicle->numero_serie }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-row">
|
|
<div class="info-cell">
|
|
<span class="info-label">Marca:</span> {{ strtoupper($record->vehicle->marca) }}
|
|
</div>
|
|
<div class="info-cell">
|
|
<span class="info-label">Sub Marca:</span> {{ strtoupper($record->vehicle->linea) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-row">
|
|
<div class="info-cell">
|
|
<span class="info-label">Modelo:</span> {{ $record->vehicle->modelo }}
|
|
</div>
|
|
<div class="info-cell">
|
|
<span class="info-label">Tipo:</span> {{ strtoupper($record->vehicle->tipo_servicio) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-row">
|
|
<div class="info-cell"></div>
|
|
<div class="info-cell">
|
|
<span class="info-label">Tipo Vehi:</span> {{ strtoupper($record->vehicle->tipo) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Firma del operador -->
|
|
<div class="signature-section">
|
|
<div class="signature-line"></div>
|
|
<p class="signature-text">{{ $record->user->full_name }}</p>
|
|
<p class="signature-text">OPERADOR</p>
|
|
</div>
|
|
|
|
<!-- Tabla de verificación -->
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">ORIGINAL</th>
|
|
<th>CORRECTO</th>
|
|
<th>NUEVO</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="section-original">
|
|
<td class="id-column">COLOR</td>
|
|
<td colspan="3">{{ strtoupper($record->vehicle->color) }}</td>
|
|
</tr>
|
|
<tr class="section-original">
|
|
<td class="id-column">PLACA</td>
|
|
<td>{{ $record->vehicle->placa }}</td>
|
|
<td class="white-bg"></td>
|
|
<td class="gray-bg"></td>
|
|
</tr>
|
|
<tr class="section-original">
|
|
<td class="id-column">VIN</td>
|
|
<td>{{ $record->vehicle->numero_serie }}</td>
|
|
<td class="white-bg"></td>
|
|
<td class="gray-bg"></td>
|
|
</tr>
|
|
<tr class="section-original">
|
|
<td class="id-column">MARCA</td>
|
|
<td>{{ strtoupper($record->vehicle->marca) }}</td>
|
|
<td class="white-bg"></td>
|
|
<td class="gray-bg"></td>
|
|
</tr>
|
|
<tr class="section-original">
|
|
<td class="id-column">SUBMARCA</td>
|
|
<td>{{ strtoupper($record->vehicle->linea) }}</td>
|
|
<td class="white-bg"></td>
|
|
<td class="gray-bg"></td>
|
|
</tr>
|
|
<tr class="section-original">
|
|
<td class="id-column">MODELO</td>
|
|
<td>{{ $record->vehicle->modelo }}</td>
|
|
<td class="white-bg"></td>
|
|
<td class="gray-bg"></td>
|
|
</tr>
|
|
<tr class="section-original">
|
|
<td class="id-column">TIPO</td>
|
|
<td>{{ strtoupper($record->vehicle->tipo) }}</td>
|
|
<td class="white-bg"></td>
|
|
<td class="gray-bg"></td>
|
|
</tr>
|
|
<tr class="section-original">
|
|
<td class="id-column">MOTOR</td>
|
|
<td>{{ $record->vehicle->numero_motor ?? 'S/N' }}</td>
|
|
<td class="white-bg"></td>
|
|
<td class="gray-bg"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- Tabla de verificación de partes -->
|
|
<table style="margin-top: 15px;">
|
|
<thead>
|
|
<tr>
|
|
<th class="id-column">ID</th>
|
|
<th class="desc-column">DESCRIPCIÓN</th>
|
|
<th class="id-column">ID</th>
|
|
<th class="desc-column">DESCRIPCIÓN</th>
|
|
<th class="obs-column">OBSERVACIONES</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="id-column">1</td>
|
|
<td>PLACA VIN TABLERO IZQ</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">2</td>
|
|
<td>PARED DE FUEGO</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">3</td>
|
|
<td>BASE DE AMORTIGUADOR DERECHO</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">4</td>
|
|
<td>PISO ABAJO DEL ASIENTO DEL COPILOTO</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">5</td>
|
|
<td>PISO DE CAJUELA</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">6</td>
|
|
<td>ESTRIBO</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">7</td>
|
|
<td>CHASIS DERECHO</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">8</td>
|
|
<td>CHASIS IZQUIERDO</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">9</td>
|
|
<td>BAZTIDOR IZQUIERDO</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">10</td>
|
|
<td>BAZTIDOR DERECHO</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">11</td>
|
|
<td>MARCO RADIADOR</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">12</td>
|
|
<td>PISO CARROCERIA</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">13</td>
|
|
<td>TABLERO DE PARTE MEDIA</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">14</td>
|
|
<td>MOTOR</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="id-column">15</td>
|
|
<td>TRANSMISION</td>
|
|
<td class="id-column white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
<td class="white-bg"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html>
|