@extends('admin.layouts.app')

@section('title','Dashboard')

@section('content')
@if($staff)
    <div class="page-header">
        <div><h2>Welcome, {{ $staff->full_name }}</h2><p>Your lead activity overview</p></div>
        <a href="{{ route('admin.staff.profile') }}" class="btn-secondary"><i class="fas fa-user"></i> My Profile</a>
    </div>
    <div class="stats-grid">
        <div class="stat-card"><i class="fas fa-user-plus"></i><h4>My Created Leads</h4><h2>{{ $createdLeadCount }}</h2></div>
    </div>
@else
    <div class="dashboard-page-heading">
        <div><span>LIVE BUSINESS OVERVIEW</span><h2>Admin Dashboard</h2><p>Customers, services, payments and renewals updated from current records.</p></div>
        <small>{{ now()->format('d M Y, h:i A') }}</small>
    </div>

    <section class="dashboard-summary-grid">
        <article class="dashboard-summary-card customers">
            <div class="summary-card-head"><span><i class="fas fa-users"></i></span><small>Customer Statistics</small></div>
            <strong>{{ $dashboard['customerStats']['total'] }}</strong>
            <div class="summary-breakdown"><em>{{ $dashboard['customerStats']['active'] }} Active</em><em>{{ $dashboard['customerStats']['inactive'] }} Inactive</em></div>
        </article>
        <article class="dashboard-summary-card services">
            <div class="summary-card-head"><span><i class="fas fa-spray-can-sparkles"></i></span><small>Service Statistics</small></div>
            <strong>{{ $dashboard['serviceStats']['total'] }}</strong>
            <div class="summary-breakdown"><em>{{ $dashboard['serviceStats']['completed'] }} Completed</em><em>{{ $dashboard['serviceStats']['pending'] }} Pending</em></div>
        </article>
        <article class="dashboard-summary-card revenue">
            <div class="summary-card-head"><span><i class="fas fa-indian-rupee-sign"></i></span><small>Revenue Summary</small></div>
            <strong>₹{{ number_format($dashboard['received'],2) }}</strong>
            <div class="summary-breakdown"><em>₹{{ number_format($dashboard['invoiced'],2) }} Invoiced</em><em>₹{{ number_format($dashboard['outstanding'],2) }} Due</em></div>
        </article>
    </section>

    <section class="dashboard-list-grid">
        <article class="dashboard-list-card">
            <div class="dashboard-card-title"><div><span class="dashboard-card-icon amber"><i class="fas fa-hourglass-half"></i></span><h3>Pending Services</h3><p>Services awaiting completion.</p></div><b>{{ $dashboard['pendingServices']->count() }}</b></div>
            <div class="dashboard-record-list">
                @forelse($dashboard['pendingServices'] as $booking)
                    <a href="{{ route('admin.service-bookings.show',$booking) }}"><span><strong>{{ $booking->booking_no }}</strong><small>{{ $booking->customer->customer_name ?? 'Walk-in customer' }}</small></span><span class="record-meta">{{ \Carbon\Carbon::parse($booking->service_date)->format('d M Y') }}<small>{{ $booking->service_status }}</small></span></a>
                @empty
                    <div class="dashboard-empty"><i class="fas fa-circle-check"></i><span>No pending services.</span></div>
                @endforelse
            </div>
        </article>

        <article class="dashboard-list-card">
            <div class="dashboard-card-title"><div><span class="dashboard-card-icon blue"><i class="fas fa-calendar-days"></i></span><h3>Upcoming Appointments</h3><p>Next scheduled customer visits.</p></div><b>{{ $dashboard['upcomingAppointments']->count() }}</b></div>
            <div class="dashboard-record-list">
                @forelse($dashboard['upcomingAppointments'] as $booking)
                    <a href="{{ route('admin.service-bookings.show',$booking) }}"><span><strong>{{ $booking->customer->customer_name ?? $booking->booking_no }}</strong><small>{{ $booking->booking_no }}</small></span><span class="record-meta">{{ \Carbon\Carbon::parse($booking->service_date)->format('d M Y') }}<small>{{ $booking->service_time ? \Carbon\Carbon::parse($booking->service_time)->format('h:i A') : 'Time pending' }}</small></span></a>
                @empty
                    <div class="dashboard-empty"><i class="fas fa-calendar-xmark"></i><span>No upcoming appointments.</span></div>
                @endforelse
            </div>
        </article>

        <article class="dashboard-list-card">
            <div class="dashboard-card-title"><div><span class="dashboard-card-icon red"><i class="fas fa-wallet"></i></span><h3>Pending Payments</h3><p>Invoices with outstanding payment.</p></div><b>{{ $dashboard['pendingPayments']->count() }}</b></div>
            <div class="dashboard-record-list">
                @forelse($dashboard['pendingPayments'] as $invoice)
                    <a href="{{ route('admin.invoices.show',$invoice) }}"><span><strong>{{ $invoice->invoice_no }}</strong><small>{{ $invoice->customer->customer_name ?? 'Customer' }}</small></span><span class="record-meta">₹{{ number_format((float)$invoice->grand_total,2) }}<small>{{ $invoice->payment_status }}</small></span></a>
                @empty
                    <div class="dashboard-empty"><i class="fas fa-circle-check"></i><span>No pending payments.</span></div>
                @endforelse
            </div>
        </article>

        <article class="dashboard-list-card">
            <div class="dashboard-card-title"><div><span class="dashboard-card-icon green"><i class="fas fa-arrows-rotate"></i></span><h3>AMC Renewal Alerts</h3><p>Active contracts expiring within 30 days.</p></div><b>{{ $dashboard['amcRenewals']->count() }}</b></div>
            <div class="dashboard-record-list">
                @forelse($dashboard['amcRenewals'] as $contract)
                    <a href="{{ route('admin.amc.show',$contract) }}"><span><strong>{{ $contract->contract_no }}</strong><small>{{ $contract->customer->customer_name ?? 'Customer' }} · {{ $contract->service_type }}</small></span><span class="record-meta">{{ $contract->end_date->format('d M Y') }}<small>{{ today()->diffInDays($contract->end_date) }} days left</small></span></a>
                @empty
                    <div class="dashboard-empty"><i class="fas fa-circle-check"></i><span>No AMC renewals due.</span></div>
                @endforelse
            </div>
        </article>
    </section>
@endif
@endsection