@extends('layouts.email')

@section('title', 'Monthly Payment Reminder')
@section('header_subtitle', 'Monthly Installment Payment Reminder')

@section('content')
    <div class="greeting">Dear {{ $member->name }},</div>
    <p>
        This is a friendly reminder regarding your monthly installment deposit for <strong>{{ $monthName }}</strong>.
    </p>

    <div class="card-alert">
        <p>
            📌 As of today, our records indicate that your installment payment for <strong>{{ $monthName }}</strong> has not yet been received or recorded.
        </p>
        <p style="margin-top: 8px; font-size: 13px; color: #4338ca;">
            🗓️ <strong>Payment Due Date:</strong> 10 {{ $monthName }}
        </p>
    </div>

    <p>
        To keep your account active and maintain seamless capital pool liquidity for upcoming group business investments, please submit or request your monthly payment at your earliest convenience.
    </p>

    <div class="cta-container">
        <a href="{{ $loginUrl }}" class="cta-button">
            Pay Installment Now
        </a>
    </div>

    <p style="font-size: 13px; color: #64748b; margin-top: 24px;">
        If you have already submitted your payment recently, please ignore this email or check your payments ledger status on your dashboard.
    </p>
@endsection