@extends('app')

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

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

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

        <div class="col-md-3">
            <div class="card bg-primary text-white mb-4">
                <div class="card-body">
                    Total Gejala
                    <h4>{{ $total_gejala }}</h4>
                </div>
                <div class="card-footer">
                    <a href="{{ route('gejala.index') }}" class="text-white">Lihat Data</a>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card bg-success text-white mb-4">
                <div class="card-body">
                    Total Penyakit
                    <h4>{{ $total_penyakit }}</h4>
                </div>
                <div class="card-footer">
                    <a href="{{ route('penyakit.index') }}" class="text-white">Lihat Data</a>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card bg-warning text-white mb-4">
                <div class="card-body">
                    Total Pestisida
                    <h4>{{ $total_pestisida }}</h4>
                </div>
                <div class="card-footer">
                    <a href="{{ route('pestisida.index') }}" class="text-white">Lihat Data</a>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card bg-danger text-white mb-4">
                <div class="card-body">
                    Basis Aturan
                    <h4>{{ $total_basis_aturan }}</h4>
                </div>
                <div class="card-footer">
                    <a href="{{ route('basis-aturan.index') }}" class="text-white">Lihat Data</a>
                </div>
            </div>
        </div>

    </div>

    <!-- ================= DATA TERBARU ================= -->
    <div class="row">

        <!-- GEJALA -->
        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header" style="display: flex;">Gejala Terbaru</div>
                <div class="card-body">
                    <ul>
                        @foreach ($gejala_terbaru as $g)
                            <li>{{ $g->nama_gejala }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>

        <!-- PENYAKIT -->
        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header" style="display: flex;">Penyakit Terbaru</div>
                <div class="card-body">
                    <ul>
                        @foreach ($penyakit_terbaru as $p)
                            <li>{{ $p->nama_penyakit }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>

        <!-- PESTISIDA -->
        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header" style="display: flex;">Pestisida Terbaru</div>
                <div class="card-body">
                    <ul>
                        @foreach ($pestisida_terbaru as $pst)
                            <li>{{ $pst->nama_pestisida }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>

    </div>

</div>
@endsection