@component('candidate.email.mailMessageHead')

<div style="text-align:center;margin-top:32px;">
  <div style="margin-bottom:30px;color:#1A2028;text-align: center;font-family: 'Raleway', sans-serif;font-size: 28px;font-style: normal;font-weight: 600;line-height: 36px;">
    Notificación de inicio de sesión en Mexican People HR
  </div>
  <div style="margin-bottom:28px;color:#555;text-align: center;font-family: 'Raleway', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;">
    Hola {{$user->firstname}}, este es un aviso de seguridad. Hemos detectado un inicio de sesión en tu cuenta:
  </div>
</div>

<table style="border: 1px solid #2b499b; margin-left: auto; margin-right: auto;">
  <tr>
      <td style="padding: 8px;">
          <img src="{{env('APP_URL')}}/wicons/Blank_Calendar.png" alt="icono" />
      </td>
      <td>
        <div style="padding: 8px;color:#262626;text-align: start;font-family: 'Raleway', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;">
          {{$date}}
        </div>
      </td>
  </tr>
  <tr>
      <td style="padding: 8px;">
          <img src="{{env('APP_URL')}}/wicons/circle_clock.png" alt="icono" />
      </td>
      <td>
        <div style="padding: 8px;color:#262626;text-align: start;font-family: 'Raleway', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;">
          {{$zone." ".$time." UTC".$offsetzone}}
        </div>
      </td>
  </tr>
  <tr>
      <td style="padding: 8px;">
          <img src="{{env('APP_URL')}}/wicons/phone.png" alt="icono" />
      </td>
      <td>
        <div style="padding: 8px;color:#262626;text-align: start;font-family: 'Raleway', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;">
          {{$platform."asd ".$device}}
        </div>
      </td>
  </tr>
</table>

<div style="text-align:center;margin-top:32px;">
  <div style="margin-bottom:28px;color:#555;text-align: center;font-family: 'Raleway', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;">
    Este mensaje es simplemente una medida de seguridad para asegurarnos de que tu cuenta se mantenga segura.
  </div>
  <div style="margin-bottom:28px;color:#555;text-align: center;font-family: 'Raleway', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;">
    Gracias por confiar en Mexican People HR
  </div>
</div>


@endcomponent