@extends('emails.layouts.main') @section('title', 'Your Subscription Has Expired')
@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">
  Your Readingful subscription has expired on {{ $expiredDate }}.
</p>

<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.8rem; color: #000000">
  As such, your students do not currently have access to Readingful. To restore access immediately,
  please simply use the button below to automatically sign in to your Readingful account, and renew
  your subscription.
</p>

<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.8rem; color: #000000">
  Your students' progress and data are safely preserved and will be restored once your subscription
  is renewed.
</p>

{{-- Call-to-action button --}}
<div style="text-align: left; margin-top: 30px; margin-bottom: 20px">
  <a
    href="{{ $renewUrl ?? 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'"
  >
    Renew Subscription
  </a>
</div>

{{-- Additional support information --}}
<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.8rem; color: #000000">
  If you have any questions about renewing your subscription or need assistance, please don't
  hesitate to contact our support team.
</p>
@endsection