@extends('emails.layouts.main') @section('title', 'Login Assistance') @section('content') {{--
Salutation with user's first name --}}
<p
  style="
    font-size: 2.8rem;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 18px;
    font-family: 'Readmore', Georgia, serif;
  "
>
  Hello,
  <b style="font-family: 'Readingful', Georgia, serif; font-weight: 600"
    >{{ explode(' ', $user->name)[0] ?? $user->name }}</b
  >
</p>

{{-- Email body paragraphs --}}
<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.8rem; color: #000000">
  It looks like you're having difficulty signing in.
</p>

<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.8rem; color: #000000">
  Not to worry. We're here to help.
</p>

<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.8rem; color: #000000">
  To get you back into your Readingful account, please simply use the button below to automatically
  log in. Upon doing so, you will be asked to set a new password.
</p>

{{-- Call-to-action button --}}
<div style="text-align: left; margin-top: 30px; margin-bottom: 20px">
  <a
    href="{{ $resetUrl ?? config('app.url') }}"
    style="
      background-color: #2c78ff;
      color: #ffffff !important;
      display: inline-block;
      height: 44px;
      font-size: 1.8rem;
      font-weight: 500;
      text-decoration: none;
      border-radius: 16px;
      padding-left: 22px;
      padding-right: 22px;
      align-content: center;
      font-family: 'Readingful', Georgia, serif;
    "
    onmouseover="this.style.backgroundColor='#2C78FF80'"
    onmouseout="this.style.backgroundColor='#2C78FF'"
  >
    Log In to Readingful
  </a>
</div>

{{-- Security note --}}
<p
  style="
    font-family: 'Readmore', Georgia, serif;
    font-size: 1.6rem;
    color: #666666;
    margin-top: 30px;
  "
>
  If you didn't request this password reset, you can safely ignore this email. Your password won't
  be changed.
</p>

{{-- Link expiration notice --}} @if(isset($resetUrl))
<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.6rem; color: #666666">
  This password reset link will expire in {{ config('auth.passwords.users.expire', 60) }} minutes.
</p>
@endif @endsection