@extends('emails.layouts.main')
@section('title', 'Thank You!')
@section('content')
<p class="system-email-salutation-text">
  Hello,
  <b class="system-email-name-text"
    >{{ explode(' ', $user->name)[0] ?? $user->name }}</b
  >
</p>

<p class="system-email-paragraph-text">
  Thank you for extending your Readingful subscription.
</p>

<p class="system-email-paragraph-text">
  Your payment, in the amount of <span class="system-email-paragraph-accent-text" style="margin: 0;">${{ number_format($transaction->amount, 2) }}</span>, was successfully processed.
</p>

<p class="system-email-paragraph-text">
  It will appear on your financial statement as charged by "Readingful."
</p>

<p class="system-email-paragraph-text">
  Need a receipt? Not a problem. You can download one from the payment history section, of your
  Readingful account, at any time.
</p>

<div style="text-align: left; margin-top: 24px; margin-bottom: 25px">
  <a
    href="{{ $autoLoginUrl }}"
    class="system-email-button"
    onmouseover="this.style.backgroundColor='#2C78FFBF'"
    onmouseout="this.style.backgroundColor='#2C78FF'"
  >
    View Payment History
  </a>
</div>
@endsection