@extends('layouts.user')

@section('title', 'Dashboard')

@section('content')

<div class="max-w-7xl mx-auto px-4 py-6">

    <!-- WELCOME -->
    <div class="bg-white rounded-2xl shadow-sm p-8 mb-6">

        <h1 class="text-3xl font-bold text-green-600 mb-3">
            Selamat Datang
        </h1>

        <p class="text-gray-600 leading-relaxed">
            Sistem Rekomendasi Makanan Gastritis membantu pengguna memperoleh
            rekomendasi makanan yang sesuai berdasarkan gejala gastritis,
            aktivitas harian, dan kebutuhan energi menggunakan metode
            <span class="font-semibold text-green-600">
                Simple Additive Weighting (SAW)
            </span>.
        </p>

    </div>

    <!-- INFORMASI SISTEM -->
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">

        <div class="bg-white rounded-2xl shadow-sm p-6 border-l-4 border-green-500">
            <h3 class="font-semibold text-gray-800 mb-2">
                Metode
            </h3>
            <p class="text-gray-600 text-sm">
                Menggunakan metode SAW untuk menentukan alternatif makanan terbaik.
            </p>
        </div>

        <div class="bg-white rounded-2xl shadow-sm p-6 border-l-4 border-blue-500">
            <h3 class="font-semibold text-gray-800 mb-2">
                Kriteria
            </h3>
            <p class="text-gray-600 text-sm">
                Protein, Lemak, Karbohidrat, Serat, Kalori, dan Tekstur makanan.
            </p>
        </div>

        <div class="bg-white rounded-2xl shadow-sm p-6 border-l-4 border-orange-500">
            <h3 class="font-semibold text-gray-800 mb-2">
                Tujuan
            </h3>
            <p class="text-gray-600 text-sm">
                Membantu penderita gastritis memilih makanan yang lebih sesuai.
            </p>
        </div>

    </div>

    <!-- TIPS -->
    <div class="bg-white rounded-2xl shadow-sm p-8">

        <h2 class="text-xl font-bold text-gray-800 mb-4">
            Tips Pola Makan untuk Penderita Gastritis
        </h2>

        <ul class="space-y-3 text-gray-600">

            <li class="flex items-start gap-3">
                <i class="ri-checkbox-circle-fill text-green-500 text-lg"></i>
                Makan secara teratur dan jangan melewatkan waktu makan.
            </li>

            <li class="flex items-start gap-3">
                <i class="ri-checkbox-circle-fill text-green-500 text-lg"></i>
                Hindari makanan terlalu pedas, asam, dan berlemak tinggi.
            </li>

            <li class="flex items-start gap-3">
                <i class="ri-checkbox-circle-fill text-green-500 text-lg"></i>
                Pilih makanan bertekstur lunak dan mudah dicerna.
            </li>

            <li class="flex items-start gap-3">
                <i class="ri-checkbox-circle-fill text-green-500 text-lg"></i>
                Konsumsi makanan dalam porsi kecil tetapi lebih sering.
            </li>

            <li class="flex items-start gap-3">
                <i class="ri-checkbox-circle-fill text-green-500 text-lg"></i>
                Perbanyak konsumsi air putih sesuai kebutuhan tubuh.
            </li>

        </ul>

    </div>

</div>

@endsection