@extends('layouts.app')

@section('title', 'Property Listing Report')
@section('page-title', 'Property Listing Report')

@section('content')

{{-- Filters --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-body py-3">
        <form method="GET" action="{{ route('admin.reports.properties') }}" class="row g-2 align-items-end">

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Status</label>
                <select name="status" class="form-select form-select-sm">
                    <option value="">All Statuses</option>
                    <option value="published"    {{ request('status') === 'published'    ? 'selected' : '' }}>Published</option>
                    <option value="under_review" {{ request('status') === 'under_review' ? 'selected' : '' }}>Under Review</option>
                    <option value="unavailable"  {{ request('status') === 'unavailable'  ? 'selected' : '' }}>Unavailable</option>
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Type</label>
                <select name="type" class="form-select form-select-sm">
                    <option value="">All Types</option>
                    @foreach(\App\Models\Property::TYPE_LABELS as $val => $label)
                    <option value="{{ $val }}" {{ request('type') === $val ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Purpose</label>
                <select name="listing_purpose" class="form-select form-select-sm">
                    <option value="">All Purposes</option>
                    <option value="for_sale" {{ request('listing_purpose') === 'for_sale' ? 'selected' : '' }}>For Sale</option>
                    <option value="for_rent" {{ request('listing_purpose') === 'for_rent' ? 'selected' : '' }}>For Rent</option>
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">City / Area</label>
                <input type="text" name="city" class="form-control form-control-sm"
                       placeholder="Search…" value="{{ request('city') }}">
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Sourcing Channel</label>
                <select name="sourcing_channel_id" class="form-select form-select-sm">
                    <option value="">All Channels</option>
                    @foreach($sourcingChannels as $ch)
                    <option value="{{ $ch->id }}" {{ request('sourcing_channel_id') == $ch->id ? 'selected' : '' }}>
                        {{ $ch->name }}
                    </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Date Added From</label>
                <input type="date" name="date_from" class="form-control form-control-sm"
                       value="{{ request('date_from') }}">
            </div>

            <div class="col-md-2">
                <label class="form-label small fw-medium mb-1">Date Added To</label>
                <input type="date" name="date_to" class="form-control form-control-sm"
                       value="{{ request('date_to') }}">
            </div>

            <div class="col-auto d-flex gap-2">
                <button type="submit" class="btn btn-sm btn-primary">
                    <i class="bi bi-search me-1"></i>Filter
                </button>
                <a href="{{ route('admin.reports.properties') }}" class="btn btn-sm btn-light">Reset</a>
            </div>

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

{{-- Results --}}
<div class="card border-0 shadow-sm">
    <div class="card-header bg-white py-3 d-flex align-items-center justify-content-between">
        <h6 class="fw-semibold mb-0">
            Properties
            <span class="badge bg-secondary bg-opacity-10 text-secondary ms-1">{{ $properties->total() }}</span>
        </h6>
    </div>

    @if($properties->isEmpty())
    <div class="card-body text-center py-5 text-muted">
        <i class="bi bi-building d-block fs-2 mb-2 opacity-25"></i>
        <p class="small mb-0">No properties match the selected filters.</p>
    </div>
    @else
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0 small">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Title</th>
                    <th>Type</th>
                    <th>Purpose</th>
                    <th>City / Area</th>
                    <th>Price</th>
                    <th>Owner</th>
                    <th>Status</th>
                    <th>Sourcing Channel</th>
                    <th>Added By</th>
                    <th>Date Added</th>
                </tr>
            </thead>
            <tbody>
                @foreach($properties as $prop)
                <tr>
                    <td class="text-muted">{{ $prop->id }}</td>
                    <td>
                        <a href="{{ route('admin.property.show', $prop) }}"
                           class="text-decoration-none fw-medium text-dark">
                            {{ $prop->title }}
                        </a>
                        @if($prop->trashed())
                            <span class="badge bg-danger bg-opacity-10 text-danger ms-1" style="font-size:0.62rem">Deleted</span>
                        @endif
                    </td>
                    <td>
                        <span class="badge bg-secondary bg-opacity-10 text-secondary fw-normal">
                            {{ \App\Models\Property::TYPE_LABELS[$prop->type] ?? $prop->type }}
                        </span>
                    </td>
                    <td>
                        @if($prop->listing_purpose === 'for_sale')
                            <span class="badge bg-success bg-opacity-10 text-success">For Sale</span>
                        @elseif($prop->listing_purpose === 'for_rent')
                            <span class="badge bg-info bg-opacity-10 text-info">For Rent</span>
                        @else
                            <span class="text-muted">—</span>
                        @endif
                    </td>
                    <td>{{ $prop->city ?: '—' }}</td>
                    <td class="fw-medium text-nowrap">
                        @if($prop->price_on_request)
                            <span class="text-muted">On Request</span>
                        @else
                            ₹{{ $prop->price ? number_format((float) $prop->price, 0) : '—' }}
                        @endif
                    </td>
                    <td>{{ $prop->owner ? $prop->owner->name : '—' }}</td>
                    <td>
                        @php
                            $statusMap = [
                                'published'    => ['bg-success bg-opacity-10 text-success', 'Published'],
                                'under_review' => ['bg-warning bg-opacity-10 text-dark',    'Under Review'],
                                'unavailable'  => ['bg-secondary bg-opacity-10 text-secondary', 'Unavailable'],
                            ];
                            [$badgeClass, $badgeLabel] = $statusMap[$prop->status] ?? ['bg-secondary bg-opacity-10 text-secondary', $prop->status];
                        @endphp
                        <span class="badge {{ $badgeClass }}">{{ $badgeLabel }}</span>
                    </td>
                    <td>{{ $prop->sourcingChannel ? $prop->sourcingChannel->name : '—' }}</td>
                    <td>{{ $prop->createdBy ? $prop->createdBy->name : '—' }}</td>
                    <td class="text-nowrap text-muted">{{ $prop->created_at->format('d M Y') }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    @if($properties->hasPages())
    <div class="card-footer bg-white border-top py-3 px-4">
        {{ $properties->links() }}
    </div>
    @endif
    @endif
</div>

@endsection