@extends('mails.layout_01')
@section('styles')
	<style type="text/css">
			.tabint{
				width: 86%;
				margin-bottom: 45px;
			}
			@media all and (max-width:639px){
				.tabint{
					width: 100%;
					margin-bottom: 0px;
				}
			}
		</style>
@endsection
@section('content')
	<tr style="height: 18px; background-color: #212529;">
		<td style="width: 558px; height: 50px; padding-top: 10px; padding-bottom: 20px; color: #00D84D; font-size: 18pt;">
			<center>
				<img style="width: 110px"  src="{{ url('img/mails/sobre.png') }}" alt="Netwey Referido" title="Netwey Referido"/>
			</center>
		</td>
	</tr>
	<tr style="height: 20px; background-color: #212529; color: #FFF; font-family: arial, sans-serif; font-size: 14pt;">
		<td style="width: 558px; padding-bottom: 20px">
			<center style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold">¡Hemos confirmado con éxito <br> tu correo electrónico!</center><br>
		</td>
	</tr>
	<tr style="height: 18px; background-color: #E5E5E5;">
		<td style="width: 558px; height: 18px; color: #494846; font-size: 15pt;">
			<table style="margin-left: auto; margin-right: auto" class="tabint">
				<tr style="background-color: #FFF;">
					<td style="width: 558px; padding-top: 20px;">
						<center style="width: 82%; max-width: 466px; margin-left: auto; margin-right: auto;">
							<p style="font-size: 16px; color: #797979; line-height: 26px;">Podrás recibir notificaciones de tus referidos para obtener el beneficio de 20 GB con vigencia de una semana gratis (valorado en $89).<br>¡Comparte con tus amigos tu código! </p>

							<p style="font-size: 20px; color: #212529; line-height: 24px; letter-spacing: 2px; font-weight: bold; border: 1px solid #00D84D; box-sizing: border-box; border-radius: 5px; padding: 10px; max-width: 350px;">{{$data['code_ref']}}</p>

							<p style="font-size: 16px; color: #797979; line-height: 26px;">Tus amigos podrán utilizar tu código de referido para adquirir el servicio Netwey por medio de compra online y además el envío del módem será gratis a su domicilio (valorado en $100)</p>


							<p style="font-size: 18px; color: #212529; line-height: 26px; font-weight: bold; margin-top: 25px; margin-bottom: 25px">¿Cómo deben utilizar tu código?</p>

							<p style="font-size: 16px; color: #797979; line-height: 26px;">Tus amigos deben ingresar a nuestro sitio web www.netwey.com.mx, y en tienda elegir su módem, seguir los pasos de compra y en el resumen de la misma ingresar código:</p>

							<p style="font-size: 20px; color: #212529; line-height: 24px; letter-spacing: 2px; font-weight: bold; border: 1px solid #00D84D; box-sizing: border-box; border-radius: 5px; padding: 10px; max-width: 350px;">{{$data['code_ref']}}</p>

							<img style="max-width: 400px; width: 100%" src="{{ url('img/mails/referred_instructions_new.png') }}" alt="">

							<div style="width: 225px; height: 42px; line-height: 42px; background-color: #ff33ab; border-radius: 50px; margin-bottom: 25px"><a style="color: #FFFFFF;text-decoration: none;" href="https://secure.netwey.com.mx/site/"><b><center style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;"><strong>Ingresar a Mi Netwey</strong></center></b></a></div>

						</center>
					</td>
				</tr>
			</table>
		</td>
	</tr>
@stop