@extends('layouts.app')

@section('title','Preview Email')
@section('page_title','Preview Email')

@section('content')

<div style="background:#fff;padding:24px;border-radius:8px;">

    <p><b>To:</b> {{ $to }}</p>
    <p><b>Subject:</b> {{ $subject }}</p>

    <hr style="margin:20px 0;">

    <h3 style="font-size:18px;font-weight:bold;margin-bottom:10px;">
        Email Preview
    </h3>

    <div style="background:#f9fafb;border:1px solid #ddd;padding:20px;border-radius:8px;">
        {!! $message !!}
    </div>

    <form method="POST" action="{{ route('emails.send') }}" style="margin-top:20px;display:inline;">
        @csrf

        <button type="submit"
                style="background:#16a34a;color:white;padding:10px 18px;border:0;border-radius:6px;">
            Confirm & Send
        </button>
    </form>

    <a href="{{ route('emails.compose') }}" style="margin-left:10px;color:#2563eb;">
        Back
    </a>

</div>

@endsection