@extends('layout.main')

@section('judul')
    Dashboard
@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/dokter_hewan.png" alt="dokter hewan" width="75%">
        </div>
        <!-- Kolom untuk card "Selamat Datang" -->
        <div class="col-md-6">
            <div class="card" style="margin-left: -15px;">
                <div class="card-header">
                    <h3 class="card-title">Sistem Pakar Dugaan Penyakit Kucing - Cat Health</h3>
                </div>
                <div class="card-body">
                    <p>Selamat datang di sistem admin kami. Ini adalah tempat di mana admin mengelola data-data, melihat riwayat user dan melihat data user.</p>
                    <p>Silakan gunakan menu di sebelah kiri untuk navigasi dan mengakses menu.</p>
                </div>
            </div>
        </div>
    </div>
    
     {{-- <!-- Card Selamat Datang -->
     <div class="card">
        <div class="card-header">
            <h3 class="card-title">Selamat Datang di Sistem Admin</h3>
        </div>
        <div class="card-body">
            <p>Selamat datang di sistem admin kami. Ini adalah tempat di mana Anda dapat mengelola berbagai aspek dari sistem kami.</p>
            <p>Silakan gunakan menu di sebelah kiri untuk navigasi dan mengakses berbagai fitur.</p>
        </div>
    </div> --}}
    <!-- Small boxes (Stat box) -->
    <div class="row">
        <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-info">
                <div class="inner">
                    <h3 class="text-dark">{{ $jumlah_gejala }}</h3>
                    <p class="text-dark">Gejala</p>
                </div>
                <div class="icon">
                    <i class="fas fa-heartbeat"></i>
                </div>
                <a href="{{ route('gejala.index') }}" class="small-box-footer text-dark">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-danger">
                <div class="inner">
                    <h3 class="text-dark">{{ $jumlah_penyakit }}</h3>
                    <p class="text-dark">Penyakit</p>
                </div>
                <div class="icon">
                    <i class="fas fa-user-nurse"></i>
                </div>
                <a href="{{ route('penyakit.index') }}" class="small-box-footer text-dark">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div>        
        <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-success">
                <div class="inner">
                    <h3 class="text-dark">{{ $jumlah_penanganan}}</h3>
                    <p class="text-dark">Penanganan Lanjutan</p>
                </div>
                <div class="icon">
                    <i class="fas fa-first-aid"></i>
                </div>
                <a href="{{ route('penanganan.index') }}" class="small-box-footer text-dark">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div> 
        <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3 class="text-dark">{{ $jumlah_nuser }}</h3>
                    <p class="text-dark">Nilai User</p>
                </div>
                <div class="icon">
                    <i class="fas fa-chart-line"></i>
                </div>
                <a href="{{ route('nuser.index') }}" class="small-box-footer text-dark">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div>        
    </div>
</div>
@endsection