@extends('emails.layouts.main') @section('title', 'Your Subscription Expires Soon')
@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 expires in {{ $daysRemaining }} days ({{ $expirationDate }}).
</p>

<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.8rem; color: #000000">
  To avoid any disruption in service for you, or your students, please simply use the button below
  to automatically log in to your Readingful account, and renew your subscription, at your
  convenience.
</p>

<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.8rem; color: #000000">
  Don't let your students miss out on their reading progress. Renew now to maintain uninterrupted
  access to all features.
</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 information --}}
<p style="font-family: 'Readmore', Georgia, serif; font-size: 1.8rem; color: #000000">
  If you have any questions about your subscription or need assistance with renewal, please don't
  hesitate to contact our support team.
</p>
@endsection