@extends('layouts.app')
@section('title', 'E-mail #{{ $log->id }} - ERP-PLUS')
@section('page_title', 'Visualizar E-mail')
@section('page_subtitle', 'Conteudo do e-mail enviado.')

@section('content')
<div class="panel" style="max-width:860px">
    <div class="panel-header">
        <div>
            <h2>{{ $log->subject }}</h2>
            <span>Enviado em {{ $log->created_at->format('d/m/Y \à\s H:i') }}</span>
        </div>
        <a class="button" href="{{ route('email-logs.index') }}">Voltar</a>
    </div>

    <div style="padding:16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)">
        <div style="display:flex;gap:8px;font-size:13px">
            <span style="color:var(--muted);min-width:80px">Para:</span>
            <strong>{{ $log->to_name ? "{$log->to_name} &lt;{$log->to_email}&gt;" : $log->to_email }}</strong>
        </div>
        <div style="display:flex;gap:8px;font-size:13px">
            <span style="color:var(--muted);min-width:80px">Tipo:</span>
            <span>{{ $log->typeLabel() }}</span>
        </div>
        <div style="display:flex;gap:8px;font-size:13px">
            <span style="color:var(--muted);min-width:80px">Status:</span>
            <span class="pill ok" style="font-size:11px">{{ strtoupper($log->status) }}</span>
        </div>
    </div>

    @if ($log->body)
        <div style="padding:20px">
            <iframe
                id="email-frame"
                srcdoc="{{ htmlspecialchars($log->body) }}"
                style="width:100%;border:1px solid var(--border);border-radius:6px;min-height:400px"
                onload="this.style.height = (this.contentWindow.document.body.scrollHeight + 32) + 'px'"
            ></iframe>
        </div>
    @else
        <div class="empty" style="padding:40px">Nenhum conteudo disponivel para este e-mail.</div>
    @endif
</div>
@endsection