@extends('layouts.app')

@section('page-title', 'Dashboard')

@section('content')
<div class="row">
    <!-- Welcome Card -->
    <div class="col-xl-12">
        <div class="welcome-card rounded ps-5 pt-4 pb-4 mt-3 position-relative mb-5">
            <h4 class="fw-semibold text-warning">Welcome to GYMSYM!</h4>
            <p class="lh-lg">Manage your gym operations efficiently with our comprehensive management system.</p>
        </div>
    </div>
    <!-- End Welcome Card -->

    @if(isset($stats))
    @if(Auth::user()->isSuperAdmin())
    <!-- Super Admin Stats Cards -->
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.total-gyms') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-primary text-primary">
                            <i class="flaticon-381-networking"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Total Gyms</p>
                            <h4 class="mb-0">{{ $stats['total_gyms'] ?? 0 }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.total-rent') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-warning text-warning">
                            <i class="flaticon-381-diploma"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Total Rent</p>
                            <h4 class="mb-0">Rs {{ number_format($stats['total_rent'] ?? 0, 2) }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.rent-received-month') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-success text-success">
                            <i class="fa-solid fa-money-bill-wave"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Rent Received This Month</p>
                            <h4 class="mb-0">Rs {{ number_format($stats['rent_received_this_month'] ?? 0, 2) }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.gyms-pay-rent') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-info text-info">
                            <i class="fa-solid fa-building"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Gyms Pay Rent</p>
                            <h4 class="mb-0">{{ $stats['gyms_pay_rent'] ?? 0 }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.gyms-left-unpaid') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-danger text-danger">
                            <i class="fa-solid fa-exclamation-triangle"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Gyms Left (Unpaid)</p>
                            <h4 class="mb-0">{{ $stats['gyms_left_unpaid'] ?? 0 }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    @else
    <!-- Gym Owner Stats Cards -->
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.total-members') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-success text-success">
                            <i class="fa-regular fa-user"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Total Members</p>
                            <h4 class="mb-0">{{ $stats['total_members'] ?? 0 }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    @endif
    @endif

    <!-- Additional Stats for Gym Owners -->
    @if(Auth::user()->isGymOwner() && isset($stats['active_members']))
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.active-members') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-success text-success">
                            <i class="fa-regular fa-user"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Active Members</p>
                            <h4 class="mb-0">{{ $stats['active_members'] ?? 0 }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.pending-payments') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-danger text-danger">
                            <i class="flaticon-381-diploma"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Pending Payments</p>
                            <h4 class="mb-0">Rs {{ number_format($stats['pending_payments'] ?? 0, 2) }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.payments-received') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-success text-success">
                            <i class="fa-solid fa-money-bill-wave"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Payment Received (This Month)</p>
                            <h4 class="mb-0">Rs {{ number_format($stats['payments_received_this_month'] ?? 0, 2) }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    
    <div class="col-xl-3 col-lg-6 col-sm-6">
        <a href="{{ route('dashboard.product-sales') }}" class="text-decoration-none">
            <div class="widget-stat card" style="cursor: pointer; transition: transform 0.2s;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
                <div class="card-body p-4">
                    <div class="media ai-icon">
                        <span class="me-3 bgl-info text-info">
                            <i class="fa-solid fa-shopping-bag"></i>
                        </span>
                        <div class="media-body">
                            <p class="mb-1">Product Sales (This Month)</p>
                            <h4 class="mb-0">Rs {{ number_format($stats['product_sales_this_month'] ?? 0, 2) }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    @endif
</div>
@endsection