@extends('layouts.app')
@section('title', 'Template Preview')
@section('content')
    <x-page-head title="Template Preview" :subtitle="$subject">
        <x-slot:actions>
            <a href="{{ route('communication.email-templates.index') }}" class="btn btn-outline">Back to Templates</a>
        </x-slot:actions>
    </x-page-head>

    <x-panel title="Subject">
        <p>{{ $subject }}</p>
    </x-panel>

    <x-panel title="Body Preview" style="margin-top:16px;">
        <div class="glass-card" style="padding:20px; max-width:720px; margin:0 auto;">
            {!! $body_html !!}
        </div>
    </x-panel>
@endsection
