@extends('dashlayouts.app')
@section('content')

    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }

        th,
        td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: center;
        }

        th {
            background-color: #f4f4f4;
            color: #333;
        }

        td {
            vertical-align: top;
        }

        .slot {
            font-weight: bold;
            background-color: #e0e0e0;
        }

        .empty-cell {
            background-color: #ffffff;
        }

        .card-body-free {
            position: relative;
            overflow: hidden;
        }

        .card-body-free .content {
            filter: blur(4px);
            pointer-events: none;
            user-select: none;
        }

        .card-body-free .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            color: #333;
            font-weight: bold;
            text-align: center;
        }

    </style>




    @if (auth()->user()->is_parent == 1)
        <div class="pagetitle">
            <h1>Dashboard</h1>
            <nav>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Utama</a></li>
                    <li class="breadcrumb-item active">Murid</li>
                </ol>
            </nav>
        </div>
        <section class="section dashboard">
            @include('errors')
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show col-md-8" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger alert-dismissible fade show col-md-8" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            <div class="row">
                <div class="text-center">
                    <div class="alert alert-primary alert-dismissible fade show" role="alert">
                        <i class="bi bi-exclamation-circle-fill"></i>
                        <a href="com.orijin.orijinschool://login" class="alert-link">Sila klik disini untuk kembali ke
                            Aplikasi Orijin School.</a>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                </div>
                @if (is_null(auth()->user()->add1) || is_null(auth()->user()->mobile_no))
                    <div class="text-center">
                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
                            <i class="bi bi-exclamation-triangle me-2"></i>
                            Sila kemaskini maklumat profil anda untuk melengkapkan pendaftaran.
                            <a href="{{ route('user.editprofile') }}" class="alert-link">Kemaskini Profil</a>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    </div>
                @endif
                {{-- TEMP EDIT PHOTO TAG  --}}
                @if($badPhotoCount > 0)
                    <div class="text-center">
                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
                            <i class="bi bi-exclamation-triangle me-2"></i>
                            Sila kemaskini gambar anak mengikut format yang terbaru.
                            <a href="{{ route('photo.edit_temp') }}" class="alert-link">Kemaskini Gambar</a>
                            {{--                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>--}}
                        </div>
                    </div>
                @endif

                {{--      --}}
            </div>

            <div class="row">
                <div class="col-md-8 col-12">
                    @if($children->count() >= 1)
                        <h4> Senarai Murid - {{ $children->count() }}</h4>
                        <hr>
                        @foreach ($children as $child)
                            <div class="card mb-3">
                                <div class="row g-0">
                                    <div class="col-12 col-md-2 p-3 text-center align-content-center">
                                        @if($child->logo_path)
                                            <img src="{{ asset($child->logo_path) }}" alt="School Logo"
                                                 class="img-fluid rounded-circle"
                                                 style="border: 1px solid #dee2e6; max-width: 60%;">
                                        @endif
                                    </div>
                                    <div class="col-12 col-md-10">
                                        <div class="card-body">
                                            <h5 class="card-title">{{ $child->student_id }}
                                                - {{ $child->student_name}}</h5>
                                            <div class="row">
                                                <div class="col-12 col-sm-6 mb-3">
                                                    <h6 style="margin-bottom: 0.5rem;">Sekolah:</h6>
                                                    <p style="margin-bottom: 0;">{{ $child->nama_pusat }}</p>
                                                </div>

                                            </div>
                                            <div class="modal-footer py-0">
                                                <a type="button" class="btn btn-primary"
                                                   href="{{ route('parent.overview', ['id' => $child->student_id]) }}">Lihat
                                                    Murid</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <br><br>

                        {{-- <div class="text-center">
                            <small class="text-muted">
                                Anda tidak mempunyai murid di bawah ID anda. Sila daftarkan murid di
                                <a href="{{ route('card.registration')}}">
                                    sini
                                </a>
                            </small>
                        </div> --}}

                        <div class="text-center">
                            <small class="text-muted">
                                Tiada Murid berdaftar di bawah ID anda. Sila daftar murid melalui aplikasi Orijin
                                School.
                                Sila rujuk <a href="{{ url('manual-orijin-school') }}" target="_blank">
                                    Dokumen Manual
                                </a> ini untuk langkah pendaftaran.

                            </small>
                        </div>
                    @endif
                </div>
                <div class="col-md-4 col-12">
                    <div class="row">
                        <div class="col">
                            @if (session('complaintmsg'))
                                <div class="alert alert-success fade show small" role="alert">
                                    {{ session('complaintmsg') }}
                                </div>
                            @endif
                            <!-- Recent Activity -->
                            <div class="card">
                                <div class="card-body">
                                    <p class="card-title">Penjaga <span class="text-muted">| Maklumat Penjaga</span></p>
                                    <p><b>Nama : </b> {{ $user->name }}</p>
                                    <p><b>Emel : </b> {{ $user->email }}</p>
                                    <p><b>IC No. : </b> {{ $user->idno }}</p>
                                    <p><b>Hp No. : </b> {{ $user->mobile_no }}</p>
                                    <p><b>Langganan : </b>
                                        @if($user->subscription_type == 'PREMIUM')
                                            <text class="text-warning">{{ $user->subscription_type }}</text></p>
                                    @else
                                        <text class="text-secondary">{{ $user->subscription_type }}</text></p>
                                    @endif

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

        </section>

    @else

        <div class="pagetitle">
            <h1>Dashboard</h1>
            <nav>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
                    <li class="breadcrumb-item active">Main Menu</li>
                </ol>
            </nav>
        </div>
        <section class="section dashboard">
                <div class="col-lg-8">
                    <div class="row">
                        @include('errors')
                        <div class="col">
                            <div class="card">
                                <div class="card-header">
                                    <div class="row">
                                        <div class="col-md-12 text-center">
                                            <h5 class="card-title">Main Menu</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body">

                                    @if(session('subscription_type') == 'PREMIUM')
                                        <div class="row pt-2">
                                            @if (auth()->user()->is_mara == 3)
                                                <div class="col text-center">
                                                    <a href="{{ route('outing.apply')}}"><img
                                                                src="{{ asset('/img/regmas.png') }}"
                                                                style="max-height:110px;"/></a>
                                                    <p class="font-monospace text-secondary">Apply Outing</p>
                                                </div>
                                                <div class="col text-center">
                                                    <a href="{{ route('outing.list')}}"><img
                                                                src="{{ asset('/img/app.png') }}"
                                                                style="max-height:110px;"/></a>
                                                    <p class="font-monospace text-secondary">Outing Application</p>
                                                </div>
                                                <div class="col text-center">
                                                    <a href="{{ route('outing.outingrecord')}}"><img
                                                                src="{{ asset('/img/app.png') }}"
                                                                style="max-height:110px;"/></a>
                                                    <p class="font-monospace text-secondary">Outing Record</p>
                                                </div>
                                                <div class="col text-center">
                                                    <div class="btn-group">
                                                        <a class="btn btn-light dropdown-toggle" data-toggle="dropdown"
                                                           aria-haspopup="true" aria-expanded="false">
                                                            <img src="{{ asset('/img/regmas.png') }}"
                                                                 style="max-height:110px;"/>
                                                            <p class="font-monospace text-secondary">Attendance
                                                                Record</p>
                                                        </a>
                                                        <div class="dropdown-menu">
                                                            <a class="dropdown-item"
                                                               href="{{ route('student.dailyattendancelist') }}">Daily
                                                                Attendance</a>
                                                            <a class="dropdown-item"
                                                               href="{{ route('student.attendancelist') }}">Class
                                                                Attendance</a>
                                                            <a class="dropdown-item"
                                                               href="{{ route('student.curricularattendancelist') }}">Curricular
                                                                Attendance</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            @else
                                                <h3>Sistem ini hanya untuk kegunaan Ibubapa & Pelajar</h3>
                                            @endif
                                        </div>
                                    @else
                                        <div class="row pt-2">
                                            @if (auth()->user()->is_mara == 3)
                                                {{-- <div class="col text-center opacity-50">
                                                        <a ref="{{ route('outing.apply')}}"><img src="{{ asset('/img/regmas.png') }}" style="max-height:110px;" /></a>
                                                <p class="font-monospace text-secondary">Apply Outing</p>
                                            </div>
                                            <div class="col text-center opacity-50">
                                                <a ref="{{ route('outing.list')}}"><img src="{{ asset('/img/app.png') }}" style="max-height:110px;" /></a>
                                                <p class="font-monospace text-secondary">Outing Application</p>
                                            </div>
                                            <div class="col text-center opacity-50">
                                                <a ref="{{ route('outing.outingrecord')}}"><img src="{{ asset('/img/app.png') }}" style="max-height:110px;" /></a>
                                                <p class="font-monospace text-secondary">Outing Record</p>
                                            </div> --}}
                                                <div class="col text-center position-relative">
                                                    <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center">
                                    <span class="text-dark" style="font-size: 10px; font-weight: bold;">
                                        Upgrade to PREMIUM to access full content &nbsp;<img
                                                src="{{ asset('img/premium.png') }}" alt="Premium" class="img-fluid"
                                                style="max-width: 26px;"></span>
                                                    </div>
                                                    <a ref="{{ route('outing.apply') }}" class="opacity-25">
                                                        <img src="{{ asset('/img/regmas.png') }}"
                                                             style="max-height:110px;"/>
                                                    </a>
                                                    <p class="font-monospace text-secondary opacity-25">Apply Outing</p>
                                                </div>
                                                <div class="col text-center position-relative">
                                                    <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center">
                                    <span class="text-dark" style="font-size: 10px; font-weight: bold;">
                                        Upgrade to PREMIUM to access full content &nbsp;<img
                                                src="{{ asset('img/premium.png') }}" alt="Premium" class="img-fluid"
                                                style="max-width: 26px;"></span>
                                                    </div>
                                                    <a ref="{{ route('outing.list') }}" class="opacity-25">
                                                        <img src="{{ asset('/img/app.png') }}"
                                                             style="max-height:110px;"/>
                                                    </a>
                                                    <p class="font-monospace text-secondary opacity-25">Outing
                                                        Application</p>
                                                </div>
                                                <div class="col text-center position-relative">
                                                    <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center">
                                    <span class="text-dark" style="font-size: 10px; font-weight: bold;">
                                        Upgrade to PREMIUM to access full content &nbsp;<img
                                                src="{{ asset('img/premium.png') }}" alt="Premium" class="img-fluid"
                                                style="max-width: 26px;"></span>
                                                    </div>
                                                    <a ref="{{ route('outing.outingrecord') }}" class="opacity-25">
                                                        <img src="{{ asset('/img/app.png') }}"
                                                             style="max-height:110px;"/>
                                                    </a>
                                                    <p class="font-monospace text-secondary opacity-25">Outing
                                                        Record</p>
                                                </div>
                                                <div class="col text-center">
                                                    <div class="btn-group">
                                                        <a class="btn btn-light dropdown-toggle" data-toggle="dropdown"
                                                           aria-haspopup="true" aria-expanded="false">
                                                            <img src="{{ asset('/img/regmas.png') }}"
                                                                 style="max-height:110px;"/>
                                                            <p class="font-monospace text-secondary">Attendance
                                                                Record</p>
                                                        </a>
                                                        <div class="dropdown-menu">
                                                            <a class="dropdown-item"
                                                               href="{{ route('student.dailyattendancelist') }}">Daily
                                                                Attendance</a>
                                                            <a class="dropdown-item"
                                                               href="{{ route('student.attendancelist') }}">Class
                                                                Attendance</a>
                                                            <a class="dropdown-item"
                                                               href="{{ route('student.curricularattendancelist') }}">Curricular
                                                                Attendance</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            @else
                                                <h3>Sistem ini hanya untuk kegunaan Ibubapa & Pelajar</h3>
                                            @endif
                                        </div>
                                    @endif
                                </div>
                                {{-- @else
                                    <div class="jumbotron jumbotron-fluid">
                                        <div class="container py-4">
                                            <h4 class="text-left">Access for user <b>{{ auth()->user()->name }}</b> is pending for approval.</h4>
                                <p class="lead text-secondary">Status : User pending approval</p>
                            </div>
                        </div>
                        @endif --}}
                            </div>
                        </div>

                        <!-- Reports -->
                        <div class="col-12">
                            <div class="card">
                                <div class="filter">
                                    <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
                                    <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                                        <li class="dropdown-header text-start">
                                            <h6>Filter</h6>
                                        </li>

                                        <li><a class="dropdown-item" href="#">Today</a></li>
                                        <li><a class="dropdown-item" href="#">This Month</a></li>
                                        <li><a class="dropdown-item" href="#">This Year</a></li>
                                    </ul>
                                </div>
                                <div class="card-body">
                                    <h5 class="card-title">Reports <span>/ Available</span></h5>
                                    <ul>
                                        <li>
                                            <a href="{{ route('report.dailyattendancereport', ['id' => $student->student_id]) }}">
                                                <span>Daily Attendance Report ({{ \Carbon\Carbon::now()->subMonth()->format('Y-m') }})</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div><!-- End Reports -->

                        <!-- Reports -->
                        <div class="col-12">
                            <div class="card">
                                <div class="filter">
                                    <a class="icon" href="#" data-bs-toggle="dropdown"><i class="bi bi-three-dots"></i></a>
                                    <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                                        <li><a class="dropdown-item" href="{{ route('student.printtimetable')}}">Save as
                                                PDF</a></li>
                                    </ul>
                                </div>
                                <div class="card-header">
                                    Class Schedule - 2024/{{ $student->kod_pusat}}/{{ $student->kelas}}
                                </div>
                                @if(session('subscription_type') == 'PREMIUM')
                                    <div class="card-body py-2 table-responsive">
                                        <table class="table-sm overflow-auto">
                                            <thead>
                                            <tr>
                                                <th class="col-2" style="font-size: 12px;">Period</th>
                                                @foreach($weekdays as $day)
                                                    <th class="col-2" style="font-size: 12px;">{{ $day }}</th>
                                                @endforeach
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @php
                                                $startTime = \Carbon\Carbon::createFromTimeString('07:00');
                                                $endTime = \Carbon\Carbon::createFromTimeString('18:30');
                                                $currentTime = $startTime->copy();
                                            @endphp

                                            @while ($currentTime->lte($endTime))
                                                @php
                                                    $nextTime = $currentTime->copy()->addMinutes(30);
                                                @endphp
                                                <tr>
                                                    <td class="slot align-content-center"
                                                        style="font-size: 12px;">{{ $currentTime->format('H:i') }}
                                                        - {{ $nextTime->format('H:i') }}</td>
                                                    @foreach($weekdays as $day)
                                                        @php
                                                            $session = $class_sessions[$day]->filter(function ($session) use ($currentTime, $nextTime) {
                                                            $start = \Carbon\Carbon::createFromFormat('H:i:s', $session->mula_kelas);
                                                            $end = \Carbon\Carbon::createFromFormat('H:i:s', $session->tamat_kelas);
                                                            return ($start->lt($nextTime) && $end->gt($currentTime));
                                                            })->first();
                                                        @endphp
                                                        @if ($session)
                                                            @php
                                                                $color = $color_map[$session->code_sub] ?? '#ffffff'; // Default color if not found
                                                            @endphp
                                                            <td class="class-session"
                                                                style="background-color: {{ $color }}; font-size: 10px;">
                                                                <div><b>{{ $session->code_sub }}</b></div>
                                                                {{-- <div><b>{{ $session->subjek }}</b>
                                            </div> --}}
                                                                <div>{{ $session->teacher_id }}</div>
                                                            </td>
                                                        @else
                                                            <td class="empty-cell">
                                                                <div></div>
                                                            </td>
                                                        @endif
                                                    @endforeach
                                                </tr>
                                                @php
                                                    $currentTime = $nextTime;
                                                @endphp
                                            @endwhile
                                            </tbody>
                                        </table>
                                    </div>
                                @else
                                    <div class="card-body card-body-free py-2 table-responsive">
                                        <div class="content">
                                            <table class="table-sm overflow-auto">
                                                <thead>
                                                <tr>
                                                    <th class="col-2" style="font-size: 12px;">Period</th>
                                                    @foreach($weekdays as $day)
                                                        <th class="col-2" style="font-size: 12px;">{{ $day }}</th>
                                                    @endforeach
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @php
                                                    $startTime = \Carbon\Carbon::createFromTimeString('07:00');
                                                    $endTime = \Carbon\Carbon::createFromTimeString('18:30');
                                                    $currentTime = $startTime->copy();
                                                @endphp

                                                @while ($currentTime->lte($endTime))
                                                    @php
                                                        $nextTime = $currentTime->copy()->addMinutes(30);
                                                    @endphp
                                                    <tr>
                                                        <td class="slot align-content-center"
                                                            style="font-size: 12px;">{{ $currentTime->format('H:i') }}
                                                            - {{ $nextTime->format('H:i') }}</td>
                                                        @foreach($weekdays as $day)
                                                            @php
                                                                $session = $class_sessions[$day]->filter(function ($session) use ($currentTime, $nextTime) {
                                                                $start = \Carbon\Carbon::createFromFormat('H:i:s', $session->mula_kelas);
                                                                $end = \Carbon\Carbon::createFromFormat('H:i:s', $session->tamat_kelas);
                                                                return ($start->lt($nextTime) && $end->gt($currentTime));
                                                                })->first();
                                                            @endphp
                                                            @if ($session)
                                                                @php
                                                                    $color = $color_map[$session->code_sub] ?? '#ffffff'; // Default color if not found
                                                                @endphp
                                                                <td class="class-session"
                                                                    style="background-color: {{ $color }}; font-size: 10px;">
                                                                    <div><b>{{ $session->code_sub }}</b></div>
                                                                    {{-- <div><b>{{ $session->subjek }}</b>
                                                </div> --}}
                                                                    <div>{{ $session->teacher_id }}</div>
                                                                </td>
                                                            @else
                                                                <td class="empty-cell">
                                                                    <div></div>
                                                                </td>
                                                            @endif
                                                        @endforeach
                                                    </tr>
                                                    @php
                                                        $currentTime = $nextTime;
                                                    @endphp
                                                @endwhile
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="overlay">
                                            Upgrade to PREMIUM to access full content &nbsp;<img
                                                    src="{{ asset('img/premium.png') }}" alt="Premium" class="img-fluid"
                                                    style="max-width: 26px;">
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div><!-- End Reports -->
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="row">
                        <div class="col">
                            <!-- Recent Activity -->
                            <div class="card">
                                @if(session('subscription_type') == 'PREMIUM')
                                    <div class="card-body">
                                        <h5 class="card-title">Class Session <span>| Timeline</span></h5>
                                        <div class="activity">

                                            @if($class_session->isEmpty())
                                                <p>No class sessions found for today.</p>
                                            @else
                                                @foreach($class_session as $cs)
                                                    <div class="activity-item d-flex">
                                                        <div class="activite-label col-3">{{ \Carbon\Carbon::parse($cs->mula_kelas)->format('H:i') }}
                                                            - {{ \Carbon\Carbon::parse($cs->tamat_kelas)->format('H:i')  }}</div>
                                                        @if(\Carbon\Carbon::parse(now())->format('h:i A') > $cs->mula_kelas)
                                                            <i class='bi bi-circle-fill activity-badge text-success align-self-start'></i>
                                                        @else
                                                            <i class='bi bi-circle-fill activity-badge text-primary align-self-start'></i>
                                                        @endif
                                                        <div class="activity-content">
                                                            {{ $cs->subjek }}
                                                        </div>
                                                    </div><!-- End activity item-->
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                @else
                                    <div class="card-body card-body-free">
                                        <h5 class="card-title">Class Session <span>| Timeline</span></h5>
                                        <div class="content">
                                            <div class="activity">
                                                @if($class_session->isEmpty())
                                                    <p>No class sessions found for today.</p>
                                                @else
                                                    @foreach($class_session as $cs)
                                                        <div class="activity-item d-flex">
                                                            <div class="activite-label col-3">{{ \Carbon\Carbon::parse($cs->mula_kelas)->format('H:i') }}
                                                                - {{ \Carbon\Carbon::parse($cs->tamat_kelas)->format('H:i')  }}</div>
                                                            @if(\Carbon\Carbon::parse(now())->format('h:i A') > $cs->mula_kelas)
                                                                <i class='bi bi-circle-fill activity-badge text-success align-self-start'></i>
                                                            @else
                                                                <i class='bi bi-circle-fill activity-badge text-primary align-self-start'></i>
                                                            @endif
                                                            <div class="activity-content">
                                                                {{ $cs->subjek }}
                                                            </div>
                                                        </div><!-- End activity item-->
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                        <div class="overlay">
                                            Upgrade to PREMIUM to access full content &nbsp;<img
                                                    src="{{ asset('img/premium.png') }}" alt="Premium" class="img-fluid"
                                                    style="max-width: 26px;">
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div><!-- End Recent Activity -->
                    </div>
                    <div class="row">
                        <div class="col">
                            <!-- Recent Activity -->
                            <div class="card">
                                @if(session('subscription_type') == 'PREMIUM')
                                    <div class="card-body">
                                        <h5 class="card-title">Curriculum Activities <span>| Calendar</span></h5>
                                        <div class="activity">

                                            @if($cc_session->isEmpty())
                                                <p>No curricular activities at this time</p>
                                            @else
                                                @foreach($cc_session as $cc)
                                                    <div class="activity-item d-flex">
                                                        <div class="activite-label col-3">
                                                            {{ \Carbon\Carbon::parse($cc->start_date)->format('d-m-Y') }}</div>
                                                        @if(\Carbon\Carbon::parse(now())->format('Y-m-d') > $cc->start_date)
                                                            <i class='bi bi-circle-fill activity-badge text-success align-self-start'></i>
                                                        @else
                                                            <i class='bi bi-circle-fill activity-badge text-primary align-self-start'></i>
                                                        @endif
                                                        <div class="activity-content">
                                                            {{$cc->kod_sub }} - {{ $cc->desc_sub }}
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                @else
                                    <div class="card-body card-body-free">
                                        <h5 class="card-title">Curriculum Activities <span>| Calendar</span></h5>
                                        <div class="content">
                                            <div class="activity">
                                                @if($cc_session->isEmpty())
                                                    <p>No curricular activities at this time</p>
                                                @else
                                                    @foreach($cc_session as $cc)
                                                        <div class="activity-item d-flex">
                                                            <div class="activite-label col-3">
                                                                {{ \Carbon\Carbon::parse($cc->start_date)->format('d-m-Y') }}</div>
                                                            @if(\Carbon\Carbon::parse(now())->format('Y-m-d') > $cc->start_date)
                                                                <i class='bi bi-circle-fill activity-badge text-success align-self-start'></i>
                                                            @else
                                                                <i class='bi bi-circle-fill activity-badge text-primary align-self-start'></i>
                                                            @endif
                                                            <div class="activity-content">
                                                                {{$cc->kod_sub }} - {{ $cc->desc_sub }}
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                        <div class="overlay">
                                            Upgrade to PREMIUM to access full content &nbsp;<img
                                                    src="{{ asset('img/premium.png') }}" alt="Premium" class="img-fluid"
                                                    style="max-width: 26px;">
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            @if (session('complaintmsg'))
                                <div class="alert alert-success fade show small" role="alert">
                                    {{ session('complaintmsg') }}
                                </div>
                            @endif
                            <!-- Recent Activity -->
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="card-title">e-Aduan <span class="text-muted">| Submit Complaint</span>
                                    </h5>
                                    <form action="{{ route('student.submitcomplaintform')}}" method="POST"
                                          data-parsley-validate="">
                                        @csrf
                                        <div class="form-group mb-3">
                                            <label for="complaintTitle">Title</label>
                                            <select type="text" name="title" id="complaintTitle" class="form-control"
                                                    required>
                                                <option value="" disabled selected>Please Select</option>
                                                <option value="Report">Report</option>
                                                <option value="Opinion">Opinion</option>
                                            </select>
                                        </div>
                                        <div class="form-group mb-3">
                                            <label for="complaintDescription">Complaint</label>
                                            <textarea name="complaint" id="complaintDescription" class="form-control"
                                                      rows="6" placeholder="Describe your complaint here..."
                                                      required></textarea>
                                        </div>
                                        <div class="form-check mb-3">
                                            <input class="form-check-input" type="checkbox" id="anonymousCheck"
                                                   name="is_anonymous">
                                            <label class="form-check-label" for="anonymousCheck">
                                                Submit anonymously
                                            </label>
                                        </div>
                                        <input type="hidden" name="is_student" value="1">
                                        <div class="text-end">
                                            <button type="submit" class="btn btn-sm btn-primary">Submit Complaint
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </section>
    @endif

    <style>
        .outing-dropdown {
            position: relative;
            display: inline-block;
        }

        .outing-dropdown-content {
            display: none;
            position: absolute;
            text-align: left;
            font-size: 14px;
            background-color: #f9f9f9;
            min-width: 140px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
        }

        .outing-dropdown-content a {
            display: block;
            padding: 4px 8px;
            text-decoration: none;
            color: #333;
        }

        .outing-dropdown-content a:hover {
            background-color: #f2f2f2;
        }

        .outing-dropdown:hover .outing-dropdown-content {
            display: block;
        }

        .btn-group:hover .dropdown-menu {
            display: block;
            margin-top: 0;
            /* ensures the menu is aligned correctly */
        }

        .attendance-dropdown {
            position: relative;
            display: inline-block;
        }

        .attendance-dropdown-content {
            display: none;
            position: absolute;
            text-align: left;
            font-size: 14px;
            background-color: #f9f9f9;
            min-width: 140px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
        }

        .attendance-dropdown-content a {
            display: block;
            padding: 4px 8px;
            width: 160px;
            text-decoration: none;
            color: #333;
        }

        .attendance-dropdown-content a:hover {
            background-color: #f2f2f2;
        }

        .attendance-dropdown:hover .attendance-dropdown-content {
            display: block;
        }

        .btn-group:hover .dropdown-menu {
            display: block;
            margin-top: 0;
            /* ensures the menu is aligned correctly */
        }

    </style>
@endsection