@extends('layouts.app')

@section('content')
<div class="container">
    <h1 class="mt-4 mb-4">Contact Details</h1>

    <div class="card">
        <div class="card-header">
            <h5>{{ $contact->name }}</h5>
        </div>
        <div class="card-body">
            <p><strong>Email:</strong> {{ $contact->email }}</p>
            <p><strong>Phone:</strong> {{ $contact->phone }}</p>
            <p><strong>Status:</strong> {{ ucfirst($contact->status) }}</p>
            <p><strong>Notes:</strong> {{ $contact->notes }}</p>

            <div class="mt-3">
                <a href="{{ route('admin.contacts.edit', $contact->id) }}" class="btn btn-warning">Edit Contact</a>
                <a href="{{ route('admin.contacts.index') }}" class="btn btn-secondary">Back to Contacts</a>
            </div>
        </div>
    </div>
</div>
@endsection