@extends('layout.layout')
@php
$title = 'Dashboard';
$subTitle = 'Overview';
// Define the dynamic data arrays here (essential for the charts to work)
$referralData = [6, 3, 1]; // Submitted, Accepted, Rejected
$requestData = [10, 5, 3]; // Submitted, Completed, In-Progress
$script = ' <script src="' . asset('assets/js/pieChartPageChart.js') . '"></script>';
@endphp
@section('content')
<div class="container py-5">
    <div class="row ">
        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="card-title fw-bold">Sessions</div>
                    <hr>
                    <div class="d-flex align-items-center mt-3">
                        <span class="badge rounded-pill bg-danger me-2">2</span>
                        <div class="fw-bold">Absent Sessions</div>
                    </div>
                    <div class="d-flex align-items-center mt-2">
                        <span class="badge rounded-pill bg-success me-2">16</span>
                        <div class="fw-bold">Complete Sessions</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="d-flex">
                        <div class="card-title fw-bold">Referrals</div>
                        <div class="ms-auto">
                            <!-- Pending <span class="badge bg-secondary">2</span> -->
                        </div>
                    </div>
                    <hr>
                    <div class="card-body p-24 text-center">
                        {{-- Chart container, ID matches JS --}}
                        <div id="referralPieChart" class="d-flex justify-content-center"></div>
                        <div class="d-flex justify-content-around mt-3">
                            <small><span class="badge bg-info">&bull;</span> Submitted ({{ $referralData[0] }})</small>
                            <small><span class="badge bg-success">&bull;</span> Accepted ({{ $referralData[1] }})</small>
                            <small><span class="badge bg-danger">&bull;</span> Rejected ({{ $referralData[2] }})</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="card-title fw-bold">Announcements</div>
                    <hr>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="card-title fw-bold">Upcoming Holidays</div>
                    <hr>
                    <div class="d-flex mt-3">
                        <div class="fw-bold">ثورة 30 يونيو</div>
                        <div class="ms-auto">4 - Jul Thursday</div>
                    </div>
                    <div class="d-flex mt-2">
                        <div class="fw-bold">راس السنة الهجرية</div>
                        <div class="ms-auto">11 - Jul Thursday</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="d-flex">
                        <div class="card-title fw-bold">Requests</div>
                        <div class="ms-auto">
                            Unassigned <span class="badge bg-secondary">2</span>
                        </div>
                    </div>
                    <hr>
                    <div class="card-body p-24 text-center">
                        {{-- Chart container, ID matches JS --}}
                        <div id="requestsPieChart" class="d-flex justify-content-center"></div>
                        <div class="d-flex justify-content-around mt-3">
                            <small><span class="badge bg-info">&bull;</span> Submitted ({{ $requestData[0] }})</small>
                            <small><span class="badge bg-success">&bull;</span> Completed ({{ $requestData[1] }})</small>
                            <small><span class="badge bg-primary">&bull;</span> In-Progress ({{ $requestData[2] }})</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="card-title fw-bold">Upcoming Sessions</div>
                    <hr>
                    @forelse ($sessions as $session)
                    <div class="d-flex mt-3">
                        <a href="#" class="text-decoration-none text-dark small fw-bold">{{$session['session_name']}}</a>
                        <div class="ms-auto">{{$session['session_date']}}</div>
                    </div>
                    @if (!$loop->last)
                    <div class="mt-2"></div>
                    @endif
                    @empty
                    <p class="text-muted">No recent quiz submissions found.</p>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="card-title fw-bold">Quizzes</div>
                    <hr>
                    @forelse ($quizzes as $quiz)
                    <div class="d-flex mt-3">
                        {{-- Display the quiz title. Replace '#' with the actual link URL if available. --}}
                        <a href="#" class="text-decoration-none fw-bold">{{ $quiz->title }}</a>

                        {{-- Display the percentage score --}}
                        <div class="ms-auto">{{ $quiz->percentage }}%</div>
                    </div>

                    @if (!$loop->last)
                    <div class="mt-2"></div>
                    @endif
                    @empty
                    <p class="text-muted">No recent quiz submissions found.</p>
                    @endforelse

                </div>
            </div>
        </div>

        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="d-flex">
                        <div class="card-title fw-bold">Assignments</div>
                    </div>
                    <hr>
                    @forelse ($assignments as $assignment)

                    <div class="d-flex mt-3">
                        <div class="fw-bold">{{$assignment->title}}</div>
                        <div class="ms-auto text-success">{{$assignment->grade}}</div>
                    </div>

                    @if (!$loop->last)
                    <div class="mt-2"></div>
                    @endif
                    @empty
                    <p class="text-muted">No recent quiz submissions found.</p>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="d-flex">
                        <div class="card-title fw-bold">Exams</div>
                    </div>
                    <hr>
                    @forelse ($exams as $exam)

                    <div class="d-flex mt-3">
                        <div class="fw-bold">{{$exam->title}}</div>
                        <div class="ms-auto">
                            @if($exam->passed == 1)
                            <span class="text-success">Passed</span>
                            @else
                            <span class="text-danger">Failed</span>
                            @endif
                        </div>
                    </div>
                    @if (!$loop->last)
                    <div class="mt-2"></div>
                    @endif
                    @empty
                    <p class="text-muted">No recent Exams submissions found.</p>
                    @endforelse
                </div>
            </div>
        </div>


        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">

                <div class="card-body">
                    <div class="card-title fw-bold">Activities</div>
                    <hr>

                    @php
                    $labels = [
                    'gift-call' => ['label' => 'Gift Call', 'class' => 'bg-info'],
                    'extra-session' => ['label' => 'Extra Sessions', 'class' => 'bg-warning'],
                    'english-club' => ['label' => 'English Club', 'class' => 'bg-success'],
                    ];
                    @endphp
                    @foreach ($labels as $key => $meta)
                    <div class="d-flex align-items-center mt-2">
                        <span class="badge rounded-pill {{ $meta['class'] }} me-16">
                            {{ $sessionCounts[$key] ?? 0 }}
                        </span>
                        <div class="fw-bold">{{ $meta['label'] }}</div>
                    </div>
                    @endforeach
                </div>

            </div>
        </div>


        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="card-title fw-bold">Level & Payment Status</div>
                    <hr>
                    <div class="d-flex align-items-center mt-2">
                        @php
                            $courseStudent = $latestSchedule?->courseStudent?->first();
                            $invoice = $courseStudent?->finanaceStudentInvoice;
                            $paymentStatus = $invoice?->payment_status ?? 'pending';
                        @endphp

                        @if ($paymentStatus === 'not_paid')
                            <span class="badge rounded-pill bg-danger me-3">
                                Not Paid
                            </span>
                        @elseif ($invoice)
                            <span class="badge rounded-pill bg-success me-3">
                                Paid
                            </span>
                        @else
                            <span class="badge rounded-pill bg-secondary me-3">
                                No Invoice
                            </span>
                        @endif

                        <div class="fw-bold">
                            @if ($invoice && $latestSchedule)
                                <a href="{{ route('showInvoice', $invoice->id) }}">
                                    {{ $latestSchedule?->track?->name_en ?? 'N/A' }}
                                    -
                                    {{ $latestSchedule?->trackLevel?->name_en ?? 'N/A' }}
                                </a>
                            @else
                                <span class="">
                                    {{ $latestSchedule?->track?->name_en ?? 'N/A' }}
                                    -
                                    {{ $latestSchedule?->trackLevel?->name_en ?? 'N/A' }}
                                </span>
                            @endif
                        </div>
                    </div>

                </div>
            </div>
        </div>


        <div class="col-md-4 mb-5">
            <div class="card h-100 rounded-3">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="card-title fw-bold">
                            Teachers History
                        </div>
                        <div class="badge bg-secondary">
                            {{ $teachers->count() }}
                        </div>
                    </div>
                    <hr>

                    @forelse ($teachers as $teacher)
                    <div class="d-flex align-items-center mt-2">
                        <span class="border p-1 rounded me-1">
                            {{ $loop->iteration }}
                        </span>
                        <div class="fw-bold">
                            {{ $teacher['name'] }}
                        </div>
                    </div>
                    @empty
                    <p class="text-muted">No teachers found for this student.</p>
                    @endforelse

                </div>
            </div>
        </div>

    </div>
</div>
@endsection