@extends('emails.layout')

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

    @if(isset($check_in_code))
        <div class="info-section" style="text-align: center; background: #3525CD; color: #ffffff;">
            <div class="info-header" style="color: #A5B4FC; border-color: rgba(255,255,255,0.1);">Check-in Code</div>
            <div style="font-size: 32px; font-weight: 900; letter-spacing: 5px; margin: 10px 0;">{{ $check_in_code }}</div>
            <p style="color: #E0E7FF; font-size: 11px; margin: 0;">Present this code to the host upon arrival</p>
        </div>
        
        @if(isset($barcode_url))
            <div style="text-align: center; margin: 20px 0;">
                <img src="{{ $barcode_url }}" style="max-width: 200px; height: auto;" alt="Check-in Barcode">
            </div>
        @endif
    @endif

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