@extends('admin.layout')

@section('title', 'Website Inquiries')

@section('content')
<div class="bg-white rounded-3xl border border-slate-200 overflow-hidden shadow-xs">
    <div class="p-4 border-b border-slate-100 font-extrabold text-slate-900 text-sm">
        Contact Form Messages
    </div>

    <div class="overflow-x-auto">
        <table class="w-full text-left text-xs">
            <thead>
                <tr class="bg-slate-50/80 text-slate-500 border-b border-slate-200">
                    <th class="p-4 font-bold">Name</th>
                    <th class="p-4 font-bold">Contact</th>
                    <th class="p-4 font-bold">Subject</th>
                    <th class="p-4 font-bold">Message</th>
                    <th class="p-4 font-bold text-right">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                @forelse($inquiries as $inq)
                    <tr class="hover:bg-slate-50/60 transition-colors">
                        <td class="p-4 font-bold text-slate-900">{{ $inq->name }}</td>
                        <td class="p-4 text-slate-600">
                            <div>{{ $inq->email }}</div>
                            <div class="text-[10px] text-slate-400">{{ $inq->phone }}</div>
                        </td>
                        <td class="p-4 font-semibold text-slate-700">{{ $inq->subject ?? 'General Enquiry' }}</td>
                        <td class="p-4 text-slate-600 max-w-sm">
                            <p class="line-clamp-3">{{ $inq->message }}</p>
                        </td>
                        <td class="p-4 text-right whitespace-nowrap">
                            <a href="{{ route('admin.inquiries.delete', ['id' => $inq->id]) }}" onclick="return confirm('Delete this inquiry?');" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-xl bg-red-50 hover:bg-red-100 text-red-600 font-bold transition-all text-xs">
                                <i class="fa-solid fa-trash-can text-[11px]"></i> Delete
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="p-8 text-center text-slate-400">No contact inquiries found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($inquiries->hasPages())
        <div class="p-4 border-t border-slate-100">
            {{ $inquiries->links() }}
        </div>
    @endif
</div>
@endsection