@extends('layouts.dashboard')

@section('content')
@php
/**
 * One logged email, exactly as it was composed and sent.
 *
 * The stored body is rendered inside a sandboxed iframe rather than injected into this
 * page: it is a full HTML document written by the template editor, and dropping it into
 * the dashboard would let its own styles and markup escape into the admin chrome.
 *
 * @var array $row the email_log row
 */
$st = (string) $row['status'];
$statusPill = ['sent' => 'qm-pill-green', 'pending' => 'qm-pill-amber', 'failed' => 'qm-pill-red'];
$statusLabel = [
    'sent'    => t_raw('admin.email_log.status_sent'),
    'pending' => t_raw('admin.email_log.status_pending'),
    'failed'  => t_raw('admin.email_log.status_failed'),
];
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php /* Back belongs to the page, not to one of its panels. */
@endphp
<div class="qm-od-topbar">
    <a href="{{ route('admin.email-log') }}" class="qm-btn qm-btn-outline qm-btn-xs"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i>{{ t_raw('common.back') }}</a>
</div>

@php /* The record and the message it produced read side by side - the facts are
         short and the preview is tall, so stacking them wasted the width. */
@endphp
<div class="row g-3">
<div class="col-xl-6 d-flex">
<div class="qm-card w-100 mb-0">
    <div class="qm-ops-head">
        <div class="d-flex align-items-center gap-2">
            <h2 class="mb-0">{{ $row['subject'] }}</h2>
            <span class="qm-pill {{ $statusPill[$st] ?? 'qm-pill-grey' }}">{{ $statusLabel[$st] ?? $st }}</span>
        </div>
    </div>

    <div class="table-responsive">
    <table class="qm-table qm-email-facts">
        <caption class="visually-hidden">{{ t_raw('admin.email_log.detail_caption') }}</caption>
        <tbody>
            <tr><th scope="row">{{ t_raw('admin.email_log.col_recipient') }}</th><td>{{ $row['to_email'] }}</td></tr>
            <tr><th scope="row">{{ t_raw('admin.email_log.field_template') }}</th><td>{!! or_dash($row['template_key']) !!}</td></tr>
            <tr><th scope="row">{{ t_raw('admin.email_log.col_attempts') }}</th><td>{{ (int) $row['attempts'] }}</td></tr>
            <tr><th scope="row">{{ t_raw('admin.email_log.field_created') }}</th><td>{!! fmt_datetime($row['created_at']) !!}</td></tr>
            <tr><th scope="row">{{ t_raw('admin.email_log.field_sent') }}</th><td>{!! fmt_datetime($row['sent_at']) !!}</td></tr>
            @if (!empty($row['last_error']))
            <tr><th scope="row">{{ t_raw('admin.email_log.field_error') }}</th><td>{{ $row['last_error'] }}</td></tr>
            @endif
        </tbody>
    </table>
    </div>

    <form method="post" action="{{ route('admin.email-log.resend') }}" class="mt-3">
        @csrf
        <input type="hidden" name="id" value="{{ (int) $row['id'] }}">
        <button type="submit" class="qm-btn"><i class="fas fa-redo me-1" aria-hidden="true"></i>{{ t_raw('admin.email_log.action_resend') }}</button>
    </form>
</div>
</div>

<div class="col-xl-6 d-flex">
<div class="qm-card w-100 mb-0">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('admin.email_log.message_title') }}</h2>
            <p class="qm-ops-sub mb-0">{{ t_raw('admin.email_log.message_sub') }}</p>
        </div>
    </div>
    <iframe class="qm-email-preview" sandbox srcdoc="{{ (string) $row['body_html'] }}" title="{{ t_raw('admin.email_log.message_title') }}"></iframe>
</div>
</div>
</div>

</div>@php /* /.qm-d2 */
@endphp
@endsection