@extends('layouts.master')

@section('title', 'Agent Analytics - HomesInKerala')

@section('content')
    <section class="bg-soft py-5 border-bottom">
        <div class="container">
            <h1 class="fw-bold">Analytics</h1>
            <p class="text-muted mb-0">Track listing, lead and conversion performance.</p>
        </div>
    </section>

    <section class="py-5">
        <div class="container">
            @include('frontend.agent.partials.nav')

            <div class="row g-4">
                <div class="col-lg-6">
                    <div class="property-detail-card h-100">
                        <h2 class="h5 mb-3">Properties by Status</h2>
                        @forelse($propertyStatus as $status => $total)
                            <div class="agent-analytics-row">
                                <span>{{ Str::headline($status) }}</span>
                                <strong>{{ $total }}</strong>
                            </div>
                        @empty
                            <p class="text-muted mb-0">No property data yet.</p>
                        @endforelse
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="property-detail-card h-100">
                        <h2 class="h5 mb-3">Leads by Status</h2>
                        @forelse($leadStatus as $status => $total)
                            <div class="agent-analytics-row">
                                <span>{{ Str::headline($status) }}</span>
                                <strong>{{ $total }}</strong>
                            </div>
                        @empty
                            <p class="text-muted mb-0">No lead data yet.</p>
                        @endforelse
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="property-detail-card h-100">
                        <h2 class="h5 mb-3">Monthly Leads</h2>
                        @forelse($monthlyLeads as $month => $total)
                            <div class="agent-analytics-row">
                                <span>{{ $month }}</span>
                                <strong>{{ $total }}</strong>
                            </div>
                        @empty
                            <p class="text-muted mb-0">No monthly leads yet.</p>
                        @endforelse
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="property-detail-card h-100">
                        <h2 class="h5 mb-3">Monthly Listings</h2>
                        @forelse($monthlyProperties as $month => $total)
                            <div class="agent-analytics-row">
                                <span>{{ $month }}</span>
                                <strong>{{ $total }}</strong>
                            </div>
                        @empty
                            <p class="text-muted mb-0">No monthly listings yet.</p>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection