593 lines
18 KiB
PHP
593 lines
18 KiB
PHP
<!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>
|