Carga inicial
This commit is contained in:
IvanAS94
164
resources/views/email/emailRecuperar.blade.php
Normal file
164
resources/views/email/emailRecuperar.blade.php
Normal file
@@ -0,0 +1,164 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<style type="text/css" rel="stylesheet" media="all">
|
||||
/* Media Queries */
|
||||
@media only screen and (max-width: 500px) {
|
||||
.button {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
margin: 0 auto;
|
||||
margin-top: 50px;
|
||||
text-align: center;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
#barraRojo
|
||||
{
|
||||
background-color: whitesmoke;
|
||||
color: #001870;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<?php
|
||||
|
||||
$style = [
|
||||
/* Layout ------------------------------ */
|
||||
|
||||
'body' => 'margin: 0 auto; padding: 0; width: 100%; background-color: #F2F4F6;',
|
||||
'email-wrapper' => 'width: 100%; margin: 0; padding: 0; background-color: #F2F4F6;',
|
||||
|
||||
/* Masthead ----------------------- */
|
||||
|
||||
'email-masthead' => 'padding: 25px 0; text-align: center;',
|
||||
'email-masthead_name' => 'font-size: 16px; font-weight: bold; color: #2F3133; text-decoration: none; text-shadow: 0 1px 0 white;',
|
||||
|
||||
'email-body' => 'width: 100%; margin: 0 auto; padding: 0; border-top: 1px solid #EDEFF2; border-bottom: 1px solid #EDEFF2; background-color: #FFF;',
|
||||
'email-body_inner' => 'width: auto; max-width: 570px; margin: 0 auto; padding: 0;',
|
||||
'email-body_cell' => 'margin:0 auto; padding: 35px;',
|
||||
|
||||
'email-footer' => 'color: #FFFFFF; width: auto; max-width: 570px; margin: 0 auto; padding: 0; text-align: center;',
|
||||
'email-footer_cell' => 'color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; padding-left: 50px; padding-right: 50px; text-align: center;',
|
||||
|
||||
/* Body ------------------------------ */
|
||||
|
||||
'body_action' => 'width: 100%; margin: 30px auto; padding: 0; text-align: center;',
|
||||
'body_sub' => 'margin-top: 25px; padding-top: 25px; border-top: 1px solid #EDEFF2;',
|
||||
|
||||
/* Type ------------------------------ */
|
||||
|
||||
'anchor' => 'color: #3869D4;',
|
||||
'header-1' => 'margin-top: 0; color: #2F3133; font-size: 19px; font-weight: bold; text-align: left;',
|
||||
'paragraph' => 'margin-top: 0; color: #74787E; font-size: 16px; line-height: 1.5em;',
|
||||
'paragraph-sub' => 'margin-top: 0; color: #74787E; font-size: 12px; line-height: 1.5em;',
|
||||
'paragraph-center' => 'text-align: center;',
|
||||
|
||||
/* Buttons ------------------------------ */
|
||||
|
||||
'button' => 'display: block; display: inline-block; width: 200px; min-height: 20px; padding: 10px;
|
||||
background-color: #3869D4; border-radius: 3px; color: #ffffff; font-size: 15px; line-height: 25px;
|
||||
text-align: center; text-decoration: none; -webkit-text-size-adjust: none;',
|
||||
];
|
||||
?>
|
||||
|
||||
<?php $fontFamily = 'font-family: Arial, \'Helvetica Neue\', Helvetica, sans-serif;'; ?>
|
||||
|
||||
<body style="{{ $style['body'] }}">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td style="{{ $style['email-wrapper'] }}" align="center">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<!-- Logo -->
|
||||
<tr id="barraRojo">
|
||||
<td style="{{ $style['email-masthead'] }}">
|
||||
<a style="{{ $fontFamily }} {{ $style['email-masthead_name'] }}" href="{{ url('/') }}" target="_blank">
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- Email Body -->
|
||||
<tr>
|
||||
<td style="{{ $style['email-body'] }}" width="100%">
|
||||
|
||||
<table style="{{ $style['email-body_inner'] }}" align="center" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr align="center">
|
||||
<img style="{{ $fontFamily }} {{ $style['email-footer_cell'] }} background-color: #001870;" align="center" src="{{ $message->embed(resource_path() . '/assets/images/logo.png') }}">
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td style="{{ $fontFamily }} {{ $style['email-body_cell'] }}">
|
||||
<!-- Greeting -->
|
||||
<h1 style="{{ $style['header-1'] }}">
|
||||
Hola!
|
||||
{{$user->first_name}} {{$user->last_name}}
|
||||
</h1>
|
||||
|
||||
<h1 style="{{ $style['header-1'] }}">
|
||||
@if (! empty($greeting))
|
||||
{{ $greeting }}
|
||||
|
||||
@endif
|
||||
</h1>
|
||||
|
||||
<!-- Intro -->
|
||||
|
||||
<p style="{{ $style['paragraph'] }}">
|
||||
Ha solicitado un reestablecimiento de contraseña, la contraseña con la que podrá acceder es la siguiente:
|
||||
</p>
|
||||
<!-- Action Button -->
|
||||
<table style="{{ $style['body_action'] }}" align="center" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="center" style="background: #E63C2D; color: white; font-weight: bold;">
|
||||
|
||||
<h1>{{$user->nueva}}</h1>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<!-- Outro -->
|
||||
<p style="{{ $style['paragraph'] }}">
|
||||
Si no solicitó un restablecimiento de contraseña, no se requiere ninguna acción adicional.
|
||||
</p>
|
||||
|
||||
<!-- Salutation -->
|
||||
<p style="{{ $style['paragraph'] }}">
|
||||
Saludos,<br>{{ config('app.name') }}
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td>
|
||||
<table align="center" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td id="barraRojo">
|
||||
<p>
|
||||
Derechos reservados ©
|
||||
<a style="text-decoration: none; color: #E63C2D;" href="http://www.ie-soluciones.com" target="_blank">IE-Soluciones {{ date('Y') }}</a>
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
251
resources/views/email/emailRespuestasOperador.blade.php
Normal file
251
resources/views/email/emailRespuestasOperador.blade.php
Normal file
@@ -0,0 +1,251 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- Define el contenido basado en codificación utf-8 (funcionará cuando se vea en la web) -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Estándar mobile permite elegir como se mostrará nuestra página en los navegadores de estos de dispositivos móviles, especificando el ancho que tendrá la página dentro del navegador -->
|
||||
<title>Responsive</title><!-- Titulo de el correo (funcionará cuando se vea en la web) -->
|
||||
<style type="text/css"><!-- Definimos estilos por defecto -->
|
||||
/* Estilos para clientes especificos */
|
||||
#outlook a {padding:0;} /* Fuerza al cliente de Outlook a generar un boton para ver en la web de forma nativa. */
|
||||
body{width:100% !important;margin: 0 !important;padding: 0 !important;} .ReadMsgBody{width:100%; !important} .ExternalClass{width:100% !important;} /* Fuerza a Hotmail a mostrar el email a su ancho completo */
|
||||
|
||||
/* Plataformas Webkit y Windows Mobile. */
|
||||
body{-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} /* Previene a la plataforma para aplicaciones Webkit y Windows Mobile que reemplace las fuentes determinadas en los estilos. */
|
||||
img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
|
||||
a img {border:none;}
|
||||
p {margin: 0px 0px !important;}
|
||||
table td {border-collapse: collapse;}
|
||||
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
|
||||
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
|
||||
#colorCheck{
|
||||
color: #CE402D!important;
|
||||
}
|
||||
|
||||
/*################################################*/
|
||||
/* Resolución 640px (iPad) */
|
||||
/*################################################*/
|
||||
@media only screen and (max-width: 500px) {
|
||||
a[href^="tel"], a[href^="sms"] { text-decoration: none;color: #ffffff; pointer-events: none;cursor: default;}
|
||||
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #ffffff !important;pointer-events: auto;cursor: default;}
|
||||
table[class=devicewidth] {width: 440px!important;text-align:center!important;}
|
||||
table[class=devicewidthinner] {width: 440px!important;text-align:center!important;}
|
||||
td[class="menu"]{text-align:center !important;}
|
||||
#colorCheck{
|
||||
color: #CE402D!important;
|
||||
font-weight: bold!important;
|
||||
font-size: 1.5em!important;
|
||||
}
|
||||
}
|
||||
/*##############################################*/
|
||||
/* Resolución 480px (iPhone) */
|
||||
/*##############################################*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
a[href^="tel"], a[href^="sms"] {text-decoration: none; color: #ffffff;pointer-events: none;cursor: default;}
|
||||
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: default;color: #ffffff !important; pointer-events: auto; cursor: default;}
|
||||
table[class=devicewidth] {width: 280px!important;text-align:center!important;}
|
||||
table[class=devicewidthinner] {width: 280px!important;text-align:center!important;}
|
||||
td[class=titulo] {width: 280px!important;text-align:center!important;}
|
||||
img[class="bigimage"]{width: 260px!important;}
|
||||
#colorCheck{
|
||||
color: #CE402D!important;
|
||||
font-weight: bold!important;
|
||||
font-size: 1.5em!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" bgColor="001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50">
|
||||
<td>
|
||||
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="600"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="600" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<img src="{{ $message->embed(resource_path('assets/images/logos').'/logo_drenax.png') }}" alt="" border="0" style=" border:none; width: 90%">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr height="40"></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="block" align="center">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<h1 style="color: #001770" align="center" >REVISIÓN</h1>
|
||||
<table width="50%" border="1" bordercolor="#000000" cellpadding="2" cellspacing="2" align="center" >
|
||||
<thead>
|
||||
<tr style="background-color: #CE402D; color: #fff;">
|
||||
<th> Tipo</th>
|
||||
<th> Niveles</th>
|
||||
<th> Comentarios </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($revision as $r)
|
||||
<tr>
|
||||
<td rowspan="1">{{ $r->nombre }}
|
||||
</td>
|
||||
@if($r->tipo_radio_btn == 1)
|
||||
<td rowspan="1">{{ $r->respuesta_radio_btn }}</td>
|
||||
@else
|
||||
<td>N/A</td>
|
||||
@endif
|
||||
<td rowspan="1">
|
||||
@if($r->tipo_text == 1)
|
||||
{{$r->respuesta_text}}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</tr>
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<h1 style="color: #001770" align="center" >HERRAMIENTAS</h1>
|
||||
<table width="50%" border="1" bordercolor="#000000" cellpadding="2" cellspacing="2" align="center" >
|
||||
<thead>
|
||||
<tr style="background-color: #CE402D; color: #fff;">
|
||||
<th> Tipo</th>
|
||||
<th> Respuesta </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($herramienta as $h)
|
||||
<tr>
|
||||
<td rowspan="1">{{$h->nombre}}</td>
|
||||
<td align="center">
|
||||
@if($h->tipo_checkbox == 1)
|
||||
@if($h->respuesta_checkbox == 1)
|
||||
<span style="color: #CE402D!important; font-weight: bold!important; font-size: 1.7em!important;" id="colorCheck">✓</span>
|
||||
@else
|
||||
<span style="color: #CE402D!important; font-weight: bold!important; font-size: 1.7em!important;" id="colorCheck">✗</span>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if($h->tipo_text == 1)
|
||||
{{$h->respuesta_text}}
|
||||
@endif
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</tr>
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<h1 style="color: #001770" align="center" >MATERIAL</h1>
|
||||
<table width="50%" border="1" bordercolor="#000000" cellpadding="2" cellspacing="2" align="center" >
|
||||
<thead>
|
||||
<tr style="background-color: #CE402D; color: #fff;">
|
||||
<th> Tipo</th>
|
||||
<th> Respuesta </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($material as $m)
|
||||
<tr>
|
||||
<td rowspan="1">{{ $m->nombre }}</td>
|
||||
<td align="center">
|
||||
|
||||
@if($m->tipo_checkbox ==1)
|
||||
@if($m->respuesta_checkbox == 1)
|
||||
<span style="color: #CE402D!important; font-weight: bold!important; font-size: 1.5em!important;" id="colorCheck">✓</span>
|
||||
@else
|
||||
<span style="color: #CE402D!important; font-weight: bold!important; font-size: 1.5em!important;" id="colorCheck">✗</span>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if($m->tipo_text == 1)
|
||||
{{$m->respuesta_text}}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" bgColor="#001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50">
|
||||
<td>
|
||||
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="600"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
308
resources/views/email/emailSolicitudServicio.blade.php
Normal file
308
resources/views/email/emailSolicitudServicio.blade.php
Normal file
@@ -0,0 +1,308 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- Define el contenido basado en codificación utf-8 (funcionará cuando se vea en la web) -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Estándar mobile permite elegir como se mostrará nuestra página en los navegadores de estos de dispositivos móviles, especificando el ancho que tendrá la página dentro del navegador -->
|
||||
<title>Responsive</title><!-- Titulo de el correo (funcionará cuando se vea en la web) -->
|
||||
<style type="text/css"><!-- Definimos estilos por defecto -->
|
||||
/* Estilos para clientes especificos */
|
||||
#outlook a {padding:0;} /* Fuerza al cliente de Outlook a generar un boton para ver en la web de forma nativa. */
|
||||
body{width:100% !important;margin: 0 !important;padding: 0 !important;} .ReadMsgBody{width:100%; !important} .ExternalClass{width:100% !important;} /* Fuerza a Hotmail a mostrar el email a su ancho completo */
|
||||
|
||||
/* Plataformas Webkit y Windows Mobile. */
|
||||
body{-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} /* Previene a la plataforma para aplicaciones Webkit y Windows Mobile que reemplace las fuentes determinadas en los estilos. */
|
||||
img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
|
||||
a img {border:none;}
|
||||
p {margin: 0px 0px !important;}
|
||||
table td {border-collapse: collapse;}
|
||||
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
|
||||
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
|
||||
|
||||
/*################################################*/
|
||||
/* Resolución 640px (iPad) */
|
||||
/*################################################*/
|
||||
@media only screen and (max-width: 500px) {
|
||||
a[href^="tel"], a[href^="sms"] { text-decoration: none;color: #ffffff; pointer-events: none;cursor: default;}
|
||||
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #ffffff !important;pointer-events: auto;cursor: default;}
|
||||
table[class=devicewidth] {width: 440px!important;text-align:center!important;}
|
||||
table[class=devicewidthinner] {width: 440px!important;text-align:center!important;}
|
||||
td[class="menu"]{text-align:center !important;}
|
||||
}
|
||||
/*##############################################*/
|
||||
/* Resolución 480px (iPhone) */
|
||||
/*##############################################*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
a[href^="tel"], a[href^="sms"] {text-decoration: none; color: #ffffff;pointer-events: none;cursor: default;}
|
||||
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: default;color: #ffffff !important; pointer-events: auto; cursor: default;}
|
||||
table[class=devicewidth] {width: 280px!important;text-align:center!important;}
|
||||
table[class=devicewidthinner] {width: 280px!important;text-align:center!important;}
|
||||
td[class=titulo] {width: 280px!important;text-align:center!important;}
|
||||
img[class="bigimage"]{width: 260px!important;}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" bgColor="001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50">
|
||||
<td>
|
||||
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="600"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="600" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<img src="{{ $message->embed(resource_path('assets/images/logos').'/logo_drenax.png') }}" alt="" border="0" style=" border:none; width: 90%">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr height="40"></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="font-family: Helvetica, arial, sans-serif; line-height: 20px; margin-top: 0; color: #001765; font-size: 19px; font-weight: bold; text-align: left;">
|
||||
Estimado(a) {{$solicitud->responsable}} reciba un cordial saludo de nuestra parte.
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr height="20"></tr>
|
||||
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<td style="margin-top: 0; color: #74787E; font-size: 16px; line-height: 20px;" align="justify">
|
||||
<span style="color: #74787E;">
|
||||
Le informamos que ha quedado agendada una visita a <b>{{$solicitud->domicilio}}</b> por parte de nuestro personal para el día {{$solicitud->fecha_solicitud}}.
|
||||
</span> <br> <br>
|
||||
<span style="color: #74787E;">
|
||||
Respecto a la solicitud {{$solicitud->servicio_enc_id}} {{$solicitud->servicio_nombre}}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr height="20"></tr>
|
||||
<hr style="border: 1px solid #74787E;">
|
||||
<tr height="20"></tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table style="font-family: Helvetica, arial, sans-serif; margin-top: 0; color: #74787E; font-size: 16px; line-height: 20px;" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="font-weight: bold; font-size: 18px; color: #CE402D; width: 60%">
|
||||
Datos del asesor de operaciones:
|
||||
</td>
|
||||
<td style="font-weight: bold; font-size: 18px; color: #CE402D; width: 40%">
|
||||
Unidad asignada:
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr height="10"></tr>
|
||||
|
||||
<tr>
|
||||
<td style="width: 60%">
|
||||
<span style="font-weight: bold">Nombre</span> <br>
|
||||
<span>{{$solicitud->asesor_nombre}}</span>
|
||||
</td>
|
||||
<td style="width: 40%">
|
||||
<span style="font-weight: bold">Tipo de Vehículo</span> <br>
|
||||
<span>{{$solicitud->tipo_vehiculo}}</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="width: 60%">
|
||||
<span style="font-weight: bold">Teléfono</span> <br>
|
||||
<span>{{$solicitud->asesor_telefono}}</span>
|
||||
</td>
|
||||
<td style="width: 40%">
|
||||
<span style="font-weight: bold">Numero de vehículo</span> <br>
|
||||
<span>{{$solicitud->vehiculo_num_economico}}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table style="font-family: Helvetica, arial, sans-serif; margin-top: 0; color: #74787E; font-size: 16px; line-height: 20px;" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="20"></tr>
|
||||
|
||||
<tr>
|
||||
<td style="font-weight: bold; font-size: 18px; color: #CE402D;">
|
||||
Contacto:
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr height="10"></tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<span style="font-weight: bold">Atención al cliente</span> <br>
|
||||
<span>{{$solicitud->atencion_cliente_nombre}}</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<span style="font-weight: bold">Supervisor de operaciones</span> <br>
|
||||
<span>Guillermo Samayoa López</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50"></tr>
|
||||
|
||||
<tr>
|
||||
<td style="font-weight: bold; font-size: 18px; color: #CE402D;">
|
||||
Indicaciones del servicio:
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr height="10"></tr>
|
||||
|
||||
@foreach($solicitud->mensaje as $mensaje)
|
||||
<tr>
|
||||
<td style="margin-top: 0; color: #74787E; font-size: 16px; line-height: 20px;" align="justify">
|
||||
<span style="color: #74787E">
|
||||
{{ $mensaje }}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
<br>
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<td style="margin-top: 0; color: #74787E; font-size: 16px; line-height: 20px;" align="justify">
|
||||
<span style="color: #74787E;">
|
||||
Si tiene alguna duda o comentario puede comunicarse con nosotros al teléfono de nuestras instalaciones: (667) 713 9250 / 60.
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<br>
|
||||
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<td style="margin-top: 0; color: #74787E; font-size: 16px; line-height: 20px;" align="justify">
|
||||
<span style="color: #74787E;">
|
||||
Lo invitamos a consultar nuestro <a href="http://drenax.mx/assets/documents/aviso_privacidad.pdf"> Aviso de Privacidad.</a>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" bgColor="#001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50">
|
||||
<td>
|
||||
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="600"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
166
resources/views/email/emailSolicitudServicioTerminado.blade.php
Normal file
166
resources/views/email/emailSolicitudServicioTerminado.blade.php
Normal file
@@ -0,0 +1,166 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- Define el contenido basado en codificación utf-8 (funcionará cuando se vea en la web) -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Estándar mobile permite elegir como se mostrará nuestra página en los navegadores de estos de dispositivos móviles, especificando el ancho que tendrá la página dentro del navegador -->
|
||||
<title>Responsive</title><!-- Titulo de el correo (funcionará cuando se vea en la web) -->
|
||||
<style type="text/css"><!-- Definimos estilos por defecto -->
|
||||
/* Estilos para clientes especificos */
|
||||
#outlook a {padding:0;} /* Fuerza al cliente de Outlook a generar un boton para ver en la web de forma nativa. */
|
||||
body{width:100% !important;margin: 0 !important;padding: 0 !important;} .ReadMsgBody{width:100%; !important} .ExternalClass{width:100% !important;} /* Fuerza a Hotmail a mostrar el email a su ancho completo */
|
||||
|
||||
/* Plataformas Webkit y Windows Mobile. */
|
||||
body{-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} /* Previene a la plataforma para aplicaciones Webkit y Windows Mobile que reemplace las fuentes determinadas en los estilos. */
|
||||
img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
|
||||
a img {border:none;}
|
||||
p {margin: 0px 0px !important;}
|
||||
table td {border-collapse: collapse;}
|
||||
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
|
||||
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
|
||||
|
||||
/*################################################*/
|
||||
/* Resolución 640px (iPad) */
|
||||
/*################################################*/
|
||||
@media only screen and (max-width: 500px) {
|
||||
a[href^="tel"], a[href^="sms"] { text-decoration: none;color: #ffffff; pointer-events: none;cursor: default;}
|
||||
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #ffffff !important;pointer-events: auto;cursor: default;}
|
||||
table[class=devicewidth] {width: 440px!important;text-align:center!important;}
|
||||
table[class=devicewidthinner] {width: 440px!important;text-align:center!important;}
|
||||
td[class="menu"]{text-align:center !important;}
|
||||
}
|
||||
/*##############################################*/
|
||||
/* Resolución 480px (iPhone) */
|
||||
/*##############################################*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
a[href^="tel"], a[href^="sms"] {text-decoration: none; color: #ffffff;pointer-events: none;cursor: default;}
|
||||
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: default;color: #ffffff !important; pointer-events: auto; cursor: default;}
|
||||
table[class=devicewidth] {width: 280px!important;text-align:center!important;}
|
||||
table[class=devicewidthinner] {width: 280px!important;text-align:center!important;}
|
||||
td[class=titulo] {width: 280px!important;text-align:center!important;}
|
||||
img[class="bigimage"]{width: 260px!important;}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" bgColor="001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50">
|
||||
<td>
|
||||
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="600"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="600" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center">
|
||||
<img src="{{ $message->embed(resource_path('assets/images/logos').'/logo_drenax.png') }}" alt="" border="0" style=" border:none; width: 90%">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr height="40"></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50"></tr>
|
||||
|
||||
<tr style="font-family: Helvetica, arial, sans-serif;">
|
||||
<td style="margin-top: 0; color: #74787E; font-size: 16px; line-height: 20px;" align="justify">
|
||||
<span style="color: #74787E;">
|
||||
Estimado(a) {{$info['contacto']}}, reciba un cordial saludo de nuestra parte.
|
||||
</span> <br>
|
||||
<span style="color: #74787E;">
|
||||
Le informamos que el servicio {{$info['servicio']}} de la solicitud {{$info['folio']}} finalizó con los datos referidos en archivo PDF adjunto.
|
||||
</span> <br> <br>
|
||||
<span style="color: #74787E;">
|
||||
Drenax agradece su preferencia.
|
||||
</span> <br> <br>
|
||||
<span style="color: #74787E;">
|
||||
Lo invitamos a consultar nuestro <a href="http://drenax.mx/assets/documents/aviso_privacidad.pdf"> Aviso de Privacidad.</a>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="block">
|
||||
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="100%">
|
||||
<table width="600" bgColor="#001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
||||
<tbody>
|
||||
<tr height="50">
|
||||
<td>
|
||||
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="600"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
592
resources/views/recibos/servicios-lite.blade.php
Normal file
592
resources/views/recibos/servicios-lite.blade.php
Normal 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
592
resources/views/recibos/servicios.blade.php
Normal 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>
|
||||
19
resources/views/vendor/mail/html/button.blade.php
vendored
Normal file
19
resources/views/vendor/mail/html/button.blade.php
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
<table class="action" align="center" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ $url }}" class="button button-{{ $color or 'blue' }}" target="_blank">{{ $slot }}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
11
resources/views/vendor/mail/html/footer.blade.php
vendored
Normal file
11
resources/views/vendor/mail/html/footer.blade.php
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
<tr>
|
||||
<td>
|
||||
<table class="footer" align="center" width="570" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-cell" align="center">
|
||||
{{ Illuminate\Mail\Markdown::parse($slot) }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
7
resources/views/vendor/mail/html/header.blade.php
vendored
Normal file
7
resources/views/vendor/mail/html/header.blade.php
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
<tr>
|
||||
<td class="header">
|
||||
<a href="{{ $url }}">
|
||||
{{ $slot }}
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
54
resources/views/vendor/mail/html/layout.blade.php
vendored
Normal file
54
resources/views/vendor/mail/html/layout.blade.php
vendored
Normal file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
@media only screen and (max-width: 600px) {
|
||||
.inner-body {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.button {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<table class="wrapper" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table class="content" width="100%" cellpadding="0" cellspacing="0">
|
||||
{{ $header or '' }}
|
||||
|
||||
<!-- Email Body -->
|
||||
<tr>
|
||||
<td class="body" width="100%" cellpadding="0" cellspacing="0">
|
||||
<table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0">
|
||||
<!-- Body content -->
|
||||
<tr>
|
||||
<td class="content-cell">
|
||||
{{ Illuminate\Mail\Markdown::parse($slot) }}
|
||||
|
||||
{{ $subcopy or '' }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
{{ $footer or '' }}
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
27
resources/views/vendor/mail/html/message.blade.php
vendored
Normal file
27
resources/views/vendor/mail/html/message.blade.php
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
@component('mail::layout')
|
||||
{{-- Header --}}
|
||||
@slot('header')
|
||||
@component('mail::header', ['url' => config('app.url')])
|
||||
{{ config('app.name') }}
|
||||
@endcomponent
|
||||
@endslot
|
||||
|
||||
{{-- Body --}}
|
||||
{{ $slot }}
|
||||
|
||||
{{-- Subcopy --}}
|
||||
@isset($subcopy)
|
||||
@slot('subcopy')
|
||||
@component('mail::subcopy')
|
||||
{{ $subcopy }}
|
||||
@endcomponent
|
||||
@endslot
|
||||
@endisset
|
||||
|
||||
{{-- Footer --}}
|
||||
@slot('footer')
|
||||
@component('mail::footer')
|
||||
© {{ date('Y') }} {{ config('app.name') }}. All rights reserved.
|
||||
@endcomponent
|
||||
@endslot
|
||||
@endcomponent
|
||||
13
resources/views/vendor/mail/html/panel.blade.php
vendored
Normal file
13
resources/views/vendor/mail/html/panel.blade.php
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
<table class="panel" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="panel-content">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="panel-item">
|
||||
{{ Illuminate\Mail\Markdown::parse($slot) }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
7
resources/views/vendor/mail/html/promotion.blade.php
vendored
Normal file
7
resources/views/vendor/mail/html/promotion.blade.php
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
<table class="promotion" align="center" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="center">
|
||||
{{ Illuminate\Mail\Markdown::parse($slot) }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
13
resources/views/vendor/mail/html/promotion/button.blade.php
vendored
Normal file
13
resources/views/vendor/mail/html/promotion/button.blade.php
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ $url }}" class="button button-green" target="_blank">{{ $slot }}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
7
resources/views/vendor/mail/html/subcopy.blade.php
vendored
Normal file
7
resources/views/vendor/mail/html/subcopy.blade.php
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
<table class="subcopy" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td>
|
||||
{{ Illuminate\Mail\Markdown::parse($slot) }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
3
resources/views/vendor/mail/html/table.blade.php
vendored
Normal file
3
resources/views/vendor/mail/html/table.blade.php
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
<div class="table">
|
||||
{{ Illuminate\Mail\Markdown::parse($slot) }}
|
||||
</div>
|
||||
285
resources/views/vendor/mail/html/themes/default.css
vendored
Normal file
285
resources/views/vendor/mail/html/themes/default.css
vendored
Normal file
@@ -0,0 +1,285 @@
|
||||
/* Base */
|
||||
|
||||
body, body *:not(html):not(style):not(br):not(tr):not(code) {
|
||||
font-family: Avenir, Helvetica, sans-serif;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f5f8fa;
|
||||
color: #74787E;
|
||||
height: 100%;
|
||||
hyphens: auto;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
-moz-hyphens: auto;
|
||||
-ms-word-break: break-all;
|
||||
width: 100% !important;
|
||||
-webkit-hyphens: auto;
|
||||
-webkit-text-size-adjust: none;
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
blockquote {
|
||||
line-height: 1.4;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #3869D4;
|
||||
}
|
||||
|
||||
a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Typography */
|
||||
|
||||
h1 {
|
||||
color: #2F3133;
|
||||
font-size: 19px;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #2F3133;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #2F3133;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #74787E;
|
||||
font-size: 16px;
|
||||
line-height: 1.5em;
|
||||
margin-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
p.sub {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* Layout */
|
||||
|
||||
.wrapper {
|
||||
background-color: #f5f8fa;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
-premailer-cellpadding: 0;
|
||||
-premailer-cellspacing: 0;
|
||||
-premailer-width: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
-premailer-cellpadding: 0;
|
||||
-premailer-cellspacing: 0;
|
||||
-premailer-width: 100%;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
.header {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header a {
|
||||
color: #bbbfc3;
|
||||
font-size: 19px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 white;
|
||||
}
|
||||
|
||||
/* Body */
|
||||
|
||||
.body {
|
||||
background-color: #FFFFFF;
|
||||
border-bottom: 1px solid #EDEFF2;
|
||||
border-top: 1px solid #EDEFF2;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
-premailer-cellpadding: 0;
|
||||
-premailer-cellspacing: 0;
|
||||
-premailer-width: 100%;
|
||||
}
|
||||
|
||||
.inner-body {
|
||||
background-color: #FFFFFF;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
width: 570px;
|
||||
-premailer-cellpadding: 0;
|
||||
-premailer-cellspacing: 0;
|
||||
-premailer-width: 570px;
|
||||
}
|
||||
|
||||
/* Subcopy */
|
||||
|
||||
.subcopy {
|
||||
border-top: 1px solid #EDEFF2;
|
||||
margin-top: 25px;
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
.subcopy p {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
.footer {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
width: 570px;
|
||||
-premailer-cellpadding: 0;
|
||||
-premailer-cellspacing: 0;
|
||||
-premailer-width: 570px;
|
||||
}
|
||||
|
||||
.footer p {
|
||||
color: #AEAEAE;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Tables */
|
||||
|
||||
.table table {
|
||||
margin: 30px auto;
|
||||
width: 100%;
|
||||
-premailer-cellpadding: 0;
|
||||
-premailer-cellspacing: 0;
|
||||
-premailer-width: 100%;
|
||||
}
|
||||
|
||||
.table th {
|
||||
border-bottom: 1px solid #EDEFF2;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.table td {
|
||||
color: #74787E;
|
||||
font-size: 15px;
|
||||
line-height: 18px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.content-cell {
|
||||
padding: 35px;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
|
||||
.action {
|
||||
margin: 30px auto;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
-premailer-cellpadding: 0;
|
||||
-premailer-cellspacing: 0;
|
||||
-premailer-width: 100%;
|
||||
}
|
||||
|
||||
.button {
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
.button-blue {
|
||||
background-color: #3097D1;
|
||||
border-top: 10px solid #3097D1;
|
||||
border-right: 18px solid #3097D1;
|
||||
border-bottom: 10px solid #3097D1;
|
||||
border-left: 18px solid #3097D1;
|
||||
}
|
||||
|
||||
.button-green {
|
||||
background-color: #2ab27b;
|
||||
border-top: 10px solid #2ab27b;
|
||||
border-right: 18px solid #2ab27b;
|
||||
border-bottom: 10px solid #2ab27b;
|
||||
border-left: 18px solid #2ab27b;
|
||||
}
|
||||
|
||||
.button-red {
|
||||
background-color: #bf5329;
|
||||
border-top: 10px solid #bf5329;
|
||||
border-right: 18px solid #bf5329;
|
||||
border-bottom: 10px solid #bf5329;
|
||||
border-left: 18px solid #bf5329;
|
||||
}
|
||||
|
||||
/* Panels */
|
||||
|
||||
.panel {
|
||||
margin: 0 0 21px;
|
||||
}
|
||||
|
||||
.panel-content {
|
||||
background-color: #EDEFF2;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.panel-item {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.panel-item p:last-of-type {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
/* Promotions */
|
||||
|
||||
.promotion {
|
||||
background-color: #FFFFFF;
|
||||
border: 2px dashed #9BA2AB;
|
||||
margin: 0;
|
||||
margin-bottom: 25px;
|
||||
margin-top: 25px;
|
||||
padding: 24px;
|
||||
width: 100%;
|
||||
-premailer-cellpadding: 0;
|
||||
-premailer-cellspacing: 0;
|
||||
-premailer-width: 100%;
|
||||
}
|
||||
|
||||
.promotion h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.promotion p {
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
1
resources/views/vendor/mail/markdown/button.blade.php
vendored
Normal file
1
resources/views/vendor/mail/markdown/button.blade.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{{ $slot }}: {{ $url }}
|
||||
1
resources/views/vendor/mail/markdown/footer.blade.php
vendored
Normal file
1
resources/views/vendor/mail/markdown/footer.blade.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{{ $slot }}
|
||||
1
resources/views/vendor/mail/markdown/header.blade.php
vendored
Normal file
1
resources/views/vendor/mail/markdown/header.blade.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
[{{ $slot }}]({{ $url }})
|
||||
9
resources/views/vendor/mail/markdown/layout.blade.php
vendored
Normal file
9
resources/views/vendor/mail/markdown/layout.blade.php
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
{!! strip_tags($header) !!}
|
||||
|
||||
{!! strip_tags($slot) !!}
|
||||
@isset($subcopy)
|
||||
|
||||
{!! strip_tags($subcopy) !!}
|
||||
@endisset
|
||||
|
||||
{!! strip_tags($footer) !!}
|
||||
27
resources/views/vendor/mail/markdown/message.blade.php
vendored
Normal file
27
resources/views/vendor/mail/markdown/message.blade.php
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
@component('mail::layout')
|
||||
{{-- Header --}}
|
||||
@slot('header')
|
||||
@component('mail::header', ['url' => config('app.url')])
|
||||
{{ config('app.name') }}
|
||||
@endcomponent
|
||||
@endslot
|
||||
|
||||
{{-- Body --}}
|
||||
{{ $slot }}
|
||||
|
||||
{{-- Subcopy --}}
|
||||
@isset($subcopy)
|
||||
@slot('subcopy')
|
||||
@component('mail::subcopy')
|
||||
{{ $subcopy }}
|
||||
@endcomponent
|
||||
@endslot
|
||||
@endisset
|
||||
|
||||
{{-- Footer --}}
|
||||
@slot('footer')
|
||||
@component('mail::footer')
|
||||
© {{ date('Y') }} {{ config('app.name') }}. All rights reserved.
|
||||
@endcomponent
|
||||
@endslot
|
||||
@endcomponent
|
||||
1
resources/views/vendor/mail/markdown/panel.blade.php
vendored
Normal file
1
resources/views/vendor/mail/markdown/panel.blade.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{{ $slot }}
|
||||
1
resources/views/vendor/mail/markdown/promotion.blade.php
vendored
Normal file
1
resources/views/vendor/mail/markdown/promotion.blade.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{{ $slot }}
|
||||
1
resources/views/vendor/mail/markdown/promotion/button.blade.php
vendored
Normal file
1
resources/views/vendor/mail/markdown/promotion/button.blade.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
[{{ $slot }}]({{ $url }})
|
||||
1
resources/views/vendor/mail/markdown/subcopy.blade.php
vendored
Normal file
1
resources/views/vendor/mail/markdown/subcopy.blade.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{{ $slot }}
|
||||
1
resources/views/vendor/mail/markdown/table.blade.php
vendored
Normal file
1
resources/views/vendor/mail/markdown/table.blade.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{{ $slot }}
|
||||
58
resources/views/vendor/notifications/email.blade.php
vendored
Normal file
58
resources/views/vendor/notifications/email.blade.php
vendored
Normal file
@@ -0,0 +1,58 @@
|
||||
@component('mail::message')
|
||||
{{-- Greeting --}}
|
||||
@if (! empty($greeting))
|
||||
# {{ $greeting }}
|
||||
@else
|
||||
@if ($level == 'error')
|
||||
# Whoops!
|
||||
@else
|
||||
# Hello!
|
||||
@endif
|
||||
@endif
|
||||
|
||||
{{-- Intro Lines --}}
|
||||
@foreach ($introLines as $line)
|
||||
{{ $line }}
|
||||
|
||||
@endforeach
|
||||
|
||||
{{-- Action Button --}}
|
||||
@isset($actionText)
|
||||
<?php
|
||||
switch ($level) {
|
||||
case 'success':
|
||||
$color = 'green';
|
||||
break;
|
||||
case 'error':
|
||||
$color = 'red';
|
||||
break;
|
||||
default:
|
||||
$color = 'blue';
|
||||
}
|
||||
?>
|
||||
@component('mail::button', ['url' => $actionUrl, 'color' => $color])
|
||||
{{ $actionText }}
|
||||
@endcomponent
|
||||
@endisset
|
||||
|
||||
{{-- Outro Lines --}}
|
||||
@foreach ($outroLines as $line)
|
||||
{{ $line }}
|
||||
|
||||
@endforeach
|
||||
|
||||
{{-- Salutation --}}
|
||||
@if (! empty($salutation))
|
||||
{{ $salutation }}
|
||||
@else
|
||||
Regards,<br>{{ config('app.name') }}
|
||||
@endif
|
||||
|
||||
{{-- Subcopy --}}
|
||||
@isset($actionText)
|
||||
@component('mail::subcopy')
|
||||
If you’re having trouble clicking the "{{ $actionText }}" button, copy and paste the URL below
|
||||
into your web browser: [{{ $actionUrl }}]({{ $actionUrl }})
|
||||
@endcomponent
|
||||
@endisset
|
||||
@endcomponent
|
||||
36
resources/views/vendor/pagination/bootstrap-4.blade.php
vendored
Normal file
36
resources/views/vendor/pagination/bootstrap-4.blade.php
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
@if ($paginator->hasPages())
|
||||
<ul class="pagination">
|
||||
{{-- Previous Page Link --}}
|
||||
@if ($paginator->onFirstPage())
|
||||
<li class="page-item disabled"><span class="page-link">«</span></li>
|
||||
@else
|
||||
<li class="page-item"><a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">«</a></li>
|
||||
@endif
|
||||
|
||||
{{-- Pagination Elements --}}
|
||||
@foreach ($elements as $element)
|
||||
{{-- "Three Dots" Separator --}}
|
||||
@if (is_string($element))
|
||||
<li class="page-item disabled"><span class="page-link">{{ $element }}</span></li>
|
||||
@endif
|
||||
|
||||
{{-- Array Of Links --}}
|
||||
@if (is_array($element))
|
||||
@foreach ($element as $page => $url)
|
||||
@if ($page == $paginator->currentPage())
|
||||
<li class="page-item active"><span class="page-link">{{ $page }}</span></li>
|
||||
@else
|
||||
<li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
|
||||
@endif
|
||||
@endforeach
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
{{-- Next Page Link --}}
|
||||
@if ($paginator->hasMorePages())
|
||||
<li class="page-item"><a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">»</a></li>
|
||||
@else
|
||||
<li class="page-item disabled"><span class="page-link">»</span></li>
|
||||
@endif
|
||||
</ul>
|
||||
@endif
|
||||
36
resources/views/vendor/pagination/default.blade.php
vendored
Normal file
36
resources/views/vendor/pagination/default.blade.php
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
@if ($paginator->hasPages())
|
||||
<ul class="pagination">
|
||||
{{-- Previous Page Link --}}
|
||||
@if ($paginator->onFirstPage())
|
||||
<li class="disabled"><span>«</span></li>
|
||||
@else
|
||||
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">«</a></li>
|
||||
@endif
|
||||
|
||||
{{-- Pagination Elements --}}
|
||||
@foreach ($elements as $element)
|
||||
{{-- "Three Dots" Separator --}}
|
||||
@if (is_string($element))
|
||||
<li class="disabled"><span>{{ $element }}</span></li>
|
||||
@endif
|
||||
|
||||
{{-- Array Of Links --}}
|
||||
@if (is_array($element))
|
||||
@foreach ($element as $page => $url)
|
||||
@if ($page == $paginator->currentPage())
|
||||
<li class="active"><span>{{ $page }}</span></li>
|
||||
@else
|
||||
<li><a href="{{ $url }}">{{ $page }}</a></li>
|
||||
@endif
|
||||
@endforeach
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
{{-- Next Page Link --}}
|
||||
@if ($paginator->hasMorePages())
|
||||
<li><a href="{{ $paginator->nextPageUrl() }}" rel="next">»</a></li>
|
||||
@else
|
||||
<li class="disabled"><span>»</span></li>
|
||||
@endif
|
||||
</ul>
|
||||
@endif
|
||||
17
resources/views/vendor/pagination/simple-bootstrap-4.blade.php
vendored
Normal file
17
resources/views/vendor/pagination/simple-bootstrap-4.blade.php
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
@if ($paginator->hasPages())
|
||||
<ul class="pagination">
|
||||
{{-- Previous Page Link --}}
|
||||
@if ($paginator->onFirstPage())
|
||||
<li class="page-item disabled"><span class="page-link">@lang('pagination.previous')</span></li>
|
||||
@else
|
||||
<li class="page-item"><a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a></li>
|
||||
@endif
|
||||
|
||||
{{-- Next Page Link --}}
|
||||
@if ($paginator->hasMorePages())
|
||||
<li class="page-item"><a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a></li>
|
||||
@else
|
||||
<li class="page-item disabled"><span class="page-link">@lang('pagination.next')</span></li>
|
||||
@endif
|
||||
</ul>
|
||||
@endif
|
||||
17
resources/views/vendor/pagination/simple-default.blade.php
vendored
Normal file
17
resources/views/vendor/pagination/simple-default.blade.php
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
@if ($paginator->hasPages())
|
||||
<ul class="pagination">
|
||||
{{-- Previous Page Link --}}
|
||||
@if ($paginator->onFirstPage())
|
||||
<li class="disabled"><span>@lang('pagination.previous')</span></li>
|
||||
@else
|
||||
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a></li>
|
||||
@endif
|
||||
|
||||
{{-- Next Page Link --}}
|
||||
@if ($paginator->hasMorePages())
|
||||
<li><a href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a></li>
|
||||
@else
|
||||
<li class="disabled"><span>@lang('pagination.next')</span></li>
|
||||
@endif
|
||||
</ul>
|
||||
@endif
|
||||
95
resources/views/welcome.blade.php
Normal file
95
resources/views/welcome.blade.php
Normal file
@@ -0,0 +1,95 @@
|
||||
<!doctype html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Laravel</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- Styles -->
|
||||
<style>
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
color: #636b6f;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-weight: 100;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.full-height {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.flex-center {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.position-ref {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-right {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 84px;
|
||||
}
|
||||
|
||||
.links > a {
|
||||
color: #636b6f;
|
||||
padding: 0 25px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
letter-spacing: .1rem;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.m-b-md {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="flex-center position-ref full-height">
|
||||
@if (Route::has('login'))
|
||||
<div class="top-right links">
|
||||
@if (Auth::check())
|
||||
<a href="{{ url('/home') }}">Home</a>
|
||||
@else
|
||||
<a href="{{ url('/login') }}">Login</a>
|
||||
<a href="{{ url('/register') }}">Register</a>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="content">
|
||||
<div class="title m-b-md">
|
||||
Laravel
|
||||
</div>
|
||||
|
||||
<div class="links">
|
||||
<a href="https://laravel.com/docs">Documentation</a>
|
||||
<a href="https://laracasts.com">Laracasts</a>
|
||||
<a href="https://laravel-news.com">News</a>
|
||||
<a href="https://forge.laravel.com">Forge</a>
|
||||
<a href="https://github.com/laravel/laravel">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user