@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">⚠️ SSL Certificate Expiring</p>
        <p class="highlight-box-subtext">{{ $daysUntilExpiry }} days remaining</p>
    </div>

    <h1 class="email-title">Action May Be Required</h1>
    
    <p class="email-text">
        Your SSL certificate for <strong>{{ $domain->host }}</strong> is expiring soon. 
        While we attempt to auto-renew certificates, please verify your domain is still properly configured.
    </p>

    <div class="email-details">
        <p class="email-details-title">Certificate Details</p>
        <div class="email-details-row">
            <p class="email-details-label">Domain</p>
            <p class="email-details-value">{{ $domain->host }}</p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Status</p>
            <p class="email-details-value"><span class="status-badge status-warning">Expiring Soon</span></p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Expires</p>
            <p class="email-details-value">{{ $expiresAt ? $expiresAt->format('F j, Y') : 'Unknown' }}</p>
        </div>
        <div class="email-details-row">
            <p class="email-details-label">Days Remaining</p>
            <p class="email-details-value">{{ $daysUntilExpiry }} days</p>
        </div>
    </div>

    <p class="email-text">
        <strong>What you should check:</strong>
    </p>
    
    <ul style="color: #475569; font-size: 16px; line-height: 1.8; padding-left: 20px;">
        <li>Ensure your domain's nameservers still point to Ladill</li>
        <li>Verify your domain hasn't expired at your registrar</li>
        <li>Check that your website is accessible</li>
    </ul>

    <p style="text-align: center; margin-top: 32px;">
        <a href="{{ $manageUrl }}" class="email-button">Check Domain Settings</a>
    </p>

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

    <p class="email-text-sm">
        If everything looks correct, no action is needed. We'll automatically attempt to renew your certificate.
        If renewal fails, we'll notify you immediately.
    </p>
@endsection