@extends('emails.layout')

@section('content')
    <h2 style="margin-top: 0;">{{ $title }}</h2>
    <p>Hi {{ $name }},</p>
    
    <p>{!! $message_body !!}</p>

    @if(isset($extra_info) && count($extra_info) > 0)
        <div class="info-section">
            <div class="info-header">Details</div>
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">
                @foreach($extra_info as $label => $value)
                    <tr>
                        <td style="padding: 8px 0; color: #64748B; font-size: 12px; font-weight: 600; width: 45%;">{{ $label }}</td>
                        <td style="padding: 8px 0; color: #0F172A; font-size: 12px; font-weight: 700; text-align: right;">{{ $value }}</td>
                    </tr>
                @endforeach
            </table>
        </div>
    @endif

    @if(isset($action_url) && $action_url)
        <div style="text-align: center; margin-top: 30px;">
            <a href="{{ $action_url }}" class="button">{{ $action_text ?? 'View Details' }}</a>
        </div>
    @endif
@endsection