@extends('layout.main')

@section('judul')
    Halaman Home
@endsection

@section('isi')

<div class="container-fluid">
  <!-- Tambahkan gambar dokter hewan di luar small box -->
  <div class="row mb-4">
      <!-- Kolom untuk gambar dokter hewan -->
      <div class="col-md-4">
          <img src="img/pemilik_kucing1.png" alt="dokter hewan" width="97%">
      </div>
      <!-- Kolom untuk card "Selamat Datang" -->
      <div class="col-md-8">
          <div class="card" style="margin-left: -15px;">
              <div class="card-header">
                  <h3 class="card-title">Selamat Datang {{ Auth::user()->username }}!</h3>
              </div>
              <div class="card-body">
                <h2>Petunjuk</h2>
                <p>Langkah-langkah mengetahui dugaan penyakit:</p>
                <ol>
                    <li>Untuk mengetahui analisis dugaan silahkan pilih menu analisis dugaan.</li>
                    <li>Pada halaman analisis dugaan, pilih paling sedikit 3 dan paling banyak 7 gejala sesuai yang dialami kucing kemudian pilih rentan jawaban atau tingkat keyakinan.</li>
                    <li>Untuk gejala yang tidak dipilih dapat dihiraukan.</li>
                    <li>Klik kirim jawaban untuk mengetahui hasil analisis dugaan.</li>
                    <li>Pada hasil analisis dugaan terdapat penjelasan informasi mengenai dugaan penyakit yang dialami kucing.</li>
                </ol>
              </div>
          </div>
      </div>
  </div>
  <!-- Teks berjalan -->
  <marquee behavior="scroll" direction="left" style="color: blue; font-size: 16px;">Silahkan Melakukan Analsiis Dugaan, Semoga Kucing Anda Lekas Membaik</marquee>
</div>
@endsection

{{-- <div class="card">
    <div class="card-header">
      <h3 class="card-title">
        Selamat Datang {{ Auth::user()->username }}!
      </h3>

      <div class="card-tools">
        <button type="button" class="btn btn-tool" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
          <i class="fas fa-minus"></i></button>
        <button type="button" class="btn btn-tool" data-card-widget="remove" data-toggle="tooltip" title="Remove">
          <i class="fas fa-times"></i></button>
      </div>
    </div>
    <div class="card-body">
      <div class="alert alert-primary" role="alert">
          <h2>Petunjuk</h2>
          <p>Langkah-langkah mengathui dugaan penyakit:</p>
          <ol>
              <li>Untuk mengetahui analisis dugaan silahkan pilih menu analisis dugaan</li>
              <li>Pada halaman analisis dugaan, pilih gejala sesuai yang dialami kucing kemudian pilih rentang jawaban atau tingkat kepastian</li>
              <li>Untuk gejala yang tidak dipilih dapat dibiarkan atau memilih "Tidak tahu"</li>
              <li>Klik kirim untuk mengetahui hasil analisis dugaan</li>
          </ol>
      </div>
  </div>
  
  </div>
</div> --}}