@extends('layouts.master_email')

@section('content')
  	<!--header-->
  	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eceff3">
    	<tr>
      		<td align="center">
        		<table align="center" border="0" cellpadding="0" cellspacing="0">
          			<tr>
            			<td width="520" align="center">
              				<table width="100%" class="table-inner" border="0" align="center" cellpadding="0" cellspacing="0">
                				<tr>
                  					<td align="center" bgcolor="#414a51" style="border-bottom:5px solid #e0e5eb; background-position:top; background-size:cover;border-top-left-radius:6px;border-top-right-radius:6px;" background="{{env('APP_URL')}}/assets/app/media/email/header-bg.png">
                    					<table align="center" width="90%" border="0" cellspacing="0" cellpadding="0">
                      						<tr>
                        						<td height="60"></td>
                      						</tr>
                      						<!--headline-->
                      						<tr>
                        						<td align="center" style="font-family: 'Open sans', Arial, sans-serif; color:#ffffff; font-size:24px;font-weight: bold; line-height: 28px;letter-spacing: 2px;"> Gracias por regístrarte </td>
                      						</tr>
                      						<!--end headline-->
                      						<tr>
                        						<td height="15"></td>
                      						</tr>
                      						<tr>
                        						<td height="10"></td>
                      						</tr>
                      						<!--slogan-->
                      						<tr>
                        						<td align="center" style="font-family: 'Times New Roman', Arial, sans-serif; color:#FFFFFF; font-size:14px; letter-spacing: 1px;line-height: 28px; font-style:italic;"></td>
                      						</tr>
                      						<!--end slogan-->
                      						<tr>
                        						<td height="50"></td>
                      						</tr>
                    					</table>
                  					</td>
                				</tr>
              				</table>
            			</td>
          			</tr>
        		</table>
      		</td>
    	</tr>
  	</table>
  	<!--end header-->
  	<!--headline-->
  	<table align="center" bgcolor="#eceff3" width="100%" border="0" cellspacing="0" cellpadding="0">
    	<tr>
    		<td align="center">
        		<table align="center" border="0" cellpadding="0" cellspacing="0">
          			<tr>
            			<td width="520" align="center">
              				<table bgcolor="#FFFFFF" align="center" class="table-inner" width="100%" border="0" cellspacing="0" cellpadding="0">
                				<tr>
                  					<td align="center">
                    					<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                      						<tr>
                        						<td height="25"></td>
                      						</tr>
                      						<!--title-->
                      						<tr>
                        						<td align="center" style="font-family: 'Open sans', Arial, sans-serif; color:#3b3b3b; font-size:22px;font-weight: bold; line-height: 28px;">
												 Hola, {{$name}}, Para completar la activación de su cuenta, vaya al siguiente enlace:
												</td>
                      						</tr>
                      						<!--end title-->
                      						<tr>
                        						<td height="25"></td>
                      						</tr>
                      						<!--dotted-->
                      						<tr>
												<td align="center">
													<table border="0" align="center" cellpadding="0" cellspacing="0">
														<tr>
															<td align="center">
																<table bgcolor="#6ec8c7" style="border-radius:5px;" align="center" border="0" cellpadding="0" cellspacing="0">
																	<tr>
																		<td style="font-size:0px; line-height:0px;" height="5" width="5">&nbsp;</td>
																	</tr>
																</table>
															</td>
															<td width="15"></td>
															<td align="center">
																<table bgcolor="#6ec8c7" style="border-radius:5px;" align="center" border="0" cellpadding="0" cellspacing="0">
																	<tr>
																		<td style="font-size:0px; line-height:0px;" height="5" width="5">&nbsp;</td>
																	</tr>
																</table>
															</td>
															<td width="15"></td>
															<td align="center">
																<table bgcolor="#6ec8c7" style="border-radius:5px;" align="center" border="0" cellpadding="0" cellspacing="0">
																	<tr>
																		<td style="font-size:0px; line-height:0px;" height="5" width="5">&nbsp;</td>
																	</tr>
																</table>
															</td>
															<td width="15"></td>
															<td align="center">
																<table bgcolor="#6ec8c7" style="border-radius:5px;" align="center" border="0" cellpadding="0" cellspacing="0">
																	<tr>
																		<td style="font-size:0px; line-height:0px;" height="5" width="5">&nbsp;</td>
																	</tr>
																</table>
															</td>
														</tr>
													</table>
												</td>
                      						</tr>
                      						<!--end dotted-->
											<tr>
												<td height="25"></td>
											</tr>
                    					</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>
  	</table>
  	<!--end headline-->
  	<!--1/2 right-->
  	<table align="center" bgcolor="#eceff3" width="100%" border="0" cellspacing="0" cellpadding="0">
    	<tr>
      		<td align="center">
        		<table align="center" border="0" cellpadding="0" cellspacing="0">
          			<tr>
            			<td width="520" align="center">
              				<table bgcolor="#FFFFFF" align="center" class="table-inner" width="100%" border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td height="25"></td>
								</tr>
								<tr>
									<td align="center">
										<table align="center" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<table width="100%" border="0" cellpadding="0" cellspacing="0">
													<tbody>
														<tr>
															<td width="35">
																<table width="100%" border="0" cellpadding="0" cellspacing="0">
																	<tbody>
																		<tr>
																			<td height="25" bgcolor="" style="font-size:0px;">&nbsp;</td>
																		</tr>
																		<tr>
																			<td height="25"></td>
																		</tr>
																	</tbody>
																</table>
															</td>
															<td align="center" background="images/cta-bg.png" bgcolor="#00be73">
																<!--button-->
																<a href="{{ env('APP_URL') }}/activate_account/{{$activation_token}}">
																	<table style="border-radius:6px;" class="textbutton" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#00be73">
																		<tbody>
																			<tr>
																				<td class="btn-link" height="50" align="center" style="padding-left: 10px;padding-right: 10px; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px;color:#FFFFFF;font-weight: bold;">
																					Activar cuenta
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</a>
																<!--end button-->
															</td>
															<td width="35">
																<table width="100%" border="0" cellpadding="0" cellspacing="0">
																	<tbody>
																		<tr>
																			<td height="25" bgcolor="" style="font-size:0px;">&nbsp;</td>
																		</tr>
																		<tr>
																			<td height="25"></td>
																		</tr>
																	</tbody>
																</table>
															</td>
														</tr>
													</tbody>
												</table>
											</tr>
										</table>
									</td>
								</tr>
              				</table>
            			</td>
          			</tr>
        		</table>
      		</td>
    	</tr>
  	</table>
  	<!--end 1/2 right-->
@endsection