@extends('emails.layout')
@section('title', 'Welcome to AFINET')
@section('header_subtitle', 'Welcome')

@section('content')

{{-- Greeting --}}
<h2 style="margin:0 0 6px;font-size:20px;font-weight:700;color:#292B64">Welcome to AFINET, {{ $customer->name }}! 🎉</h2>
<p style="margin:0 0 24px;color:#6b7280;font-size:14px">Your account has been created successfully. You're all set to get connected.</p>

{{-- Account details box --}}
<table cellpadding="0" cellspacing="0" style="width:100%;background:#f9f8ff;border:1px solid #e8e5f5;border-radius:8px;padding:16px;margin-bottom:20px">
    <tr><td style="padding:6px 12px 6px 0;font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap;width:130px">Name</td><td style="padding:6px 0;font-size:13px;color:#1e1b4b;font-weight:500">{{ $customer->name }}</td></tr>
    <tr><td style="padding:6px 12px 6px 0;font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap">Email</td><td style="padding:6px 0;font-size:13px;color:#1e1b4b;font-weight:500">{{ $customer->email }}</td></tr>
    <tr><td style="padding:6px 12px 6px 0;font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap">Phone</td><td style="padding:6px 0;font-size:13px;color:#1e1b4b;font-weight:500">{{ $customer->phone }}</td></tr>
</table>

{{-- What you can do --}}
<div style="background:#f0fdf4;border-left:4px solid #22c55e;border-radius:0 8px 8px 0;padding:16px 20px;margin-bottom:20px">
    <p style="margin:0 0 10px;font-size:13px;font-weight:700;color:#166534">What you can do now:</p>
    <p style="margin:4px 0;font-size:13px;color:#166534">✓ &nbsp;Check coverage at your location</p>
    <p style="margin:4px 0;font-size:13px;color:#166534">✓ &nbsp;Browse unlimited bandwidth packages</p>
    <p style="margin:4px 0;font-size:13px;color:#166534">✓ &nbsp;Request quotations and track orders</p>
    <p style="margin:4px 0;font-size:13px;color:#166534">✓ &nbsp;Manage billing and payments</p>
    <p style="margin:4px 0;font-size:13px;color:#166534">✓ &nbsp;Access 24/7 customer support</p>
</div>

{{-- CTA --}}
<div style="text-align:center;margin:28px 0">
    <a href="{{ config('app.frontend_url') }}/login"
       style="display:inline-block;padding:12px 32px;background:linear-gradient(135deg,#292B64,#4c1d95);color:#ffffff;font-size:14px;font-weight:700;text-decoration:none;border-radius:8px">
        Login to Your Account &rarr;
    </a>
</div>

<p style="margin:0;font-size:13px;color:#6b7280">Thank you for choosing AFINET. If you need any help getting started, our support team is always here.</p>

@endsection