@extends('app')

@section('content')
    <div class="container-fluid px-4">

        <h5 class="mt-4">{{ $title }}</h5>

        <!-- ================= STATISTIK ================= -->
        <div class="row">

            <!-- TOTAL KONSULTASI -->
            <div class="col-md-4">
                <div class="card bg-primary text-white mb-4">
                    <div class="card-body">
                        Total Diagnosa
                        <h4>{{ $total_konsultasi }}</h4>
                    </div>
                    <div class="card-footer">
                        <a href="{{ route('konsultasi.index') }}" class="text-white">
                            Lihat Data
                        </a>
                    </div>
                </div>
            </div>

            <!-- TAMBAH DIAGNOSA -->
            <div class="col-md-4">
                <div class="card bg-success text-white mb-4">
                    <div class="card-body">
                        Mulai Diagnosa
                        <h6>Klik untuk konsultasi baru</h6>
                    </div>
                    <div class="card-footer">
                        <a href="{{ route('konsultasi.create') }}" class="text-white">
                            Mulai
                        </a>
                    </div>
                </div>
            </div>

        </div>

        <!-- ================= KONSULTASI TERBARU ================= -->
        <div class="card mb-4">
            <div class="card-header">
                Riwayat Diagnosa Terbaru
            </div>
            <div class="card-body">

                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Nama</th>
                            <th>Tanggal</th>
                        </tr>
                    </thead>
                    <tbody>

                        @forelse ($konsultasi_terbaru as $index => $k)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $k->nama }}</td>
                                <td>{{ $k->tanggal }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3" class="text-center text-muted">
                                    Belum ada diagnosa
                                </td>
                            </tr>
                        @endforelse

                    </tbody>
                </table>

            </div>
        </div>

        <!-- ================= HASIL DIAGNOSA TERAKHIR ================= -->
        <div class="card mb-4">
            <div class="card-header">
                Hasil Diagnosa Terakhir
            </div>
            <div class="card-body">

                @if ($last_konsultasi)
                    <p>
                        <strong>Nama:</strong> {{ $last_konsultasi->nama }} <br>
                        <strong>Tanggal:</strong> {{ $last_konsultasi->tanggal }}
                    </p>

                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Penyakit</th>
                                <th>Persentase</th>
                            </tr>
                        </thead>
                        <tbody>

                            @forelse ($hasil_terakhir as $index => $p)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $p->nama_penyakit }}</td>
                                    <td>
                                        <span class="badge bg-success">
                                            {{ $p->persentase }} %
                                        </span>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="text-center text-muted">
                                        Tidak ada hasil
                                    </td>
                                </tr>
                            @endforelse

                        </tbody>
                    </table>
                @else
                    <div class="text-center text-muted">
                        Belum ada diagnosa
                    </div>
                @endif

            </div>
        </div>

    </div>
@endsection