@extends('emails.layouts.master')

@section('title', 'Welkom bij Jouwdriedee.nl!')

@section('content')
<div style="text-align: left;">
    
    <div style="display: inline-block; background-color: #FEF3C7; color: #92400E; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px;">
        🎉 Account Aangemaakt
    </div>

    <h1 style="color: #0F172A; font-size: 22px; font-weight: 900; margin: 0 0 14px 0; line-height: 1.3;">
        Welkom bij Jouwdriedee, {{ $user->name }}!
    </h1>

    <p style="color: #475569; font-size: 14px; line-height: 1.6; margin: 0 0 16px 0;">
        Leuk dat je een account hebt aangemaakt bij onze 3D printstudio. Vanaf nu kun je eenvoudig jouw bestellingen volgen, favoriete modellen bewaren en nóg sneller afrekenen.
    </p>

    <!-- Highlight Box -->
    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 14px; margin: 20px 0; padding: 18px;">
        <tr>
            <td>
                <div style="font-weight: 800; font-size: 13px; color: #0F172A; margin-bottom: 8px;">
                    Wat kun je verwachten van onze 3D prints?
                </div>
                <div style="font-size: 12px; color: #475569; line-height: 1.6;">
                    &bull; <strong>Haarscherpe Bambu Lab kwaliteit:</strong> Laagdiktes vanaf 0.12 mm voor soepele scharnieren.<br>
                    &bull; <strong>16+ Kleurvariaties:</strong> Van zijdeglans Silk tot levendige fluor en pastel tinten.<br>
                    &bull; <strong>Duurzaam PLA+ filament:</strong> 100% biologisch afbreekbaar en reukloos.
                </div>
            </td>
        </tr>
    </table>

    <!-- Call to Actions -->
    <div style="text-align: center; margin: 28px 0 20px 0;">
        <a href="{{ route('catalog') }}" class="btn-primary" style="display: inline-block; background-color: #FBBF24; color: #0F172A !important; font-weight: 800; font-size: 14px; padding: 12px 28px; border-radius: 12px; text-decoration: none; margin-right: 8px;">
            Bekijk de Collectie &rarr;
        </a>
        <a href="{{ route('account.index') }}" style="display: inline-block; background-color: #F1F5F9; color: #334155 !important; font-weight: 700; font-size: 13px; padding: 12px 20px; border-radius: 12px; text-decoration: none;">
            Mijn Account
        </a>
    </div>

    <p style="color: #64748B; font-size: 12px; line-height: 1.5; margin: 20px 0 0 0; border-top: 1px solid #F1F5F9; padding-top: 16px;">
        Heb je een vraag over een print of wil je iets op maat laten maken? Neem gerust contact op met ons via <a href="mailto:info@jouwdriedee.nl" style="color: #F59E0B; font-weight: 700;">info@jouwdriedee.nl</a>.
    </p>

</div>
@endsection