@extends('layouts.user')

@section('title', 'Physiotherapist Dashboard')

@section('content')
@php
    // Calculate real statistics from database
    $totalDocs = \App\Models\PortalUserDoc::where('portal_user_id', $user->id)->count();
    $uploadedDocs = \App\Models\PortalUserDoc::where('portal_user_id', $user->id)
        ->whereNotNull('document_path')->count();
    $stateChangeRequests = \App\Models\StateChangeRequest::where('user_id', $user->id)->count();
    $pendingStateChanges = \App\Models\StateChangeRequest::where('user_id', $user->id)
        ->where('status', 'pending')->count();
    $profileFields = ['fname', 'lname', 'email', 'mobile', 'dob', 'gender', 'address', 'pincode'];
    $filledFields = 0;
    foreach($profileFields as $field) {
        if(!empty($user->$field)) $filledFields++;
    }
    $profileCompletion = round(($filledFields / count($profileFields)) * 100);
    $membershipValid = false;
    $daysUntilExpiry = 0;
    if($user->valid_up_to) {
        $expiryDate = \Carbon\Carbon::parse($user->valid_up_to);
        $daysUntilExpiry = now()->diffInDays($expiryDate, false);
        $membershipValid = $daysUntilExpiry > 0;
    }
@endphp

<div class="content" style="height: calc(100vh - 6.2rem); overflow-y: auto; overflow-x: hidden; padding: 1rem;">
    <div class="pb-5">
        <!-- Welcome Section -->
        <div class="row g-4 mb-4">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h2 class="mb-2">Physiotherapist Dashboard</h2>
                                <p class="text-body-tertiary mb-0">
                                    Welcome back, {{ $user->fname ?? $user->name }}! Help athletes recover and perform their best!
                                </p>
                            </div>
                            <div class="text-end">
                                <span data-feather="activity" style="width: 48px; height: 48px;" class="text-primary"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Statistics Cards -->
        <div class="row g-3 mb-4">
            <div class="col-sm-6 col-md-3">
                <div class="card h-100 border-0 bg-primary-subtle">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h6 class="text-body-tertiary fs-10 mb-2">Active Roles</h6>
                                <h3 class="text-primary mb-0">{{ $user->activeRoles->count() }}</h3>
                                <p class="fs-9 text-body-tertiary mb-0 mt-1">Current: Physiotherapist</p>
                            </div>
                            <span data-feather="users" style="width: 32px; height: 32px;" class="text-primary"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="card h-100 border-0 bg-success-subtle">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h6 class="text-body-tertiary fs-10 mb-2">Documents</h6>
                                <h3 class="text-success mb-0">{{ $uploadedDocs }}/{{ $totalDocs }}</h3>
                                <p class="fs-9 text-body-tertiary mb-0 mt-1">{{ $totalDocs > 0 ? round(($uploadedDocs/$totalDocs)*100) : 0 }}% uploaded</p>
                            </div>
                            <span data-feather="file-text" style="width: 32px; height: 32px;" class="text-success"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="card h-100 border-0 bg-warning-subtle">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h6 class="text-body-tertiary fs-10 mb-2">State Changes</h6>
                                <h3 class="text-warning mb-0">{{ $pendingStateChanges }}/{{ $stateChangeRequests }}</h3>
                                <p class="fs-9 text-body-tertiary mb-0 mt-1">{{ $pendingStateChanges }} pending</p>
                            </div>
                            <span data-feather="shuffle" style="width: 32px; height: 32px;" class="text-warning"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="card h-100 border-0 bg-info-subtle">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h6 class="text-body-tertiary fs-10 mb-2">Profile</h6>
                                <h3 class="text-info mb-0">{{ $profileCompletion }}%</h3>
                                <p class="fs-9 text-body-tertiary mb-0 mt-1">Completed</p>
                            </div>
                            <span data-feather="pie-chart" style="width: 32px; height: 32px;" class="text-info"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Quick Actions -->
        <div class="row g-3 mb-4">
            <div class="col-md-3">
                <div class="card h-100">
                    <div class="card-body text-center">
                        <span data-feather="calendar" style="width: 48px; height: 48px;" class="text-primary mb-3"></span>
                        <h6 class="mb-2">Events</h6>
                        <p class="text-body-tertiary fs-9 mb-3">Browse and register for events</p>
                        <a href="{{ route('user.events', ['role' => 'physiotherapist']) }}" class="btn btn-phoenix-primary btn-sm">View Events</a>
                    </div>
                </div>
            </div>
            {{-- DISABLED: Black Belt Certificate Card (Route Disabled) --}}
            {{--
            <div class="col-md-3 d-none">
                <div class="card h-100">
                    <div class="card-body text-center">
                        <span data-feather="award" style="width: 48px; height: 48px;" class="text-success mb-3"></span>
                        <h6 class="mb-2">Certificates</h6>
                        <p class="text-body-tertiary fs-9 mb-3">Access your achievements</p>
                        <a href="{{ route('user.certificates.black_belt', ['role' => 'physiotherapist']) }}" class="btn btn-phoenix-success btn-sm">View Certificates</a>
                    </div>
                </div>
            </div>
            --}}
            <div class="col-md-3">
                <div class="card h-100">
                    <div class="card-body text-center">
                        <span data-feather="user" style="width: 48px; height: 48px;" class="text-info mb-3"></span>
                        <h6 class="mb-2">Profile</h6>
                        <p class="text-body-tertiary fs-9 mb-3">{{ $profileCompletion }}% profile completed</p>
                        <a href="{{ route('user.profile', ['role' => 'physiotherapist']) }}" class="btn btn-phoenix-info btn-sm">Edit Profile</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card h-100">
                    <div class="card-body text-center">
                        <span data-feather="file-text" style="width: 48px; height: 48px;" class="text-warning mb-3"></span>
                        <h6 class="mb-2">Documents</h6>
                        <p class="text-body-tertiary fs-9 mb-3">{{ $uploadedDocs }} of {{ $totalDocs }} uploaded</p>
                        <a href="{{ route('user.documents', ['role' => 'physiotherapist']) }}" class="btn btn-phoenix-warning btn-sm">View Documents</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Account Information -->
        <div class="row g-3">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">Account Information</h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <p class="text-body-tertiary fs-9 mb-1">Name</p>
                                <p class="fw-semibold">{{ $user->fname }} {{ $user->lname }}</p>
                            </div>
                            <div class="col-md-6">
                                <p class="text-body-tertiary fs-9 mb-1">Unique ID</p>
                                <p class="fw-semibold">{{ $user->u_id ?? 'Not assigned' }}</p>
                            </div>
                            <div class="col-md-6">
                                <p class="text-body-tertiary fs-9 mb-1">Account Status</p>
                                <p class="fw-semibold">
                                    @if($user->status == 'approved')
                                        <span class="badge badge-phoenix badge-phoenix-success">Approved</span>
                                    @elseif($user->status == 'pending')
                                        <span class="badge badge-phoenix badge-phoenix-warning">Pending</span>
                                    @else
                                        <span class="badge badge-phoenix badge-phoenix-danger">{{ ucfirst($user->status) }}</span>
                                    @endif
                                </p>
                            </div>
                            <div class="col-md-6">
                                <p class="text-body-tertiary fs-9 mb-1">Membership Validity</p>
                                <p class="fw-semibold">
                                    @if($membershipValid)
                                        <span class="badge badge-phoenix badge-phoenix-success">Valid ({{ $daysUntilExpiry }} days left)</span>
                                    @else
                                        <span class="badge badge-phoenix badge-phoenix-danger">Expired/Invalid</span>
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection