@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">Account Suspended</p>
        <p class="highlight-box-subtext">Action Required</p>
    </div>

    <h1 class="email-title">Your Hosting Account Has Been Suspended</h1>
    
    <p class="email-text">
        We regret to inform you that your hosting account has been suspended. This may be due to an overdue payment, terms of service violation, or other issues that require your attention.
    </p>

    <div class="email-details">
        <p class="email-details-title">Account Details</p>
        <div class="email-details-row">
            <p class="email-details-label">Account</p>
            <p class="email-details-value">{{ $account->domain ?? $account->name ?? 'Hosting Account' }}</p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Suspended On</p>
            <p class="email-details-value">{{ $account->suspended_at?->format('F j, Y') ?? now()->format('F j, Y') }}</p>
        </div>
        @if($reason ?? null)
        <div class="email-details-row">
            <p class="email-details-label">Reason</p>
            <p class="email-details-value">{{ $reason }}</p>
        </div>
        @endif
        <div class="email-details-row">
            <p class="email-details-label">Status</p>
            <p class="email-details-value"><span class="status-badge status-warning">Suspended</span></p>
        </div>
    </div>

    <p class="email-text">
        <strong>What happens next?</strong><br>
        Your website and services are currently offline. To restore access, please resolve the issue by logging into your dashboard or contacting our support team.
    </p>

    <p style="text-align: center; margin-top: 24px;">
        <a href="{{ $dashboardUrl ?? config('app.url') . '/dashboard' }}" class="email-button">Go to Dashboard</a>
    </p>

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

    <p class="email-text-sm">
        If you believe this suspension was made in error, please contact our support team immediately. We're here to help resolve this issue as quickly as possible.
    </p>
@endsection