@extends('layouts.admin')

@section('title', 'Feedback #'.$message->id.' — '.config('app.name'))
@section('page_title', 'Feedback #'.$message->id)

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.feedback.index') }}">Feedback</a></li>
    <li class="breadcrumb-item active">#{{ $message->id }}</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">{{ $message->topic }}</h5>
            <form method="POST" action="{{ route('admin.feedback.destroy', $message) }}" onsubmit="return confirm('Delete this feedback?');">
                @csrf
                @method('DELETE')
                <button class="btn btn-sm btn-outline-danger" type="submit">Delete</button>
            </form>
        </div>
        <div class="card-body">
            <dl class="row mb-0">
                <dt class="col-sm-3">Submitted</dt><dd class="col-sm-9">{{ $message->submitted_at?->format('Y-m-d H:i:s') ?: '—' }}</dd>
                <dt class="col-sm-3">From</dt><dd class="col-sm-9">{{ $message->name }} &lt;{{ $message->email }}&gt;</dd>
                <dt class="col-sm-3">Topic</dt><dd class="col-sm-9">{{ $message->topic }}</dd>
                <dt class="col-sm-3">Message</dt>
                <dd class="col-sm-9"><pre class="mb-0" style="white-space:pre-wrap">{{ $message->body }}</pre></dd>
            </dl>
        </div>
    </div>
@endsection