@extends('mail.notifications.layout')

@section('email-header')
    @include('mail.partials.brand-header', ['brand' => 'hosting'])
@endsection

@section('email-footer')
    @include('mail.partials.brand-footer', ['brand' => 'hosting'])
@endsection

@section('content')
    <div class="highlight-box highlight-box-warning">
        <p class="highlight-box-text">Hosting Expiring Soon</p>
        <p class="highlight-box-subtext">{{ $account->primary_domain ?: $account->username }}</p>
    </div>

    <h1 class="email-title">Your Hosting Plan is Expiring Soon</h1>

    <p class="email-text">
        Your hosting account for <strong>{{ $account->primary_domain ?: $account->username }}</strong> will expire soon.
        Renew before the expiry date to keep your website online and avoid service interruption.
    </p>

    <div class="email-details">
        <p class="email-details-title">Account Details</p>
        <div class="email-details-row">
            <p class="email-details-label">Domain / Account</p>
            <p class="email-details-value">{{ $account->primary_domain ?: $account->username }}</p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Expiration Date</p>
            <p class="email-details-value">{{ $account->expires_at?->format('F j, Y') ?? 'N/A' }}</p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Days Remaining</p>
            <p class="email-details-value">
                <span class="status-badge status-warning">{{ $daysRemaining }} days</span>
            </p>
        </div>
    </div>

    <p class="email-text">
        <strong>What happens if hosting expires?</strong><br>
        Your website will go offline. Your files are kept for a grace period, but the site will not be accessible until you renew.
    </p>

    <p style="text-align: center; margin-top: 24px;">
        <a href="{{ $renewUrl }}" class="email-button">Renew Hosting</a>
    </p>

    <div class="email-divider"></div>

    <p class="email-text-sm">
        If you have wallet auto-renew enabled and sufficient balance, your plan may renew automatically on the expiry date.
    </p>
@endsection