@extends('admin.admin_dashboard')
@section('admin')

@php
    $isRecipient = (int) $email->to_user_id === (int) auth()->id();
@endphp

<div class="page-content">
    <x-chm.layout.page :title="$email->subject" subtitle="{{ $email->created_at->format('M j, Y g:i A') }}" icon="bx bx-envelope-open">
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :href="route('application.email.index')">Email</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">View</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            @if(!$isRecipient)
                <a href="{{ route('application.email.index', ['tab' => 'sent']) }}" class="btn btn-outline-secondary btn-sm">Back to sent</a>
            @else
                <a href="{{ route('application.email.compose', ['to' => $email->from_user_id, 'subject' => 'Re: '.$email->subject]) }}" class="btn btn-primary btn-sm"><i class="bx bx-reply"></i> Reply</a>
            @endif
        </x-slot:actions>

        <div class="card">
            <div class="card-body">
                <dl class="row mb-4 chm-app-meta">
                    <dt class="col-sm-2">From</dt>
                    <dd class="col-sm-10">{{ $email->sender->name ?? '—' }} &lt;{{ $email->sender->email ?? '' }}&gt;</dd>
                    <dt class="col-sm-2">To</dt>
                    <dd class="col-sm-10">{{ $email->recipient->name ?? '—' }} &lt;{{ $email->recipient->email ?? '' }}&gt;</dd>
                </dl>
                <div class="chm-app-email-body">{!! nl2br(e($email->body)) !!}</div>
            </div>
        </div>
    </x-chm.layout.page>
</div>

@endsection