@extends('Layouts.app')

@section('content')

<div class="bg-white p-6 rounded-xl shadow mt-20">
  <!-- Judul utama -->
  <h2 class="text-2xl font-semibold text-gray-800 mb-2">
    PTA 2024/2025 | 4KA31 | Pengelolaan Proyek Sistem Informasi <span class="font-normal">| WIDIASTUTI</span>
  </h2>

  <!-- Breadcrumb -->
  <nav class="text-sm text-gray-600">
    <ol class="flex flex-wrap space-x-2">
      <li>
        <a href="#" class="text-blue-600 hover:underline">Dashboard</a>
      </li>
      <li>/</li>
      <li>
        <a href="#" class="text-blue-600 hover:underline">My courses</a>
      </li>
      <li>/</li>
      <li>
        <a href="#" class="text-blue-600 hover:underline">PTA 2024/2025 | 4KA31 | Pengelolaan Proyek Sistem Informasi</a>
      </li>
      <li>/</li>
      <li>WIDIASTUTI</li>
    </ol>
  </nav>
</div>

<div class="space-y-6 mt-20">

  <!-- Blok 1: Pengantar Mata Kuliah -->
  <div class="bg-white p-6 rounded-xl shadow">
    <div class="flex items-center space-x-2 mb-4">
      <img src="/image/icons/course.png" alt="icon" class="w-6 h-6">
      <a href="#" class="text-blue-600 font-semibold hover:underline">
        Pengelolaan Proyek Sistem Informasi
      </a>
    </div>

    <p class="text-gray-700 mb-4">
      Selamat datang di VClass Pengelolaan Proyek Sistem Informasi.
    </p>

    <h3 class="font-semibold text-gray-800 mb-1">Tujuan:</h3>
    <p class="text-gray-700 mb-4">
      Memberikan pengetahuan secara teoritis dan pembekalan praktek kepada mahasiswa mengenai pengelolaan sebuah proyek mengikuti 7 fase dalam PPSI.
    </p>

    <h3 class="font-semibold text-gray-800 mb-1">Materi Utama:</h3>
    <ol class="list-decimal list-inside text-gray-700 mb-4 space-y-1">
      <li>Fase Definition</li>
      <li>Fase Analysis</li>
      <li>Fase Design</li>
      <li>Fase Programming</li>
      <li>Fase Testing & Implementation</li>
      <li>Fase Acceptance</li>
      <li>Fase Operational</li>
    </ol>

    <p class="font-semibold text-center text-gray-800 mt-6">
      *** Selamat Mengikuti Pembelajaran ***
    </p>
  </div>

  <!-- Blok 2: VClass 1 -->
  <div class="bg-white p-6 rounded-xl shadow">
    <h2 class="text-xl font-semibold text-blue-600 mb-2">VClass 1 - Fase Design</h2>
    <p class="text-gray-700 mb-4">
      Ini adalah VClass 1 untuk pengganti perkuliahan Minggu 6. <br>
      Membahas mengenai kegiatan apa saja yang harus dilakukan pada fase design dalam PPSI.
      Kegiatan ini berlangsung mulai tanggal <span class="font-semibold">9 November 2024 - 12 November 2024 pk. 17.00 WIB</span>.
    </p>

    <h3 class="font-semibold text-gray-800 mb-1">Kegiatan yang harus dilakukan mahasiswa:</h3>
    <ol class="list-decimal list-inside text-gray-700 mb-4 space-y-1">
      <li>Unduh Materi</li>
      <li>Mengerjakan Forum</li>
      <li>Mengerjakan Quiz</li>
    </ol>

    <!-- Resource Links -->
    <div class="space-y-2">
      <a href="#" class="flex items-center space-x-2 text-red-600 hover:underline">
        <img src="/image/icons/pdf.png" class="w-5 h-5"> <span>VClass 1 - Fase Design</span>
      </a>
      <a href="#" class="flex items-center space-x-2 text-green-600 hover:underline">
        <img src="/image/icons/forum.png" class="w-5 h-5"> <span>VClass 1 - Forum Fase Design</span>
      </a>
      <a href="#" class="flex items-center space-x-2 text-yellow-600 hover:underline">
        <img src="/image/icons/quiz.png" class="w-5 h-5"> <span>VClass 1 - Quis Fase Design</span>
      </a>
    </div>
  </div>

</div>

@endsection