{{-- resources/views/admin/dashboard.blade.php --}}
@extends('admin.layouts.app')

@section('title', 'Dashboard')
@section('page_title', 'Dashboard')
@section('breadcrumb', 'Overview of the Kubhuka platform')

@section('content')

{{-- Stat Cards --}}
<div class="row g-3 mb-4">
    <div class="col-sm-6 col-xl-2">
        <div class="stat-card">
            <div class="stat-icon clay"><i class="bi bi-building"></i></div>
            <div>
                <div class="stat-value">{{ number_format($stats['total_properties']) }}</div>
                <div class="stat-label">Total Properties</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-2">
        <div class="stat-card">
            <div class="stat-icon success"><i class="bi bi-check-circle"></i></div>
            <div>
                <div class="stat-value">{{ number_format($stats['active_properties']) }}</div>
                <div class="stat-label">Active</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-2">
        <div class="stat-card">
            <div class="stat-icon warning"><i class="bi bi-hourglass-split"></i></div>
            <div>
                <div class="stat-value">{{ number_format($stats['pending_verification']) }}</div>
                <div class="stat-label">Pending Review</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-2">
        <div class="stat-card">
            <div class="stat-icon info"><i class="bi bi-clock-history"></i></div>
            <div>
                <div class="stat-value">{{ number_format($stats['trialing']) }}</div>
                <div class="stat-label">On Trial</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-2">
        <div class="stat-card">
            <div class="stat-icon danger"><i class="bi bi-slash-circle"></i></div>
            <div>
                <div class="stat-value">{{ number_format($stats['suspended']) }}</div>
                <div class="stat-label">Suspended</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-2">
        <div class="stat-card">
            <div class="stat-icon muted"><i class="bi bi-headset"></i></div>
            <div>
                <div class="stat-value">{{ number_format($stats['open_tickets']) }}</div>
                <div class="stat-label">Open Tickets</div>
            </div>
        </div>
    </div>
</div>

