consultoria-as/Sio-Back
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Carga inicial

Browse Source
This commit is contained in:
IvanAS94
2025-12-26 17:21:11 -08:00
parent 45d9afc951
commit 51880798ca
359 changed files with 42159 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

592
resources/views/recibos/servicios-lite.blade.php Normal file
View File

@@ -0,0 +1,592 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Servicio</title>
<link rel="stylesheet" href="{{asset("css/bootstrap.css")}}">
<style>
.th1{
display: inline-block;
width: 28%;
}
.th2{
display: inline-block;
width: 44%;
text-align: center;
}
.th3{
display: inline-block;
width: 28%;
text-align: right;
}
.titulo{
width: 100%;
background-color: #001870;
display: inline-block;
position: absolute;
height: 38px;
text-align: center;
color: white;
font-weight: bold;
font-size: 18px;
}
.folio{
width: 15%;
background-color: #E63C2D;
display: inline-block;
position: relative;
float: right;
height: 38px;
text-align: center;
color: white;
font-family: Courier;
font-size: 16px;
}
.borde {
border-color: #EAEAEA;
border: 1px solid;
opacity: 0.5;
height: 33px;
}
.rNombre {
width: 100%;
display: inline-block;
position: absolute;
border-radius: 8px 8px 0px 0px;
}
.etiqueta {
font-size: 11px;
margin-left: 14px;
}
.valor {
font-size: 16px;
line-height: 18px;
color: black;
opacity: 0;
margin-left: 14px;
word-break: break-all;
}
.rFecha {
display: inline-block;
position: relative;
float: right;
width: 15%;
border-top: none;
border-right: none;
border-bottom: none;
margin-top: 1px;
}
.rDomicilio {
border-top: none;
height: 58px;
}
.rCiudad {
border-top: none;
display: inline-block;
width: 30%;
border-radius: 0px 0px 0px 8px;
}
.rTel {
width: 20%;
display: inline-block;
border-top: none;
border-left: none;
margin-left: -5px;
}
.rContacto {
width: 49.6%;
display: inline-block;
border-top: none;
border-left: none;
margin-left: -5px;
border-radius: 0px 0px 8px 0px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.evidencias1 {
width: 100%;
height: 10px;
border-bottom: 2px solid #E63C2D;
text-align: center;
padding-bottom:2px;
display: block;
margin-top: -15px;
}
.evidencias2 {
font-weight: bold;
font-size: 13px;
background-color: #FFFFFF;
padding: 0px -5px 0px 0px;
color: #E63C2D;
display: inline-block;
width: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 1px;
}
.inicio1 {
display: inline-block;
position: absolute;
color: #8c8c8c;
width: 27%;
text-align: center;
font-size: 12px;
}
.proceso1 {
display: inline-block;
position: relative;
color: #8c8c8c;
float: left;
width: 27%;
margin-left: 250.5px;
text-align: center;
font-size: 12px;
}
.terminado1 {
display: inline-block;
position: relative;
color: #8c8c8c;
float: right;
width: 27%;
margin-left: 100px;
text-align: center;
font-size: 12px;
}
.inicio2 {
display: inline-block;
position: absolute;
color: #8c8c8c;
border: 1px solid;
height: 110px;
width: 27%;
border-radius: 8px;
}
.proceso2 {
display: inline-block;
position: relative;
color: #8c8c8c;
border: 1px solid;
height: 110px;
float: left;
width: 27%;
margin-left: 250.5px;
border-radius: 8px;
}
.terminado2 {
display: inline-block;
position: relative;
color: #8c8c8c;
border: 1px solid;
height: 110px;
float: right;
width: 27%;
margin-left: 100px;
border-radius: 8px;
}
hr {
width: 100%;
margin-top: 278px;
border: .9px solid;
border-color: #E63C2D;
}
.rCostoServicio{
width: 19.89%;
display: inline-block;
border-radius: 8px 0px 0px 8px;
border-right: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rCostoNegativo {
width: 19.89%;
display: inline-block;
margin-left: -5px;
border-right: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rHoraInicio{
width: 19.89%;
display: inline-block;
margin-left: -5px;
border-right: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rDuracion {
width: 19.89%;
display: inline-block;
margin-left: -5px;
border-right: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rHoraFin{
width: 19.89%;
display: inline-block;
margin-left: -5px;
border-radius: 0px 8px 8px 0px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rAsesorO {
width: 49.30%;
display: inline-block;
border-right: none;
border-radius: 8px 0px 0px 0px;
}
.rSucursal {
width: 25%;
display: inline-block;
margin-left: -4.5px;
border-right: none;
}
.rAutorizo {
width: 25.05%;
display: inline-block;
margin-left: -4.5px;
border-radius: 0px 8px 0px 0px;
border-bottom: none;
margin-top: -1px;
}
.rAuxiliarO {
width: 49.3%;
display: inline-block;
border-right: none;
border-radius: 0px 0px 0px 8px;
border-top: none;
}
.rVehiculo {
width: 25%;
display: inline-block;
margin-left: -4.5px;
border-right: none;
border-top: none;
}
.rAutorizo2 {
width: 25.05%;
display: inline-block;
margin-left: -4.5px;
border-radius: 0px 0px 8px 0px;
border-top: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.imgServicios {
width: 100%;
height: 100%;
border-radius: 7px;
object-fit:contain;
}
</style>
</head>
<body>
<div style="width: 100%">
<div style="width: 100%">
<div class="th1">
<img style="width: 170px; height: auto" src="{{resource_path('assets/images/logos').'/logo_drenax.png'}}" alt="">
</div>
<div class="th2">
<div style="font-size: 18px; font-weight: bold; color: #001870">Una Solución de Limpieza Integral</div>
<div style="font-size: 12px">"Creamos ambientes limpios y seguros para el bienestar de la comunidad"</div>
</div>
<div class="th3">
<div style="font-size: 13px; font-weight: bold; margin-right: 8px; color: #001870">DRENAX, S.A. DE C.V.</div>
<div style="font-size: 8px; margin-top: -1px; margin-right: 8px;">CALLE DIEZ #3482</div>
<div style="font-size: 8px; margin-top: -1px; margin-right: 8px;">COL. SAN RAFAEL C.P. 80150</div>
<div style="font-size: 8px; margin-top: -1px; margin-right: 8px;">CULIACÁN, SINALOA</div>
<div style="font-size: 8px; margin-top: -1px; margin-right: 8px;">R.F.C DRE0611035M4</div>
<div style="font-size: 12px; font-weight: bold; margin-right: 8px; color: #e63c2d">Tels. (667) 713 9250 y 60</div>
<div style="font-size: 11px; margin-top: -1px; margin-right: 8px; color: #e63c2d">www.drenax.com.mx</div>
</div>
</div>
<div style="width: 100%; margin-top: -49px;">
<div class="titulo">
<span style="line-height: 32px; font-weight: bold;">RECIBO DE SERVICIO</span>
</div>
<div class="folio">
<span style="line-height: 34px; font-weight: bold">{{$servicios->folio}}</span>
</div>
</div>
<br>
<div style="width: 100%; margin-top: 23px;">
<div class="borde rNombre">
<div class="etiqueta">Nombre</div>
<div class="valor">{{$servicios->nombre_cliente}}</div>
</div>
<div class="borde rFecha">
<div class="etiqueta">Fecha</div>
<div class="valor">{{$servicios->fecha_solicitud}}</div>
</div>
</div>
<br>
<div style="width: 100%; margin-top: 38px;">
<div class="borde rDomicilio">
<div class="etiqueta">Dirección</div>
<div class="valor" style="overflow:hidden; text-overflow: ellipsis; white-space: normal; max-height: 37px;">{{$servicios->domicilio}}</div>
</div>
</div>
<div style="width: 100%; margin-top: 6px;">
<div class="borde rCiudad">
<div class="etiqueta">Ciudad</div>
<div class="valor">{{$servicios->ciudad}}</div>
</div>
<div class="borde rTel">
<div class="etiqueta">Tel</div>
<div class="valor">{{$servicios->telefono}}</div>
</div>
<div class="borde rContacto">
<div class="etiqueta">Contacto</div>
<div class="valor">{{$servicios->contacto}}</div>
</div>
</div>
<div style="width: 100%; margin-top: -5px">
<div style="display: inline-block; width: 44%">
<span style="color: #E63C2D; font-size: 13px">CON ESTA FECHA REALIZAMOS EL SERVICIO DE: </span>
</div>
<div style="display: inline-block; width: 55%; margin-top: 1px; max-height: 20px; overflow:hidden; text-overflow: ellipsis; white-space: normal; max-width: 55%">
<span style="font-size: 17px; color: #001870; font-weight: bold;">{{$servicios->servicio}}</span>
</div>
</div>
<div style="width: 100%; margin-top: 0px;">
<div class="borde" style="height: 142px; border-radius: 8px">
<div class="etiqueta">Observaciones</div>
<div class="valor" style="padding-right: 11px; overflow:hidden; text-overflow: ellipsis; white-space: normal; max-height: 126px;">
<div style="height: 105px; font-size: 16px; line-height: 1.07em">
@if($servicios->motivo_estatus)
Servicio negativo por: {{$servicios->motivo_estatus}}.<br/>
@endif
{{$servicios->observaciones}}
</div>
@if($servicios->aplica_garantia == true)
<div style="color: #001870; text-align: right; font-size: 15px; height: 20px">Nota: Este servicio cuenta con 1 garantía con 3 meses de vigencia.</div>
@else
<div style="height: 20px"></div>
@endif
</div>
</div>
</div>
<br>
<div class="evidencias1">
<span class="evidencias2">
EVIDENCIAS
</span>
</div>
<br>
<div style="width: 95%; margin-left: 15px; margin-top: -15px">
<div class="inicio1">
<span>Inicio</span>
</div>
<div class="proceso1">
<span>Proceso</span>
</div>
<div class="terminado1">
<span>Terminado</span>
</div>
</div>
<br>
<div style="width: 95%; margin-left: 15px; margin-top: -18px">
<div class="inicio2">
@if($servicios->evidencia_inicio_1)
<img class="imgServicios" src="{{resource_path('assets/images/logos').'/blanco.png'}}" alt="">
@endif
</div>
<div class="proceso2">
@if($servicios->evidencia_proceso_1)
<img class="imgServicios" src="{{resource_path('assets/images/logos').'/blanco.png'}}" alt="">
@endif
</div>
<div class="terminado2">
@if($servicios->evidencia_terminado_1)
<img class="imgServicios" src="{{resource_path('assets/images/logos').'/blanco.png'}}" alt="">
@endif
</div>
</div>
<br>
<div style="width: 95%; margin-left: 15px; margin-top: 79px">
<div class="inicio2">
@if($servicios->evidencia_inicio_2)
<img class="imgServicios" src="{{resource_path('assets/images/logos').'/blanco.png'}}" alt="">
@endif
</div>
<div class="proceso2">
@if($servicios->evidencia_proceso_2)
<img class="imgServicios" src="{{resource_path('assets/images/logos').'/blanco.png'}}" alt="">
@endif
</div>
<div class="terminado2">
@if($servicios->evidencia_terminado_2)
<img class="imgServicios" src="{{resource_path('assets/images/logos').'/blanco.png'}}" alt="">
@endif
</div>
</div>
<br>
<div style="width: 95%; margin-left: 15px; margin-top: 176px">
<div class="inicio2">
@if($servicios->evidencia_inicio_3)
<img class="imgServicios" src="{{resource_path('assets/images/logos').'/blanco.png'}}" alt="">
@endif
</div>
<div class="proceso2">
@if($servicios->evidencia_proceso_3)
<img class="imgServicios" src="{{resource_path('assets/images/logos').'/blanco.png'}}" alt="">
@endif
</div>
<div class="terminado2">
@if($servicios->evidencia_terminado_3)
<img class="imgServicios" src="{{resource_path('assets/images/logos').'/blanco.png'}}" alt="">
@endif
</div>
</div>
<br>
<hr>
<div style="width: 100%; margin-top: 23px;">
<div class="borde rCostoServicio">
<div class="etiqueta">Costo de Servicio</div>
<div class="valor">{{$servicios->costo_servicio}}</div>
</div>
<div class="borde rCostoNegativo">
<div class="etiqueta">Costo Negativo</div>
<div class="valor">{{$servicios->costo_negativo}}</div>
</div>
<div class="borde rHoraInicio">
<div class="etiqueta">Hora de Inicio</div>
<div class="valor">{{$servicios->fecha_inicio}} @if ($servicios->fecha_inicio) hrs @endif</div>
</div>
<div class="borde rDuracion">
<div class="etiqueta">Duración</div>
<div class="valor">{{$servicios->duracion}}</div>
</div>
<div class="borde rHoraFin">
<div class="etiqueta">Hora de Finalización</div>
<div class="valor">{{$servicios->fecha_final}} @if ($servicios->fecha_final) hrs @endif</div>
</div>
</div>
<div style="width: 100%; margin-top: 7.1px">
<div class="borde rAsesorO">
<div class="etiqueta">Asesor de Operaciones</div>
<div class="valor">{{$servicios->asesor}}</div>
</div>
<div class="borde rSucursal">
<div class="etiqueta">Sucursal</div>
<div class="valor">{{$servicios->sucursal}}</div>
</div>
<div class="borde rAutorizo">
<div class="etiqueta">Autorizó</div>
<div style="text-align: center">
@if($servicios->firma)
<img style="max-width: 10%; opacity: 1" src="{{resource_path('assets/images/logos').'/blanco2.png'}}" alt="">
@endif
</div>
</div>
</div>
<div style="width: 100%; margin-top: -1.2px">
<div class="borde rAuxiliarO">
<div class="etiqueta">Auxiliar de Operaciones</div>
<div class="valor">{{$servicios->auxiliar}}</div>
</div>
<div class="borde rVehiculo">
<div class="etiqueta">Vehículo</div>
<div class="valor">{{$servicios->vehiculo}}</div>
</div>
<div class="borde rAutorizo2">
<div class="etiqueta" style="margin-top: 15px">{{$servicios->contacto}}</div>
</div>
</div>
</div>
</body>
</html>

592
resources/views/recibos/servicios.blade.php Normal file
View File

@@ -0,0 +1,592 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Servicio</title>
<link rel="stylesheet" href="{{asset("css/bootstrap.css")}}">
<style>
.th1{
display: inline-block;
width: 28%;
}
.th2{
display: inline-block;
width: 44%;
text-align: center;
}
.th3{
display: inline-block;
width: 28%;
text-align: right;
}
.titulo{
width: 100%;
background-color: #001870;
display: inline-block;
position: absolute;
height: 38px;
text-align: center;
color: white;
font-weight: bold;
font-size: 18px;
}
.folio{
width: 15%;
background-color: #E63C2D;
display: inline-block;
position: relative;
float: right;
height: 38px;
text-align: center;
color: white;
font-family: Courier;
font-size: 16px;
}
.borde {
border-color: #EAEAEA;
border: 1px solid;
opacity: 0.5;
height: 33px;
}
.rNombre {
width: 100%;
display: inline-block;
position: absolute;
border-radius: 8px 8px 0px 0px;
}
.etiqueta {
font-size: 11px;
margin-left: 14px;
}
.valor {
font-size: 16px;
line-height: 18px;
color: black;
opacity: 0;
margin-left: 14px;
word-break: break-all;
}
.rFecha {
display: inline-block;
position: relative;
float: right;
width: 15%;
border-top: none;
border-right: none;
border-bottom: none;
margin-top: 1px;
}
.rDomicilio {
border-top: none;
height: 58px;
}
.rCiudad {
border-top: none;
display: inline-block;
width: 30%;
border-radius: 0px 0px 0px 8px;
}
.rTel {
width: 20%;
display: inline-block;
border-top: none;
border-left: none;
margin-left: -5px;
}
.rContacto {
width: 49.6%;
display: inline-block;
border-top: none;
border-left: none;
margin-left: -5px;
border-radius: 0px 0px 8px 0px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.evidencias1 {
width: 100%;
height: 10px;
border-bottom: 2px solid #E63C2D;
text-align: center;
padding-bottom:2px;
display: block;
margin-top: -15px;
}
.evidencias2 {
font-weight: bold;
font-size: 13px;
background-color: #FFFFFF;
padding: 0px -5px 0px 0px;
color: #E63C2D;
display: inline-block;
width: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 1px;
}
.inicio1 {
display: inline-block;
position: absolute;
color: #8c8c8c;
width: 27%;
text-align: center;
font-size: 12px;
}
.proceso1 {
display: inline-block;
position: relative;
color: #8c8c8c;
float: left;
width: 27%;
margin-left: 250.5px;
text-align: center;
font-size: 12px;
}
.terminado1 {
display: inline-block;
position: relative;
color: #8c8c8c;
float: right;
width: 27%;
margin-left: 100px;
text-align: center;
font-size: 12px;
}
.inicio2 {
display: inline-block;
position: absolute;
color: #8c8c8c;
border: 1px solid;
height: 110px;
width: 27%;
border-radius: 8px;
}
.proceso2 {
display: inline-block;
position: relative;
color: #8c8c8c;
border: 1px solid;
height: 110px;
float: left;
width: 27%;
margin-left: 250.5px;
border-radius: 8px;
}
.terminado2 {
display: inline-block;
position: relative;
color: #8c8c8c;
border: 1px solid;
height: 110px;
float: right;
width: 27%;
margin-left: 100px;
border-radius: 8px;
}
hr {
width: 100%;
margin-top: 278px;
border: .9px solid;
border-color: #E63C2D;
}
.rCostoServicio{
width: 19.89%;
display: inline-block;
border-radius: 8px 0px 0px 8px;
border-right: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rCostoNegativo {
width: 19.89%;
display: inline-block;
margin-left: -5px;
border-right: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rHoraInicio{
width: 19.89%;
display: inline-block;
margin-left: -5px;
border-right: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rDuracion {
width: 19.89%;
display: inline-block;
margin-left: -5px;
border-right: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rHoraFin{
width: 19.89%;
display: inline-block;
margin-left: -5px;
border-radius: 0px 8px 8px 0px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.rAsesorO {
width: 49.30%;
display: inline-block;
border-right: none;
border-radius: 8px 0px 0px 0px;
}
.rSucursal {
width: 25%;
display: inline-block;
margin-left: -4.5px;
border-right: none;
}
.rAutorizo {
width: 25.05%;
display: inline-block;
margin-left: -4.5px;
border-radius: 0px 8px 0px 0px;
border-bottom: none;
margin-top: -1px;
}
.rAuxiliarO {
width: 49.3%;
display: inline-block;
border-right: none;
border-radius: 0px 0px 0px 8px;
border-top: none;
}
.rVehiculo {
width: 25%;
display: inline-block;
margin-left: -4.5px;
border-right: none;
border-top: none;
}
.rAutorizo2 {
width: 25.05%;
display: inline-block;
margin-left: -4.5px;
border-radius: 0px 0px 8px 0px;
border-top: none;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.imgServicios {
width: 100%;
height: 100%;
border-radius: 7px;
object-fit:contain;
}
</style>
</head>
<body>
<div style="width: 100%">
<div style="width: 100%">
<div class="th1">
<img style="width: 170px; height: auto" src="{{resource_path('assets/images/logos').'/logo_drenax.png'}}" alt="">
</div>
<div class="th2">
<div style="font-size: 18px; font-weight: bold; color: #001870">Una Solución de Limpieza Integral</div>
<div style="font-size: 12px">"Creamos ambientes limpios y seguros para el bienestar de la comunidad"</div>
</div>
<div class="th3">
<div style="font-size: 13px; font-weight: bold; margin-right: 8px; color: #001870">DRENAX, S.A. DE C.V.</div>
<div style="font-size: 8px; margin-top: -1px; margin-right: 8px;">CALLE DIEZ #3482</div>
<div style="font-size: 8px; margin-top: -1px; margin-right: 8px;">COL. SAN RAFAEL C.P. 80150</div>
<div style="font-size: 8px; margin-top: -1px; margin-right: 8px;">CULIACÁN, SINALOA</div>
<div style="font-size: 8px; margin-top: -1px; margin-right: 8px;">R.F.C DRE0611035M4</div>
<div style="font-size: 12px; font-weight: bold; margin-right: 8px; color: #e63c2d">Tels. (667) 713 9250 y 60</div>
<div style="font-size: 11px; margin-top: -1px; margin-right: 8px; color: #e63c2d">www.drenax.com.mx</div>
</div>
</div>
<div style="width: 100%; margin-top: -49px;">
<div class="titulo">
<span style="line-height: 32px; font-weight: bold;">RECIBO DE SERVICIO</span>
</div>
<div class="folio">
<span style="line-height: 34px; font-weight: bold">{{$servicios->folio}}</span>
</div>
</div>
<br>
<div style="width: 100%; margin-top: 23px;">
<div class="borde rNombre">
<div class="etiqueta">Nombre</div>
<div class="valor">{{$servicios->nombre_cliente}}</div>
</div>
<div class="borde rFecha">
<div class="etiqueta">Fecha</div>
<div class="valor">{{$servicios->fecha_solicitud}}</div>
</div>
</div>
<br>
<div style="width: 100%; margin-top: 38px;">
<div class="borde rDomicilio">
<div class="etiqueta">Dirección</div>
<div class="valor" style="overflow:hidden; text-overflow: ellipsis; white-space: normal; max-height: 37px;">{{$servicios->domicilio}}</div>
</div>
</div>
<div style="width: 100%; margin-top: 6px;">
<div class="borde rCiudad">
<div class="etiqueta">Ciudad</div>
<div class="valor">{{$servicios->ciudad}}</div>
</div>
<div class="borde rTel">
<div class="etiqueta">Tel</div>
<div class="valor">{{$servicios->telefono}}</div>
</div>
<div class="borde rContacto">
<div class="etiqueta">Contacto</div>
<div class="valor">{{$servicios->contacto}}</div>
</div>
</div>
<div style="width: 100%; margin-top: -5px">
<div style="display: inline-block; width: 44%">
<span style="color: #E63C2D; font-size: 13px">CON ESTA FECHA REALIZAMOS EL SERVICIO DE: </span>
</div>
<div style="display: inline-block; width: 55%; margin-top: 1px; max-height: 20px; overflow:hidden; text-overflow: ellipsis; white-space: normal; max-width: 55%">
<span style="font-size: 17px; color: #001870; font-weight: bold;">{{$servicios->servicio}}</span>
</div>
</div>
<div style="width: 100%; margin-top: 0px;">
<div class="borde" style="height: 142px; border-radius: 8px">
<div class="etiqueta">Observaciones</div>
<div class="valor" style="padding-right: 11px; overflow:hidden; text-overflow: ellipsis; white-space: normal; max-height: 126px;">
<div style="height: 105px; font-size: 16px; line-height: 1.07em">
@if($servicios->motivo_estatus)
Servicio negativo por: {{$servicios->motivo_estatus}}.<br/>
@endif
{{$servicios->observaciones}}
</div>
@if($servicios->aplica_garantia == true)
<div style="color: #001870; text-align: right; font-size: 15px; height: 20px">Nota: Este servicio cuenta con 1 garantía con 3 meses de vigencia.</div>
@else
<div style="height: 20px"></div>
@endif
</div>
</div>
</div>
<br>
<div class="evidencias1">
<span class="evidencias2">
EVIDENCIAS
</span>
</div>
<br>
<div style="width: 95%; margin-left: 15px; margin-top: -15px">
<div class="inicio1">
<span>Inicio</span>
</div>
<div class="proceso1">
<span>Proceso</span>
</div>
<div class="terminado1">
<span>Terminado</span>
</div>
</div>
<br>
<div style="width: 95%; margin-left: 15px; margin-top: -18px">
<div class="inicio2">
@if($servicios->evidencia_inicio_1)
<img class="imgServicios" src="{{storage_path('app/public/servicios/evidencias/').$servicios->evidencia_inicio_1}}" alt="">
@endif
</div>
<div class="proceso2">
@if($servicios->evidencia_proceso_1)
<img class="imgServicios" src="{{storage_path('app/public/servicios/evidencias/').$servicios->evidencia_proceso_1}}" alt="">
@endif
</div>
<div class="terminado2">
@if($servicios->evidencia_terminado_1)
<img class="imgServicios" src="{{storage_path('app/public/servicios/evidencias/').$servicios->evidencia_terminado_1}}" alt="">
@endif
</div>
</div>
<br>
<div style="width: 95%; margin-left: 15px; margin-top: 79px">
<div class="inicio2">
@if($servicios->evidencia_inicio_2)
<img class="imgServicios" src="{{storage_path('app/public/servicios/evidencias/').$servicios->evidencia_inicio_2}}" alt="">
@endif
</div>
<div class="proceso2">
@if($servicios->evidencia_proceso_2)
<img class="imgServicios" src="{{storage_path('app/public/servicios/evidencias/').$servicios->evidencia_proceso_2}}" alt="">
@endif
</div>
<div class="terminado2">
@if($servicios->evidencia_terminado_2)
<img class="imgServicios" src="{{storage_path('app/public/servicios/evidencias/').$servicios->evidencia_terminado_2}}" alt="">
@endif
</div>
</div>
<br>
<div style="width: 95%; margin-left: 15px; margin-top: 176px">
<div class="inicio2">
@if($servicios->evidencia_inicio_3)
<img class="imgServicios" src="{{storage_path('app/public/servicios/evidencias/').$servicios->evidencia_inicio_3}}" alt="">
@endif
</div>
<div class="proceso2">
@if($servicios->evidencia_proceso_3)
<img class="imgServicios" src="{{storage_path('app/public/servicios/evidencias/').$servicios->evidencia_proceso_3}}" alt="">
@endif
</div>
<div class="terminado2">
@if($servicios->evidencia_terminado_3)
<img class="imgServicios" src="{{storage_path('app/public/servicios/evidencias/').$servicios->evidencia_terminado_3}}" alt="">
@endif
</div>
</div>
<br>
<hr>
<div style="width: 100%; margin-top: 23px;">
<div class="borde rCostoServicio">
<div class="etiqueta">Costo de Servicio</div>
<div class="valor">{{$servicios->costo_servicio}}</div>
</div>
<div class="borde rCostoNegativo">
<div class="etiqueta">Costo Negativo</div>
<div class="valor">{{$servicios->costo_negativo}}</div>
</div>
<div class="borde rHoraInicio">
<div class="etiqueta">Hora de Inicio</div>
<div class="valor">{{$servicios->fecha_inicio}} @if ($servicios->fecha_inicio) hrs @endif</div>
</div>
<div class="borde rDuracion">
<div class="etiqueta">Duración</div>
<div class="valor">{{$servicios->duracion}}</div>
</div>
<div class="borde rHoraFin">
<div class="etiqueta">Hora de Finalización</div>
<div class="valor">{{$servicios->fecha_final}} @if ($servicios->fecha_final) hrs @endif</div>
</div>
</div>
<div style="width: 100%; margin-top: 7.1px">
<div class="borde rAsesorO">
<div class="etiqueta">Asesor de Operaciones</div>
<div class="valor">{{$servicios->asesor}}</div>
</div>
<div class="borde rSucursal">
<div class="etiqueta">Sucursal</div>
<div class="valor">{{$servicios->sucursal}}</div>
</div>
<div class="borde rAutorizo">
<div class="etiqueta">Autorizó</div>
<div style="text-align: center">
@if($servicios->firma)
<img style="max-width: 55%; opacity: 1" src="{{storage_path('app/public/servicios/firmas/').$servicios->firma}}" alt="">
@endif
</div>
</div>
</div>
<div style="width: 100%; margin-top: -1.2px">
<div class="borde rAuxiliarO">
<div class="etiqueta">Auxiliar de Operaciones</div>
<div class="valor">{{$servicios->auxiliar}}</div>
</div>
<div class="borde rVehiculo">
<div class="etiqueta">Vehículo</div>
<div class="valor">{{$servicios->vehiculo}}</div>
</div>
<div class="borde rAutorizo2">
<div class="etiqueta" style="margin-top: 15px">{{$servicios->contacto}}</div>
</div>
</div>
</div>
</body>
</html>