@section('title', 'Tutorial Test Kecemasan')
@extends('user.layouts.index')
@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-8">
        <div class="card shadow-sm border-0">
          <div class="card-body">
            <h3 class="card-title fw-bold mb-4">Tutorial Tes Kecemasan</h3>
            <p class="card-text mb-3">Berikut adalah tutorial untuk menjalankan tes kecemasan dari sistem kami. Pastikan kamu sudah membaca dan memahami setiap langkah yang ada di bawah ini sebelum memulai tes.</p>
            <ol>
              <li><strong>Persiapan:</strong> Pastikan kamu berada di tempat yang tenang dan nyaman, serta memiliki koneksi internet yang stabil. Siapkan juga alat tulis untuk mencatat jika diperlukan.</li>
              <li><strong>Durasi Tes:</strong> Tes ini akan memakan waktu sekitar 15-30 menit, tergantung pada kecepatanmu dalam menjawab pertanyaan. Pastikan kamu memiliki waktu luang yang cukup untuk menyelesaikan tes tanpa gangguan.</li>
              <li><strong>Jenis Pertanyaan:</strong> Tes ini terdiri dari beberapa pertanyaan yang dirancang untuk mengukur tingkat kecemasanmu. Jawablah setiap pertanyaan dengan jujur dan sesuai dengan perasaanmu saat ini.</li>
              <li><strong>Hasil Tes:</strong> Setelah menyelesaikan tes, hasilnya akan dianalisis oleh sistem kami dan akan diberikan kepada psikolog yang menangani kasusmu. Psikolog akan memberikan feedback dan rekomendasi berdasarkan hasil tes tersebut.</li>
              <li><strong>Konsultasi Lanjutan:</strong> Jika hasil tes menunjukkan bahwa kamu mengalami tingkat kecemasan yang tinggi, psikolog mungkin akan menyarankan sesi konsultasi lanjutan untuk membahas hasil tes dan langkah selanjutnya yang bisa diambil.</li>
            </ol>
            <p class="card-text mt-3">Jika kamu sudah siap untuk memulai tes, silakan klik tombol "Mulai Tes" di bawah ini. Semoga tes ini dapat membantu kamu dalam memahami kondisi kecemasanmu dan mendapatkan bantuan yang tepat!</p>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('script')
  <script>
    
  </script>
@endsection