<div class="row g-3">

    {{-- Pending Verifications --}}
    <div class="col-xl-6">
        <div class="card h-100">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-shield-check me-2" style="color:var(--clay)"></i>
                    Pending Verification
                </span>
                <a href="{{ route('admin.verification.index') }}"
                   class="btn btn-sm btn-outline-secondary">View all</a>
            </div>

            @if($recentApplications->isEmpty())
                <div class="card-body text-center py-5">
                    <i class="bi bi-check-circle" style="font-size:2rem;color:var(--success)"></i>
                    <p class="text-muted mt-2 mb-0" style="font-size:.82rem;">
                        All caught up — no pending applications
                    </p>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Property</th>
                                <th>Submitted</th>
                                <th>Status</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($recentApplications as $app)
                                <tr>
                                    <td>
                                        <div class="fw-semibold" style="font-size:.82rem;">
                                            {{ $app->property->name }}
                                        </div>
                                        <div style="font-size:.7rem;color:var(--muted);">
                                            {{ $app->property->city }},
                                            {{ $app->property->country }}
                                        </div>
                                    </td>
                                    <td style="color:var(--muted);">
                                        {{ $app->submitted_at?->diffForHumans() ?? '—' }}
                                    </td>
                                    <td>
                                        <span class="badge-status bs-{{ $app->status }}">
                                            {{ str_replace('_', ' ', $app->status) }}
                                        </span>
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.verification.show', $app) }}"
                                           class="btn btn-xs btn-outline-secondary">
                                            Review
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>

    {{-- Recent Properties --}}
    <div class="col-xl-6">
        <div class="card h-100">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-building me-2" style="color:var(--clay)"></i>
                    Recent Properties
                </span>
                <a href="{{ route('admin.properties.index') }}"
                   class="btn btn-sm btn-outline-secondary">View all</a>
            </div>

            @if($recentProperties->isEmpty())
                <div class="card-body text-center py-5">
                    <i class="bi bi-building" style="font-size:2rem;color:var(--muted)"></i>
                    <p class="text-muted mt-2 mb-0" style="font-size:.82rem;">
                        No properties yet
                    </p>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Property</th>
                                <th>Type</th>
                                <th>Verification</th>
                                <th>Subscription</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($recentProperties as $property)
                                <tr>
                                    <td>
                                        <div class="fw-semibold" style="font-size:.82rem;">
                                            {{ $property->name }}
                                        </div>
                                        <div style="font-size:.7rem;color:var(--muted);">
                                            {{ $property->city }}
                                        </div>
                                    </td>
                                    <td style="color:var(--muted);">
                                        {{ ucfirst(str_replace('_', ' ', $property->type)) }}
                                    </td>
                                    <td>
                                        <span class="badge-status bs-{{ $property->verification_status }}">
                                            {{ str_replace('_', ' ', $property->verification_status) }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge-status bs-{{ $property->subscription_status }}">
                                            {{ $property->subscription_status }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>

    {{-- Quick Actions --}}
    <div class="col-xl-4">
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-lightning me-2" style="color:var(--clay)"></i>
                    Quick Actions
                </span>
            </div>
            <div class="card-body" style="display:flex;flex-direction:column;gap:8px;">
                <a href="{{ route('admin.verification.index') }}"
                   class="btn btn-outline-secondary d-flex align-items-center gap-2">
                    <i class="bi bi-shield-check" style="color:var(--clay)"></i>
                    Review Pending Applications
                    @if($stats['pending_verification'] > 0)
                        <span class="ms-auto badge" style="background:var(--warning);color:#000;">
                            {{ $stats['pending_verification'] }}
                        </span>
                    @endif
                </a>
                <a href="{{ route('admin.support.index') }}"
                   class="btn btn-outline-secondary d-flex align-items-center gap-2">
                    <i class="bi bi-headset" style="color:var(--clay)"></i>
                    Support Tickets
                    @if($stats['open_tickets'] > 0)
                        <span class="ms-auto badge" style="background:var(--info);color:#fff;">
                            {{ $stats['open_tickets'] }}
                        </span>
                    @endif
                </a>
                <a href="{{ route('admin.properties.index') }}"
                   class="btn btn-outline-secondary d-flex align-items-center gap-2">
                    <i class="bi bi-building" style="color:var(--clay)"></i>
                    All Properties
                </a>
                <a href="{{ route('admin.payouts.create') }}"
                   class="btn btn-outline-secondary d-flex align-items-center gap-2">
                    <i class="bi bi-cash-stack" style="color:var(--clay)"></i>
                    Create Payout
                </a>
                <a href="{{ route('admin.system.announcements.create') }}"
                   class="btn btn-outline-secondary d-flex align-items-center gap-2">
                    <i class="bi bi-megaphone" style="color:var(--clay)"></i>
                    Post Announcement
                </a>
                <a href="{{ route('admin.system.versions.create') }}"
                   class="btn btn-outline-secondary d-flex align-items-center gap-2">
                    <i class="bi bi-tag" style="color:var(--clay)"></i>
                    New System Version
                </a>
            </div>
        </div>
    </div>

    {{-- Property Breakdown --}}
    <div class="col-xl-4">
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-pie-chart me-2" style="color:var(--clay)"></i>
                    By Verification Status
                </span>
            </div>
            <div class="card-body">
                @php
                    $statuses = \App\Models\Property::selectRaw('verification_status, count(*) as total')
                        ->groupBy('verification_status')
                        ->pluck('total', 'verification_status');
                @endphp
                @foreach($statuses as $status => $count)
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <div class="d-flex align-items-center gap-2">
                            <span class="badge-status bs-{{ $status }}">
                                {{ str_replace('_', ' ', $status) }}
                            </span>
                        </div>
                        <span class="fw-semibold" style="font-size:.82rem;">{{ $count }}</span>
                    </div>
                @endforeach

                @if($statuses->isEmpty())
                    <p class="text-muted text-center mb-0" style="font-size:.8rem;">No data yet</p>
                @endif
            </div>
        </div>
    </div>

    {{-- Subscription Breakdown --}}
    <div class="col-xl-4">
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-credit-card me-2" style="color:var(--clay)"></i>
                    By Subscription
                </span>
            </div>
            <div class="card-body">
                @php
                    $subscriptions = \App\Models\Property::selectRaw('subscription_status, count(*) as total')
                        ->groupBy('subscription_status')
                        ->pluck('total', 'subscription_status');
                @endphp
                @foreach($subscriptions as $status => $count)
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <div class="d-flex align-items-center gap-2">
                            <span class="badge-status bs-{{ $status }}">
                                {{ $status }}
                            </span>
                        </div>
                        <span class="fw-semibold" style="font-size:.82rem;">{{ $count }}</span>
                    </div>
                @endforeach

                @if($subscriptions->isEmpty())
                    <p class="text-muted text-center mb-0" style="font-size:.8rem;">No data yet</p>
                @endif
            </div>
        </div>
    </div>

</div>

@endsection