@extends('layouts.teacher.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>

<div class="pagetitle">
    <h1>Dashboard</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('teacher.dashboard') }}">Home</a></li>
        <li class="breadcrumb-item active">Dashboard</li>
      </ol>
    </nav>
  </div>
  <section class="section dashboard">
    @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
    @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
    <div class="row">
      <!-- Left side columns -->
      <div class="col-lg-8">
        <div class="row">

          <div class="col-xxl-6 col-md-6">
            <div class="card info-card sales-card">
              <div class="card-body">
                <h5 class="card-title">Rekod Kehadiran</h5>
                <div class="d-flex align-items-center">
                    <ul>
                        <li>
                          <a href="{{ route('teacher.studentattendance') }}">
                            <span>Kehadiran Harian</span>
                          </a>
                        </li>
                        <li>
                          <a href="{{ route('teacher.classsession') }}">
                           </i><span>Sesi Kelas</span>
                          </a>
                        </li>
                        {{-- <li>
                            <a href="{{ route('teacher.reportlistsession') }}">
                                <span>Extracurricular Activities</span>
                            </a>
                        </li> --}}
                        {{-- <li>
                          <a href="{{ route('teacher.liststudentatt') }}">
                           </i><span>Student Attendance</span>
                          </a>
                        </li>
                        <li>
                          <a href="{{ route('teacher.listclass') }}">
                           </i><span>Class Attendance</span>
                          </a>
                        </li> --}}
                      </ul>
                </div>
              </div>
            </div>
          </div>

          {{-- removed as menu can only be access by admin --}}
          {{-- <div class="col-xxl-4 col-md-6">
            <div class="card info-card sales-card">
              <div class="card-body">
                <h5 class="card-title">Admin Access</h5>
                <div class="d-flex align-items-center">
                    <ul>
                        <li>
                            <a href="{{ route('teacher.teacherlist') }}">
                              <span>Teacher List</span>
                            </a>
                          </li>
                          <li>
                            <a href="{{ route('teacher.createclasssession') }}">
                              <span>Teaching Session</span>
                            </a>
                          </li>
                    </ul>
                </div>
              </div>
            </div>
          </div> --}}
          
        @if(session('subscription_type') == 'PREMIUM')
          <div class="col-xxl-6 col-md-6">
            <div class="card info-card sales-card">
              <div class="card-body">
                <h5 class="card-title">Rekod Outing</h5>
                <div class="d-flex align-items-center">
                    <ul>
                         @if($teacher->is_warden == 1)
                         <li>
                            <a href="{{ route('outing.uploadlist') }}">
                                <span>Muatnaik Fail Outing</span>
                            </a>
                        </li>
                          <li>
                            <a href="{{ route('outing.pukallist') }}">
                                <span>Pilihan Outing Pukal</span>
                            </a>
                        </li>
                        @endif
                        <li>
                            <a href="{{ route('outing.listapp') }}">
                                <span>Permohonan Outing</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('outing.record') }}">
                                <span>Rekod Outing</span>
                            </a>
                        </li>
                        {{-- @if($teacher->is_warden == 1)
                         <li>
                            <a href="{{ route('outing.setholiday') }}">
                                <span>Cuti Umum Sekolah</span>
                            </a>
                        </li>
                        @endif --}}
                    </ul>
                </div>
              </div>
            </div>
          </div>
          @else
          <div class="col-xxl-6 col-md-6">
            <div class="card info-card sales-card">
              <div class="card-body card-body-free">
                  <h5 class="card-title">Outing Records</h5>
                <div class="content">
                    <div class="d-flex align-items-center">
                        <ul>
                            <li>
                                <a href="{{ route('outing.listapp') }}">
                                    <span>Outing Application</span>
                                </a>
                            </li>
                            <li>
                                <a href="{{ route('outing.record') }}">
                                    <span>Outing Record</span>
                                </a>
                            </li>
                        </ul>
                    </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>
            </div>
          </div>
          @endif

          <!-- 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">Report <span>/ Hari Ini</span></h5>
                <ul>
                    <li>
                        <a href="{{ route('teacher.studentattendance') }}">
                          <span>Repot Kehadiran Harian ({{ \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 class="dropdown-header text-start">
                        
                      @if(session('subscription_type') == 'PREMIUM')
                        <li><a class="dropdown-item" href="{{ route('teacher.printtimetable')}}">Save as PDF</a></li>
                      @else
                        <li><a class="dropdown-item disabled" href="{{ route('teacher.printtimetable')}}">Save as PDF (PREMIUM)</a></li>
                      @endif
                  </ul>
            </div>
            <div class="card-header">
                Jadual 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->kelas }}</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->kelas }}</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><!-- End Left side columns -->

      <!-- Right side columns -->
      <div class="col-lg-4">
        @if(session('subscription_type') == 'PREMIUM')
        <div class="row">
            <div class="col"> 
                <!-- Recent Activity -->
                <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">Sesi Kelas <span>| Hari Ini</span></h5>
                    <div class="activity">
                @if($class_session->isEmpty())
                <p>Tiada Kelas Untuk Hari Ini</p>
                @else
                    @foreach($class_session as $cs)
                        <div class="activity-item d-flex">
                        <div class="activite-label">{{ $cs->mula_kelas}}</div>
                        @if($cs->mula_kelas < \Carbon\Carbon::parse(now())->format('h:i A') )
                        <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}} <i class="bi bi-forward-fill"></i> {{ $cs->kelas}}
                        </div>
                        </div><!-- End activity item-->
                    @endforeach
                    @endif
                    </div>
        
                    </div>
                </div>
            </div>
        </div>
        @else
        <div class="row">
            <div class="col"> 
                <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 card-body-free">
                      <h5 class="card-title">Class Session <span>| Today</span></h5>
                      <div class="content">
                          <div class="activity">
                            @if($class_session->isEmpty())
                            <p>No class scheduled for today</p>
                            @else
                                @foreach($class_session as $cs)
                                    <div class="activity-item d-flex">
                                      <div class="activite-label">{{ $cs->mula_kelas}}</div>
                                      @if($cs->mula_kelas < \Carbon\Carbon::parse(now())->format('h:i A') )
                                      <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}} <i class="bi bi-forward-fill"></i> {{ $cs->kelas}}
                                      </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>
                  
                </div>
            </div>
        </div>
        @endif

        @if(session('subscription_type') == 'PREMIUM')
        <div class="row">
            <div class="col">
                    <!-- Recent Activity -->
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">Aktiviti Kokurikulum <span>| Akan Datang</span></h5>
                            <div class="activity">
                
                                @if($cc_session->isEmpty())
                                <p>Tiada aktiviti</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('l') }}</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><!-- End activity item-->
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
              </div>
        </div>
        @else
        <div class="row">
            <div class="col">
                  <!-- Recent Activity -->
                  <div class="card">
                      <div class="card-body card-body-free">
                          <h5 class="card-title">Curriculum Activities <span>| Incoming</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('l') }}</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><!-- 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>
                  </div>
            </div>
        </div>
        @endif

        {{-- <div class="row">
          <div class="col">
                  <!-- To display list of complaint received -->
                  <div class="card">
                      <div class="card-body">
                          <h5 class="card-title">e-Aduan <span>| Received</span></h5>
                          <div class="activity">
              
                              @if($complaints->isEmpty())
                              <p>No curricular activities at this time</p>
                              @else
                                  @foreach($complaints as $cp)
                                      <div class="activity-item d-flex">
                                        <ul class="list-group col-12">
                                          <li class="list-group-item">
                                            
                                            <div class="row">
                                              <div class="col-12">
                                                <p><b>{{ $cp->title }}</b></p>
                                              </div>
                                              <div class="col-12">
                                                <p>{{ $cp->complaint }}</p>
                                              </div>
                                            </div>
                                            <div class="row">
                                              <small class="text-end">at {{ \Carbon\Carbon::parse($cp->submitted_at)->format('H:i:s d/m/Y') }}</small>
                                            </div>
                                          </li>
                                        </ul>
                                      </div>
                                  @endforeach
                              @endif
                          </div>
                      </div>
                  </div>
              </div>
      </div> --}}
      </div><!-- End Right side columns -->

    </div>
  </section>

@endsection