{{--
    @intent Página de Detalhamento de um Envio de E-mail.
    @param object $log Registro de log de e-mail
    @compliance Bootstrap 5, Bootstrap Icons, WCAG AAA
--}}
@extends('v2-cms::layouts.app', [
    'title' => 'Detalhes do Envio',
])

@section('page-breadcrumbs')
    <a href="{{ route('v2.mailaudit.index') }}">Infraestrutura</a>
    <span class="separator">›</span>
    <a href="{{ route('v2.mailaudit.index') }}">Auditoria de E-mail</a>
    <span class="separator">›</span>
    <span class="current">Detalhes</span>
@endsection

@section('content')
<div class="row g-3">
    <div class="col-lg-8 col-12">
        {{-- Card Principal --}}
        <div class="card border shadow-sm mail-detail-card mb-3">
            <div class="card-header bg-light py-2 px-3 border-bottom d-flex align-items-center justify-content-between flex-wrap gap-2">
                <h5 class="card-title h6 mb-0 fw-bold text-dark d-flex align-items-center gap-2">
                    <i class="bi bi-envelope-fill" aria-hidden="true"></i>
                    {{ $log->subject }}
                </h5>
                <div>
                    @if($log->status === 'sent')
                        <span class="badge bg-success mail-status-badge">
                            <i class="bi bi-check-circle-fill me-1" aria-hidden="true"></i> Enviado
                        </span>
                    @elseif($log->status === 'failed')
                        <span class="badge bg-danger mail-status-badge">
                            <i class="bi bi-exclamation-circle-fill me-1" aria-hidden="true"></i> Falha
                        </span>
                    @else
                        <span class="badge bg-warning text-dark mail-status-badge">
                            <i class="bi bi-clock me-1" aria-hidden="true"></i> Pendente
                        </span>
                    @endif
                </div>
            </div>
            <div class="card-body p-3">
                <dl class="row mb-0">
                    <dt class="col-sm-3 text-secondary small fw-bold">Remetente</dt>
                    <dd class="col-sm-9 mb-3">{{ $log->from_address ?? '<span class="text-muted">Não informado</span>' }}</dd>

                    <dt class="col-sm-3 text-secondary small fw-bold">Destinatário</dt>
                    <dd class="col-sm-9 mb-3">
                        <i class="bi bi-envelope me-1" aria-hidden="true"></i>
                        {{ $log->to_address }}
                    </dd>

                    <dt class="col-sm-3 text-secondary small fw-bold">Profile SMTP</dt>
                    <dd class="col-sm-9 mb-3"><span class="badge bg-secondary">{{ $log->profile }}</span></dd>

                    <dt class="col-sm-3 text-secondary small fw-bold">Enviado em</dt>
                    <dd class="col-sm-9 mb-3">
                        <i class="bi bi-clock me-1" aria-hidden="true"></i>
                        {{ date('d/m/Y H:i:s', strtotime($log->sent_at ?? $log->created_at)) }}
                    </dd>

                    @if($log->message_id)
                        <dt class="col-sm-3 text-secondary small fw-bold">Message ID</dt>
                        <dd class="col-sm-9 mb-3">
                            <code class="small text-break">{{ $log->message_id }}</code>
                        </dd>
                    @endif

                    @if($log->error_message)
                        <dt class="col-sm-3 text-secondary small fw-bold text-danger">Erro</dt>
                        <dd class="col-sm-9 mb-3">
                            <div class="alert alert-danger py-2 px-3 mb-0 small" role="alert">
                                <i class="bi bi-exclamation-triangle-fill me-1" aria-hidden="true"></i>
                                {{ $log->error_message }}
                            </div>
                        </dd>
                    @endif
                </dl>
            </div>
        </div>

        {{-- Corpo do E-mail --}}
        <div class="card border shadow-sm mail-detail-card">
            <div class="card-header bg-light py-2 px-3 border-bottom">
                <h5 class="card-title h6 mb-0 fw-bold text-dark">
                    <i class="bi bi-file-text-fill" aria-hidden="true"></i>
                    Corpo da Mensagem
                </h5>
            </div>
            <div class="card-body p-3">
                @if($log->body)
                    <div class="mail-body-preview">{{ $log->body }}</div>
                    <details class="mt-2">
                        <summary class="small text-primary fw-bold cursor-pointer">
                            <i class="bi bi-arrows-expand me-1" aria-hidden="true"></i>
                            Visualizar HTML completo
                        </summary>
                        <div class="bg-light p-3 rounded border mt-2" style="max-height: 400px; overflow-y: auto;">
                            <pre class="mb-0 small" style="white-space: pre-wrap; word-break: break-word;"><code>{{ $log->body }}</code></pre>
                        </div>
                    </details>
                @else
                    <div class="text-center py-4 text-muted">
                        <i class="bi bi-file-earmark-x fs-1 d-block mb-2" aria-hidden="true"></i>
                        <p class="small mb-0">Corpo da mensagem não disponível para este registro.</p>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <div class="col-lg-4 col-12">
        {{-- Meta-informações --}}
        <div class="card border shadow-sm mail-detail-card mb-3">
            <div class="card-header bg-light py-2 px-3 border-bottom">
                <h5 class="card-title h6 mb-0 fw-bold text-dark">
                    <i class="bi bi-info-circle-fill" aria-hidden="true"></i>
                    Metadados
                </h5>
            </div>
            <div class="card-body p-3">
                <dl class="mb-0 small">
                    <dt class="text-secondary fw-bold mb-1">ID do Registro</dt>
                    <dd class="mb-3"><code>{{ $log->id }}</code></dd>

                    <dt class="text-secondary fw-bold mb-1">Criado em</dt>
                    <dd class="mb-3">{{ date('d/m/Y H:i:s', strtotime($log->created_at)) }}</dd>

                    <dt class="text-secondary fw-bold mb-1">Última atualização</dt>
                    <dd class="mb-3">{{ date('d/m/Y H:i:s', strtotime($log->updated_at)) }}</dd>
                </dl>
            </div>
        </div>

        {{-- Ações --}}
        <div class="card border shadow-sm">
            <div class="card-body p-3">
                <a href="{{ route('v2.mailaudit.index') }}" class="btn btn-outline-secondary w-100 d-inline-flex align-items-center justify-content-center gap-1">
                    <i class="bi bi-arrow-left" aria-hidden="true"></i>
                    Voltar ao Histórico
                </a>
            </div>
        </div>
    </div>
</div>

{{-- Activity Footer — historico de auditoria do envio --}}
@include('v2-cms::partials.activity-footer', ['model' => $log ?? null, 'history' => $history ?? null])
@endsection