@forelse($inquiries as $inquiry)
    <div class="bg-white rounded-xl shadow-md border border-[#e8ddd0] p-4">
        <div class="flex items-start justify-between mb-3">
            <div class="flex-1">
                <h3 class="font-semibold text-[#524438] text-lg">{{ $inquiry->name }}</h3>
                <p class="text-sm text-[#645443] mt-1">{{ $inquiry->email }}</p>
            </div>
            <span class="px-3 py-1 rounded-full text-xs font-semibold {{ $inquiry->status === 'pending' ? 'bg-[#fef3c7] text-[#92400e]' : 'bg-[#d1fae5] text-[#065f46]' }}">
                {{ ucfirst($inquiry->status) }}
            </span>
        </div>
        <div class="space-y-2 text-sm text-[#645443] mb-4">
            <p><span class="font-semibold">Product:</span> {{ $inquiry->product ? $inquiry->product->name : 'General' }}</p>
            <p><span class="font-semibold">Date:</span> {{ $inquiry->created_at->format('M d, Y') }}</p>
            <p><span class="font-semibold">Message:</span> {{ \Illuminate\Support\Str::limit($inquiry->message, 80) }}</p>
        </div>
        <div class="flex flex-wrap gap-2 pt-3 border-t border-[#e8ddd0]">
            <a href="{{ route('admin.inquiries.show', $inquiry->id) }}" class="text-[#7d6a52] hover:text-[#9d8566] transition-colors font-medium text-sm">View</a>
            @if($inquiry->status === 'pending')
                <form method="POST" action="{{ route('admin.inquiries.update', $inquiry->id) }}" class="inline">
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="status" value="resolved">
                    <button type="submit" class="text-[#9d8566] hover:text-[#7d6a52] transition-colors font-medium text-sm">Mark Resolved</button>
                </form>
            @endif
            <form method="POST" action="{{ route('admin.inquiries.destroy', $inquiry->id) }}" onsubmit="return confirm('Are you sure?')" class="inline">
                @csrf
                @method('DELETE')
                <button type="submit" class="text-[#c97d60] hover:text-[#b86a4f] transition-colors font-medium text-sm">Delete</button>
            </form>
        </div>
    </div>
@empty
    <div class="bg-white rounded-xl shadow-md border border-[#e8ddd0] p-8 text-center">
        <p class="text-[#645443]">No inquiries found.</p>
    </div>
@endforelse