@extends('layouts.app')

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

@section('content')
    @include('layouts.partials.page_header', [
        'title' => 'Student Dashboard',
        'showSocial' => false,
        'breadcrumbs' => [
            ['label' => 'Home', 'url' => route('home')],
            ['label' => 'Dashboard', 'url' => ''],
        ],
    ])

    @php
        $summaryCards = [
            [
                'label' => 'Total Applications',
                'value' => $stats['total'],
                'note' => 'Every application started or submitted from this account.',
            ],
            [
                'label' => 'In Progress',
                'value' => $stats['in_progress'],
                'note' => 'Submitted, under review, or visa processing.',
            ],
            [
                'label' => 'Approved',
                'value' => $stats['approved'],
                'note' => 'Applications already approved by the consultancy.',
            ],
            [
                'label' => 'Documents',
                'value' => $stats['documents'],
                'note' => 'Supporting files available in your document vault.',
            ],
        ];

        $statusLabels = [
            'draft' => 'Draft',
            'submitted' => 'Submitted',
            'under_review' => 'Under review',
            'visa_processing' => 'Visa processing',
            'approved' => 'Approved',
            'rejected' => 'Rejected',
        ];

        $badgeClasses = [
            'draft' => 'bg-light text-dark',
            'submitted' => 'bg-primary',
            'under_review' => 'bg-warning text-dark',
            'visa_processing' => 'bg-info text-dark',
            'approved' => 'bg-success',
            'rejected' => 'bg-danger',
        ];
    @endphp

    <section class="course-grid">
        <div class="container">
            <div class="row g-4 mb-4">
                @foreach($summaryCards as $card)
                    <div class="col-xl-3 col-lg-6">
                        <div class="courses-two__single h-100">
                            <div class="courses-two__content">
                                <div class="courses-two__doller-and-review">
                                    <div class="courses-two__doller">
                                        <p>{{ $card['value'] }}</p>
                                    </div>
                                    <div class="courses-two__review">
                                        <p>{{ $card['label'] }}</p>
                                    </div>
                                </div>
                                <p class="courses-two__text">{{ $card['note'] }}</p>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

            <div class="row g-4">
                <div class="col-lg-8">
                    <div class="course-grid__left">
                        <div class="course-grid__sidebar">
                            <div class="course-grid__search course-grid__single">
                                <div class="course-grid__title-box">
                                    <h3 class="course-grid__title">Recent Applications</h3>
                                    <div class="course-grid__title-shape-1">
                                        <img src="{{ asset('images/shapes/course-grid-title-shape-1.png') }}" alt="">
                                    </div>
                                </div>

                                @forelse($applications as $app)
                                    <div class="blog-list__single {{ !$loop->last ? 'mb-4' : '' }}">
                                        <div class="blog-list__content">
                                            <div class="d-flex flex-column flex-md-row justify-content-between gap-3">
                                                <div>
                                                    <h3 class="blog-list__title-1 mb-2">
                                                        <a href="{{ route('programs.show', $app->program) }}">
                                                            {{ $app->program->title ?? 'N/A' }}
                                                        </a>
                                                    </h3>
                                                    <p class="blog-list__text mb-0">
                                                        {{ $app->program->university->name ?? '' }}
                                                        @if($app->scholarship)
                                                            &middot; {{ $app->scholarship->title }}
                                                        @endif
                                                    </p>
                                                </div>

                                                <span class="badge rounded-pill px-3 py-2 align-self-start {{ $badgeClasses[$app->status] ?? 'bg-secondary' }}">
                                                    {{ $statusLabels[$app->status] ?? ucfirst(str_replace('_', ' ', $app->status)) }}
                                                </span>
                                            </div>

                                            <ul class="courses-two__meta list-unstyled mt-4">
                                                <li>
                                                    <div class="icon"><span class="icon-clock"></span></div>
                                                    <p>Submitted {{ $app->submitted_at?->format('M d, Y') ?? 'Pending' }}</p>
                                                </li>
                                                <li>
                                                    <div class="icon"><span class="icon-book"></span></div>
                                                    <p>{{ $app->documents->count() }} Documents</p>
                                                </li>
                                                <li>
                                                    <div class="icon"><span class="icon-location"></span></div>
                                                    <p>{{ $app->program->university->country?->name ?? 'Country' }}</p>
                                                </li>
                                            </ul>

                                            @if($app->counselor_notes)
                                                <div class="mt-4 rounded-3 bg-light p-4">
                                                    <p class="mb-1 fw-semibold">Counselor Notes</p>
                                                    <p class="mb-0">{{ $app->counselor_notes }}</p>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                @empty
                                    <div class="text-center py-5">
                                        <h4>No applications yet.</h4>
                                        <p class="mb-4">Start your first application from the program catalog.</p>
                                        <a href="{{ route('programs.index') }}" class="thm-btn">
                                            <span>Browse Programs</span>
                                        </a>
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="course-grid__left">
                        <div class="course-grid__sidebar">
                            <div class="course-grid__search course-grid__single mb-4">
                                <div class="course-grid__title-box">
                                    <h3 class="course-grid__title">Notifications</h3>
                                    <div class="course-grid__title-shape-1">
                                        <img src="{{ asset('images/shapes/course-grid-title-shape-1.png') }}" alt="">
                                    </div>
                                </div>

                                <ul class="list-unstyled mb-0">
                                    @forelse($notifications as $notification)
                                        <li class="py-3 {{ !$loop->last ? 'border-bottom' : '' }}">
                                            <p class="mb-1">
                                                {{ $notification->data['message'] ?? 'Status update' }}
                                            </p>
                                            <small class="text-muted">
                                                {{ $notification->created_at->diffForHumans() }}
                                            </small>
                                        </li>
                                    @empty
                                        <li class="py-3 text-muted">No notifications yet.</li>
                                    @endforelse
                                </ul>
                            </div>

                            <div class="course-grid__search course-grid__single mb-4">
                                <div class="course-grid__title-box">
                                    <h3 class="course-grid__title">Status Breakdown</h3>
                                    <div class="course-grid__title-shape-1">
                                        <img src="{{ asset('images/shapes/course-grid-title-shape-1.png') }}" alt="">
                                    </div>
                                </div>

                                <ul class="list-unstyled mb-0">
                                    @foreach($statusLabels as $key => $label)
                                        <li class="d-flex justify-content-between align-items-center py-2 {{ !$loop->last ? 'border-bottom' : '' }}">
                                            <span>{{ $label }}</span>
                                            <span class="badge bg-light text-dark">
                                                {{ data_get($statusBreakdown, $key, 0) }}
                                            </span>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>

                            <div class="course-grid__search course-grid__single mb-4">
                                <div class="course-grid__title-box">
                                    <h3 class="course-grid__title">Recent Documents</h3>
                                    <div class="course-grid__title-shape-1">
                                        <img src="{{ asset('images/shapes/course-grid-title-shape-1.png') }}" alt="">
                                    </div>
                                </div>

                                @forelse($recentDocuments as $document)
                                    <div class="d-flex justify-content-between gap-3 py-3 {{ !$loop->last ? 'border-bottom' : '' }}">
                                        <div>
                                            <p class="mb-1 fw-semibold">
                                                {{ ucfirst(str_replace('_', ' ', $document->type)) }}
                                            </p>
                                            <small class="text-muted">
                                                {{ $document->application?->program?->title ?? 'Standalone document' }}
                                            </small>
                                        </div>
                                        <a href="{{ asset('storage/'.$document->file_path) }}" target="_blank" class="thm-btn-two">
                                            <span>View</span>
                                        </a>
                                    </div>
                                @empty
                                    <p class="mb-0 text-muted">No documents uploaded yet.</p>
                                @endforelse
                            </div>

                            <div class="course-grid__search course-grid__single">
                                <div class="course-grid__title-box">
                                    <h3 class="course-grid__title">Quick Actions</h3>
                                    <div class="course-grid__title-shape-1">
                                        <img src="{{ asset('images/shapes/course-grid-title-shape-1.png') }}" alt="">
                                    </div>
                                </div>

                                <div class="d-grid gap-3">
                                    <a href="{{ route('programs.index') }}" class="thm-btn">
                                        <span>Browse Programs</span>
                                    </a>
                                    <a href="{{ route('portal.documents') }}" class="thm-btn-two">
                                        <span>Documents</span>
                                    </a>
                                    <a href="{{ route('portal.profile') }}" class="thm-btn-two">
                                        <span>Profile</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection