@php
    $lead       = $req->lead;
    $stage      = $lead ? $lead->currentStage : null;
    $isActive   = $req->isActive();
    $budget     = \App\Services\ClientRequirementService::formatBudget($req->min_budget, $req->max_budget);
    $size       = \App\Services\ClientRequirementService::formatSize($req->min_size, $req->max_size);
    $shortlistCount = $lead ? ($lead->shortlisted_properties_count ?? $lead->shortlistedProperties()->count()) : 0;
@endphp

<div class="col-12">
    <div class="card border-0 shadow-sm {{ $isActive ? '' : 'opacity-75' }}">
        <div class="card-body py-3">
            <div class="d-flex align-items-start justify-content-between gap-3">

                {{-- Left: title + meta --}}
                <div class="flex-grow-1 min-width-0">
                    <div class="d-flex align-items-center gap-2 flex-wrap mb-1">
                        <span class="fw-semibold">{{ $req->title }}</span>
                        <span class="badge rounded-pill {{ $isActive ? 'bg-success' : 'bg-secondary' }} bg-opacity-10
                              {{ $isActive ? 'text-success' : 'text-secondary' }}" style="font-size:0.7rem">
                            {{ $isActive ? 'Active' : 'Closed' }}
                        </span>
                        @if($stage)
                        <span class="badge rounded-pill" style="background-color:{{ $stage->color }};font-size:0.7rem">
                            {{ $stage->name }}
                        </span>
                        @endif
                        @if($shortlistCount > 0)
                        <a href="{{ $lead ? route('admin.leads.show', $lead) . '#shortlisted' : '#' }}"
                           class="badge rounded-pill bg-primary bg-opacity-10 text-primary text-decoration-none"
                           style="font-size:0.7rem">
                            <i class="bi bi-bookmark-check me-1"></i>{{ $shortlistCount }} shortlisted
                        </a>
                        @endif
                    </div>

                    <div class="d-flex flex-wrap gap-3 small text-muted mt-2">
                        <span><i class="bi bi-cash-coin me-1"></i>{{ $budget }}</span>
                        <span><i class="bi bi-rulers me-1"></i>{{ $size }}</span>
                        <span><i class="bi bi-geo-alt me-1"></i>{{ $req->preferred_location ?: 'Any Location' }}</span>
                        <span><i class="bi bi-calendar3 me-1"></i>{{ $req->created_at->format('d M Y') }}</span>
                    </div>

                    @if($req->notes)
                    <div class="text-muted small mt-1 fst-italic text-truncate" style="max-width:500px">
                        "{{ $req->notes }}"
                    </div>
                    @endif

                    @if(!$isActive && $req->closed_at)
                    <div class="text-muted mt-1" style="font-size:0.72rem">
                        Closed on {{ $req->closed_at->format('d M Y') }}
                        @if($req->closedBy) by {{ $req->closedBy->name }} @endif
                    </div>
                    @endif
                </div>

                {{-- Right: actions --}}
                <div class="d-flex flex-column gap-1 flex-shrink-0">
                    @if($lead)
                    <a href="{{ route('admin.leads.show', $lead) }}"
                       class="btn btn-sm btn-outline-primary">
                        <i class="bi bi-funnel me-1"></i>Lead
                    </a>
                    @endif
                    <a href="{{ route('admin.client.requirement.show', [$client, $req]) }}"
                       class="btn btn-sm btn-outline-secondary">
                        <i class="bi bi-eye me-1"></i>View
                    </a>
                    @if($isActive)
                    <button class="btn btn-sm btn-outline-danger"
                            data-bs-toggle="modal"
                            data-bs-target="#closeReqModal"
                            data-close-url="{{ route('admin.client.requirement.close', [$client, $req]) }}"
                            data-req-title="{{ addslashes($req->title) }}">
                        <i class="bi bi-x-circle me-1"></i>Close
                    </button>
                    @endif
                </div>

            </div>
        </div>
    </div>
</div>