@extends('layouts.app')
@section('title', 'Inquiry Details')
@section('page-title', 'Inquiry Details')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span>/</span><a href="{{ route('admin.inquiries.index') }}">Inquiries</a><span>/</span>View</div>
        <h1>Inquiry from {{ $inquiry->name }}</h1>
    </div>
    <div>
        <a href="{{ route('admin.inquiries.index') }}" class="btn btn-outline"><i class="fas fa-arrow-left"></i> Back</a>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header"><span class="card-title">Message Details</span></div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-6"><strong>Name:</strong> {{ $inquiry->name }}</div>
                    <div class="col-md-6"><strong>Email:</strong> {{ $inquiry->email }}</div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-6"><strong>Phone:</strong> {{ $inquiry->phone ?? 'Not provided' }}</div>
                    <div class="col-md-6"><strong>Inquiry Type:</strong> {{ ucfirst($inquiry->inquiry_type) }}</div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-12"><strong>Subject:</strong> {{ $inquiry->subject ?? 'No subject' }}</div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-12"><strong>Date:</strong> {{ $inquiry->created_at->format('d M Y H:i:s') }}</div>
                </div>
                <hr>
                <div class="message-box" style="background:#f9fafb; padding:20px; border-radius:8px; margin-top:15px;">
                    <strong>Message:</strong>
                    <p style="margin-top:10px; white-space:pre-wrap;">{{ $inquiry->message }}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-header"><span class="card-title">Actions</span></div>
            <div class="card-body">
                @if(!$inquiry->is_read)
                <form method="POST" action="{{ route('admin.inquiries.mark-read', $inquiry) }}" style="margin-bottom:10px;">
                    @csrf
                    <button type="submit" class="btn btn-primary" style="width:100%;"><i class="fas fa-check"></i> Mark as Read</button>
                </form>
                @endif
                <a href="mailto:{{ $inquiry->email }}" class="btn btn-outline" style="width:100%; margin-bottom:10px;"><i class="fas fa-reply"></i> Reply via Email</a>
                <form method="POST" action="{{ route('admin.inquiries.destroy', $inquiry) }}" onsubmit="return confirm('Delete this inquiry?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger" style="width:100%;"><i class="fas fa-trash"></i> Delete</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection