@extends('provider.layout')
@section('title', 'Property Inquiries')

@section('content')
<div style="margin-bottom:1.5rem">
    <h2 style="font-size:1.25rem;font-weight:700;color:#0f172a">Property Inquiries</h2>
    <p style="font-size:0.875rem;color:#64748b;margin-top:0.25rem">Messages from potential buyers/tenants</p>
</div>

@if($conversations->isEmpty())
    <div style="text-align:center;padding:4rem;background:white;border-radius:0.875rem;border:1px solid rgba(30,58,95,0.08)">
        <i data-lucide="message-circle" style="width:48px;height:48px;color:#94a3b8;margin:0 auto 1rem;display:block"></i>
        <p style="font-size:1.0625rem;font-weight:600;color:#334155">No inquiries yet</p>
        <p style="font-size:0.875rem;color:#64748b;margin-top:0.375rem">When customers contact you about properties, they'll appear here.</p>
    </div>
@else
    <div style="background:white;border-radius:0.875rem;border:1px solid rgba(30,58,95,0.08);overflow:hidden">
        @foreach($conversations as $conv)
        <div style="display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(30,58,95,0.05);transition:background 0.15s" onmouseover="this.style.background='#f8fafc'" onmouseout="this.style.background='white'">
            <div style="width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#0d9488);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0">
                {{ strtoupper(substr($conv->sender->name ?? 'U', 0, 1)) }}
            </div>
            <div style="flex:1;min-width:0">
                <div style="display:flex;align-items:center;gap:0.5rem;margin-bottom:0.25rem">
                    <span style="font-size:0.9375rem;font-weight:600;color:#0f172a">{{ $conv->sender->name ?? 'Customer' }}</span>
                    @if($conv->messages()->where('is_read', false)->where('sender_id', '!=', auth()->id())->exists())
                        <span style="font-size:0.7rem;padding:0.15rem 0.5rem;border-radius:999px;background:#0d9488;color:white;font-weight:700">New</span>
                    @endif
                </div>
                <div style="font-size:0.875rem;color:#475569;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">{{ $conv->subject ?? 'Property Inquiry' }}</div>
            </div>
            <div style="text-align:right;flex-shrink:0">
                <div style="font-size:0.75rem;color:#94a3b8;margin-bottom:0.5rem">{{ $conv->last_message_at ? $conv->last_message_at->diffForHumans() : '' }}</div>
                <a href="{{ route('provider.messages.show', $conv->id) }}"
                   style="display:inline-flex;align-items:center;gap:0.25rem;padding:0.375rem 0.875rem;border-radius:0.5rem;background:#0d9488;color:white;font-size:0.8125rem;font-weight:600;text-decoration:none">
                    <i data-lucide="message-square" style="width:13px;height:13px"></i> Reply
                </a>
            </div>
        </div>
        @endforeach
    </div>
    <div style="margin-top:1.25rem">{{ $conversations->links() }}</div>
@endif
@endsection