181 lines
5.4 KiB
PHP
181 lines
5.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="es">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Etiquetas Vehiculares</title>
|
|
<style>
|
|
@page {
|
|
margin: 0.5cm;
|
|
size: landscape;
|
|
}
|
|
|
|
body {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 9pt;
|
|
color: #000;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.container {
|
|
width: 78%;
|
|
}
|
|
|
|
.label-row {
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.label {
|
|
width: 100%;
|
|
padding: 15px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.label-content {
|
|
border: 1px solid #000;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.barcode-container {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.vehicle-info {
|
|
margin-top: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
.info-row {
|
|
display: table;
|
|
width: 100%;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.info-label {
|
|
display: table-cell;
|
|
font-weight: bold;
|
|
width: 40%;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.info-value {
|
|
display: table-cell;
|
|
width: 60%;
|
|
}
|
|
|
|
.owner-name {
|
|
margin-top: 8px;
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.address {
|
|
margin-top: 5px;
|
|
font-size: 7pt;
|
|
text-align: center;
|
|
color: #333;
|
|
}
|
|
|
|
.barcode-text {
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
margin-top: 3px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<!-- Etiqueta 1 - Código de Barras -->
|
|
<div class="label">
|
|
<div class="label-content">
|
|
<!-- Código de barras del NIV -->
|
|
<div class="barcode-container">
|
|
{!! DNS1D::getBarcodeHTML($record->vehicle->numero_serie, 'C128', 2, 60) !!}
|
|
<div class="barcode-text">
|
|
{{ $record->vehicle->numero_serie }}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Información del vehículo -->
|
|
<div class="vehicle-info">
|
|
<div class="info-row">
|
|
<div class="info-label"></div>
|
|
<div class="info-value">{{ $record->vehicle->placa }}</div>
|
|
</div>
|
|
<div class="info-row">
|
|
<div class="info-label">{{ strtoupper($record->vehicle->marca) }}</div>
|
|
<div class="info-value"></div>
|
|
</div>
|
|
<div class="info-row">
|
|
<div class="info-label">{{ strtoupper($record->vehicle->linea) }}</div>
|
|
<div class="info-value">{{ $record->vehicle->modelo }}</div>
|
|
</div>
|
|
<div class="info-row">
|
|
<div class="info-label">{{ strtoupper($record->vehicle->tipo) }}</div>
|
|
<div class="info-value"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Propietario -->
|
|
<div class="owner-name">
|
|
{{ strtoupper($record->vehicle->owner->full_name) }}
|
|
</div>
|
|
|
|
<!-- Dirección -->
|
|
<div class="address">
|
|
{{ strtoupper($record->vehicle->owner->address) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Etiqueta 2 - Código de Barras (duplicado) -->
|
|
<div class="label">
|
|
<div class="label-content">
|
|
<!-- Código de barras del NIV -->
|
|
<div class="barcode-container">
|
|
{!! DNS1D::getBarcodeHTML($record->vehicle->numero_serie, 'C128', 2, 60) !!}
|
|
<div class="barcode-text">
|
|
{{ $record->vehicle->numero_serie }}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Información del vehículo -->
|
|
<div class="vehicle-info">
|
|
<div class="info-row">
|
|
<div class="info-label"></div>
|
|
<div class="info-value">{{ $record->vehicle->placa }}</div>
|
|
</div>
|
|
<div class="info-row">
|
|
<div class="info-label">{{ strtoupper($record->vehicle->marca) }}</div>
|
|
<div class="info-value"></div>
|
|
</div>
|
|
<div class="info-row">
|
|
<div class="info-label">{{ strtoupper($record->vehicle->linea) }}</div>
|
|
<div class="info-value">{{ $record->vehicle->modelo }}</div>
|
|
</div>
|
|
<div class="info-row">
|
|
<div class="info-label">{{ strtoupper($record->vehicle->tipo) }}</div>
|
|
<div class="info-value"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Propietario -->
|
|
<div class="owner-name">
|
|
{{ strtoupper($record->vehicle->owner->full_name) }}
|
|
</div>
|
|
|
|
<!-- Dirección -->
|
|
<div class="address">
|
|
{{ strtoupper($record->vehicle->owner->address) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |