@extends('emails.layout')

@section('title', 'Welcome to AFINET')

@section('content')
    <h2 class="greeting">Welcome to AFINET, {{ $customer->name }}! 🎉</h2>
    
    <p class="message">
        Thank you for creating an account with AFINET. We're excited to have you join our community of connected customers across Zimbabwe.
    </p>
    
    <div class="success-box">
        <strong>✅ Your account has been successfully created!</strong><br>
        You can now access all our services and manage your connectivity needs from one place.
    </div>
    
    <p class="message">
        <strong>Here's what you can do with your AFINET account:</strong>
    </p>
    
    <table style="width: 100%; margin: 24px 0;">
        <tr>
            <td style="padding: 16px; background: #f9fafb; border-radius: 12px; margin-bottom: 12px;">
                <div style="font-size: 24px; margin-bottom: 8px;">🗺️</div>
                <strong style="color: #111827;">Check Coverage</strong><br>
                <span style="color: #6b7280; font-size: 14px;">See if fibre is available at your location</span>
            </td>
        </tr>
        <tr><td style="height: 12px;"></td></tr>
        <tr>
            <td style="padding: 16px; background: #f9fafb; border-radius: 12px;">
                <div style="font-size: 24px; margin-bottom: 8px;">📦</div>
                <strong style="color: #111827;">Browse Packages</strong><br>
                <span style="color: #6b7280; font-size: 14px;">Find the perfect internet plan for your needs</span>
            </td>
        </tr>
        <tr><td style="height: 12px;"></td></tr>
        <tr>
            <td style="padding: 16px; background: #f9fafb; border-radius: 12px;">
                <div style="font-size: 24px; margin-bottom: 8px;">💳</div>
                <strong style="color: #111827;">Manage Services</strong><br>
                <span style="color: #6b7280; font-size: 14px;">View orders, payments, and quotations</span>
            </td>
        </tr>
    </table>
    
    <div style="text-align: center; margin: 32px 0;">
        <a href="{{ config('app.url') }}/login" class="btn-secondary">
            Get Started →
        </a>
    </div>
    
    <div class="info-box">
        <strong>📌 Quick Tip:</strong> Complete your profile and upload KYC documents to speed up your order processing when you're ready to subscribe.
    </div>
    
    <p class="message">
        If you have any questions or need assistance, our support team is here to help. Simply reply to this email or visit our support center.
    </p>
    
    <div class="divider"></div>
    
    <p style="color: #6b7280; font-size: 14px; text-align: center;">
        <strong>Account Details</strong><br>
        Email: {{ $customer->email }}<br>
        Account Created: {{ now()->format('F j, Y') }}
    </p>
@endsection