Alfiansyah_PradinataPutra
/
MIF_E31222307
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

-1 user result

This commit is contained in:
Alfiansyahp2 2025-05-18 22:43:00 +07:00
parent a46f042ea3
commit 6c2629aad5
9 changed files with 348 additions and 216 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/Http/Controllers/AlternatifController.php
View File

@ -5,6 +5,7 @@
use Illuminate\Http\Request;
use App\Models\Kriteria;
use App\Models\Makanan; // alternatif
use App\Models\Kategori;
use App\Models\PerbandinganAlternatif;
use App\Models\SkorMakanan;
use Illuminate\Support\Facades\DB;
@ -16,17 +17,36 @@ class AlternatifController extends Controller
// 1. Tampilkan form pemilihan alternatif
public function formPilihAlternatif(Request $request)
{
$sort = $request->query('sort');
$kategoris = Kategori::all();
$sort = $request->query('sort'); // lemak | natrium | energi | karbohidrat
$order = $request->query('order'); // asc | desc
$search = $request->query('q'); // kata kunci nama makanan
$kategoriFilter = $request->kategori; // kategori
$query = Makanan::query();
// 1. Search by name
if ($search) {
$query->where('nama', 'like', "%{$search}%");
}
if ($kategoriFilter) {
$query->where('kategori_id', $kategoriFilter);
}
// 2. Sort
if (in_array($sort, ['lemak','natrium','energi','karbohidrat'])) {
$makanans = Makanan::orderBy($sort, 'desc')->get(); // urut dari tinggi ke rendah
} else {
$makanans = Makanan::all();
$order = $order === 'asc' ? 'asc' : 'desc'; // default desc
$query->orderBy($sort, $order);
}
return view('admin.alternatif.pilih', compact('makanans'));
$makanans = $query->get();
return view('admin.alternatif.pilih', compact('makanans','sort','order','search', 'kategoriFilter', 'kategoris'));
}
// 2. Simpan pilihan alternatif ke session
public function pilihAlternatif(Request $request)
{

23
app/Http/Controllers/RekomendasiController.php
View File

@ -54,19 +54,22 @@ public function hitungDanSimpan()
// 2. Tampilkan hasil rekomendasi
public function tampil()
{
// Hanya mengambil data rekomendasi dengan nilai_akhir lebih besar dari 0
$rekomendasi = Rekomendasi::with('makanan')
// 1. Ambil & kelompokkan data
$rekomendasiByDate = Rekomendasi::with('makanan')
->where('nilai_akhir', '>', 0)
->orderByDesc('nilai_akhir')
->get();
->orderByDesc('tanggal_rekomendasi') // terbaru di depan carousel
->orderByDesc('nilai_akhir') // ranking per tanggal
->get()
->groupBy('tanggal_rekomendasi'); // hasil: Collection keyed by yyyy-mm-dd
// 2. Daftar tanggal unik untuk dropdown hapus
$tanggalList = $rekomendasiByDate->keys(); // Collection of dates
$tanggalList = Rekomendasi::select('tanggal_rekomendasi')
->distinct()
->orderBy('tanggal_rekomendasi', 'desc')
->pluck('tanggal_rekomendasi');
return view('admin.rekomendasi', compact('rekomendasi', 'tanggalList'));
// 3. Kirim ke view
return view('admin.rekomendasi', [
'rekomendasiByDate' => $rekomendasiByDate,
'tanggalList' => $tanggalList,
]);
}

19
app/Http/Controllers/UserController.php
View File

@ -52,10 +52,26 @@ public function userdata(Request $request)
$makananQuery->where('nama', 'like', '%' . $request->search . '%');
}
// Filter berdasarkan nilai tertinggi / terendah pada kolom yang dipilih
if ($request->has('filter_nilai') && $request->filter_nilai != '' && $request->has('filter_kriteria') && $request->filter_kriteria != '') {
$kolom = $request->filter_kriteria;
// Validasi kolom yang diperbolehkan supaya aman
$allowedColumns = ['lemak', 'natrium', 'energi', 'karbohidrat'];
if (in_array($kolom, $allowedColumns)) {
if ($request->filter_nilai == 'tertinggi') {
$makananQuery->orderBy($kolom, 'desc');
} elseif ($request->filter_nilai == 'terendah') {
$makananQuery->orderBy($kolom, 'asc');
}
}
}
// Menentukan jumlah data per halaman
$perPage = $request->per_page === 'all'
? $makananQuery->count() // tampilkan semua jika 'all'
: ($request->per_page ?? 10); // default 25
: ($request->per_page ?? 10); // default 10
// Ambil data dengan paginasi dan simpan parameter pencarian/filter
$makanans = $makananQuery->paginate($perPage)->appends($request->except('page'));
@ -69,6 +85,7 @@ public function userdata(Request $request)
public function userresult(Request $request)
{
$tanggal = $request->input('tanggal');

2
public/assetss/js/main.js
View File

@ -94,5 +94,7 @@
});
})(jQuery);

168
resources/views/admin/alternatif/pilih.blade.php
View File

@ -1,136 +1,136 @@
@extends('layout.app')
@section('content')
<div class="pagetitle">
<h1>Perbandingan Alternatif</h1>
<h1>Pilih Alternatif</h1>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ route('admindash') }}">Home</a></li>
<li class="breadcrumb-item active"><a href="{{ route('alternatif.pilih') }}">Pemilihan Alternatif</a></li>
<li class="breadcrumb-item"><a href="{{ route('admindash') }}">Dashboard</a></li>
<li class="breadcrumb-item active">Pilih Alternatif</li>
</ol>
</nav>
</div>
<section class="section">
<div class="row">
<div class="col-lg-12">
<div class="col-12">
<div class="card">
<div class="card-body">
<h5 class="card-title">Pilih Alternatif (6 makanan)</h5>
@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif
<div class="card">
<div class="card-body">
<h5 class="card-title">Pemilihan Alternatif</h5>
<form action="{{ route('alternatif.pilih') }}" method="POST">
{{-- Form Filter & Search --}}
{{-- Input pencarian (lebih pendek) --}}
<form method="GET" class="d-flex align-items-end flex-wrap gap-2 mb-4">
{{-- Input pencarian --}}
<div style="min-width: 100px; max-width: 170px;">
<input type="text" name="q" class="form-control form-control-sm" placeholder="Cari nama makanan..." value="{{ $search }}">
</div>
{{-- Dropdown kategori --}}
<div style="min-width: 150px; max-width: 180px;">
<select name="kategori" class="form-select form-select-sm">
<option value="">Semua Kategori</option>
@foreach($kategoris as $kategori)
<option value="{{ $kategori->id }}" {{ ($kategoriFilter == $kategori->id) ? 'selected' : '' }}>
{{ $kategori->kategori }}
</option>
@endforeach
</select>
</div>
{{-- Dropdown urutkan --}}
<div style="min-width: 150px;">
<select name="sort" class="form-select form-select-sm">
<option value="">Semua Kriteria</option>
<option value="lemak" {{ $sort == 'lemak' ? 'selected' : '' }}>Lemak</option>
<option value="natrium" {{ $sort == 'natrium' ? 'selected' : '' }}>Natrium</option>
<option value="energi" {{ $sort == 'energi' ? 'selected' : '' }}>Energi</option>
<option value="karbohidrat" {{ $sort == 'karbohidrat' ? 'selected' : '' }}>Karbohidrat</option>
</select>
</div>
{{-- Dropdown order --}}
<div style="min-width: 140px;">
<select name="order" class="form-select form-select-sm">
<option value="desc" {{ $order == 'desc' ? 'selected' : '' }}>Tertinggi</option>
<option value="asc" {{ $order == 'asc' ? 'selected' : '' }}>Terendah</option>
</select>
</div>
{{-- Tombol --}}
<div class="d-flex gap-2" style="min-width: 140px;">
<button type="submit" class="btn btn-primary btn-sm">Terapkan</button>
<a href="{{ route('alternatif.pilih') }}" class="btn btn-secondary btn-sm">Reset</a>
</div>
</form>
{{-- Form Pemilihan Alternatif --}}
<form action="{{ route('alternatif.pilih.simpan') }}" method="POST">
@csrf
<div class="row">
@foreach ($makanans as $makanan)
<div class="col-md-4">
<div class="form-check">
<input class="form-check-input alternatif-checkbox" type="checkbox" name="alternatifs[]" value="{{ $makanan->id }}" id="alt{{ $makanan->id }}">
<label class="form-check-label" for="alt{{ $makanan->id }}">
{{ $makanan->nama }}
<div class="col-12 col-sm-6 col-lg-4 mb-4">
<div class="card h-100 border-0 shadow-sm hover-shadow" style="transition: 0.3s;">
<div class="card-body d-flex align-items-start gap-2">
<input
class="form-check-input mt-1 alternatif-checkbox"
type="checkbox"
name="alternatifs[]"
value="{{ $makanan->id }}"
id="alt{{ $makanan->id }}"
style="transform: scale(1.2);"
>
<label class="form-check-label ms-2 w-100" for="alt{{ $makanan->id }}">
<h6 class="fw-bold mb-1">{{ $makanan->nama }}</h6>
<ul class="list-unstyled small text-muted mb-0">
<li><i class="bi bi-droplet-half me-1"></i> Lemak: {{ $makanan->lemak }} g</li>
<li><i class="bi bi-shield-check me-1"></i> Natrium: {{ $makanan->natrium }} mg</li>
<li><i class="bi bi-lightning me-1"></i> Energi: {{ $makanan->energi }} kal</li>
<li><i class="bi bi-activity me-1"></i> Karbohidrat: {{ $makanan->karbohidrat }} g</li>
</ul>
</label>
</div>
</div>
</div>
@endforeach
</div>
<div class="d-flex justify-content-end">
<button type="submit" class="btn btn-primary mt-3" id="submitBtn" disabled>Lanjut ke Perbandingan</button>
<button type="submit" class="btn btn-success btn-lg px-4 mt-3" id="submitBtn" disabled>
<i class="bi bi-arrow-right-circle-fill me-1"></i> Lanjutkan
</button>
</div>
</form>
<hr class="my-4">
<h5 class="card-title">Data Semua Alternatif</h5>
<div class="row">
<div class="col-md-8">
{{-- Tabel --}}
<div class="table-responsive">
<table class="table table-bordered text-center">
<thead class="table-light">
<tr>
<th>No</th>
<th>Nama Makanan</th>
<th>Lemak</th>
<th>Natrium</th>
<th>Energi</th>
<th>Karbohidrat</th>
</tr>
</thead>
<tbody>
@foreach ($makanans as $index => $makanan)
<tr>
<td>{{ $index + 1 }}</td>
<td>{{ $makanan->nama }}</td>
<td>{{ $makanan->lemak }} g</td>
<td>{{ $makanan->natrium }} mg</td>
<td>{{ $makanan->energi }} kal</td>
<td>{{ $makanan->karbohidrat }} g</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<div class="col-md-4">
{{-- Filter Kriteria --}}
<form method="GET" class="mb-3">
<div class="row align-items-end">
<div class="col-md-12">
<label for="sort" class="form-label">Urutkan berdasarkan kriteria:</label>
<select class="form-select" name="sort" id="sort">
<option value="">-- Pilih Kriteria --</option>
<option value="lemak" {{ request('sort') == 'lemak' ? 'selected' : '' }}>Lemak</option>
<option value="natrium" {{ request('sort') == 'natrium' ? 'selected' : '' }}>Natrium</option>
<option value="energi" {{ request('sort') == 'energi' ? 'selected' : '' }}>Energi</option>
<option value="karbohidrat" {{ request('sort') == 'karbohidrat' ? 'selected' : '' }}>Karbohidrat</option>
</select>
</div>
<div class="col-md-12 mt-2">
<button type="submit" class="btn btn-secondary w-100">Filter</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@endsection
@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
const checkboxes = document.querySelectorAll('.alternatif-checkbox');
const maxAllowed = 6;
const submitBtn = document.getElementById('submitBtn');
const max = 6;
const min = 6;
function updateUI() {
const checked = document.querySelectorAll('.alternatif-checkbox:checked');
const checkedCount = checked.length;
function update() {
const checked = document.querySelectorAll('.alternatif-checkbox:checked').length;
submitBtn.disabled = !(checked >= min && checked <= max);
checkboxes.forEach(cb => {
if (!cb.checked) {
cb.disabled = checkedCount >= maxAllowed;
}
cb.disabled = !cb.checked && checked >= max;
});
submitBtn.disabled = (checkedCount !== maxAllowed);
}
checkboxes.forEach(cb => {
cb.addEventListener('change', updateUI);
cb.addEventListener('change', update);
});
});
</script>

10
resources/views/admin/proses/perbandingan.blade.php
View File

@ -88,6 +88,16 @@
</div>
</div>
<div class="alert alert-info mt-4 rounded-4 shadow-sm" role="alert">
<i class="fas fa-info-circle me-2"></i>
<strong>Catatan:</strong>
<ul class="mb-0 mt-2">
<li>Lemak dan natrium adalah kriteria yang paling krusial untuk penderita jantung.</li>
<li>Energi dan karbohidrat tetap diperhatikan, namun tidak seprioritas dua kriteria pertama.</li>
</ul>
</div>
<section class="section">
<div class="row">
<div class="col-lg-12">

107
resources/views/admin/rekomendasi.blade.php
View File

@ -2,79 +2,134 @@
@section('content')
<div class="container mt-4">
{{-- Judul halaman --}}
<div class="text-center mb-4">
<h2 class="fw-bold">📊 Hasil Rekomendasi Makanan</h2>
<p class="text-muted">Berikut adalah peringkat makanan berdasarkan hasil perhitungan AHP.</p>
</div>
{{-- Flash success --}}
@if(session('success'))
<div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
<div class="alert alert-success alert-dismissible fade show" role="alert">
{{ session('success') }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
<div class="row justify-content-center">
<div class="col-lg-10">
{{-- ===================== CAROUSEL ===================== --}}
<div id="rekomendasiCarousel"
class="carousel slide"
data-bs-touch="true"
data-bs-ride="carousel"
data-bs-interval="7000"> {{-- non-auto slide, user geser manual --}}
<div class="carousel-inner">
@foreach($rekomendasiByDate as $tanggal => $items)
<div class="carousel-item {{ $loop->first ? 'active' : '' }}">
<div class="card shadow rounded">
<div class="card-header bg-success text-white text-center">
<h5 class="mb-0">Daftar Rekomendasi</h5>
<h5 class="mb-0">
Rekomendasi&nbsp;
{{ \Carbon\Carbon::parse($tanggal)->translatedFormat('d F Y') }}
</h5>
</div>
<div class="card-body p-0">
<table class="table table-hover mb-0 text-center">
<thead class="table-light">
<tr>
<th scope="col">🏅 Peringkat</th>
<th scope="col">🍽️ Nama Makanan</th>
<th scope="col">📈 Nilai Akhir</th>
<th style="width: 15%">🏅 Peringkat</th>
<th>🍽️ Nama Makanan</th>
<th style="width: 25%">📈 Nilai Akhir</th>
</tr>
</thead>
<tbody>
@forelse($rekomendasi as $index => $item)
@foreach($items as $index => $item)
<tr>
<td><span class="badge bg-primary fs-6">{{ $index + 1 }}</span></td>
<td>
<span class="badge bg-primary fs-6">
{{ $index + 1 }}
</span>
</td>
<td class="fw-semibold">{{ $item->makanan->nama }}</td>
<td>{{ number_format($item->nilai_akhir, 4) }}</td>
</tr>
@empty
<tr>
<td colspan="3" class="text-muted">Tidak ada data rekomendasi.</td>
</tr>
@endforelse
@endforeach
</tbody>
</table>
</div>
</div>
</div>
@endforeach
</div>
{{-- Navigasi kiri / kanan --}}
<button class="carousel-control-prev" type="button"
data-bs-target="#rekomendasiCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-bs-target="#rekomendasiCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
<span class="visually-hidden">Next</span>
</button>
{{-- Indikator (bulatan) --}}
<div class="carousel-indicators position-relative mt-3">
@foreach($rekomendasiByDate as $tanggal => $items)
<button type="button"
data-bs-target="#rekomendasiCarousel"
data-bs-slide-to="{{ $loop->index }}"
class="{{ $loop->first ? 'active' : '' }}"
aria-label="Slide {{ $loop->iteration }}"></button>
@endforeach
</div>
</div>
{{-- ================== AKHIR CAROUSEL ================== --}}
{{-- Tombol kirim hasil --}}
<div class="mt-4 text-end">
<form action="{{ route('rekomendasi.kirim', ['user' => 2]) }}" method="POST" onsubmit="return confirm('Yakin ingin mengirim hasil ini ke user?')">
<form action="{{ route('rekomendasi.kirim', ['user' => 2]) }}"
method="POST"
onsubmit="return confirm('Yakin ingin mengirim hasil ini ke user?')">
@csrf
<button type="submit" class="btn btn-success">📤 Kirim Hasil ke User</button>
<button type="submit" class="btn btn-success">
📤 Kirim Hasil ke User
</button>
</form>
</div>
{{-- Form hapus per tanggal --}}
<div class="mt-3 text-end">
<form action="{{ route('rekomendasi.hapusSemua') }}" method="POST" class="mb-4">
<form action="{{ route('rekomendasi.hapusSemua') }}"
method="POST"
class="d-inline-flex align-items-center gap-2">
@csrf
<label for="tanggal_rekomendasi">Pilih Tanggal Rekomendasi:</label>
<select name="tanggal_rekomendasi" required>
<label class="mb-0 fw-semibold" for="tanggal_rekomendasi">
Pilih Tanggal Rekomendasi:
</label>
<select name="tanggal_rekomendasi" id="tanggal_rekomendasi" required class="form-select w-auto">
<option value="">-- Pilih Tanggal --</option>
@foreach ($tanggalList as $tgl)
<option value="{{ $tgl }}">{{ \Carbon\Carbon::parse($tgl)->format('d M Y') }}</option>
<option value="{{ $tgl }}">
{{ \Carbon\Carbon::parse($tgl)->format('d M Y') }}
</option>
@endforeach
</select>
<button type="submit" class="btn btn-danger">Hapus Data</button>
<button type="submit" class="btn btn-danger">
Hapus Data
</button>
</form>
</div>
{{-- Tombol kembali --}}
<div class="text-end mt-4">
<a href="{{ route('alternatif.pilih') }}" class="btn btn-outline-secondary">🔙 Kembali ke Pemilihan Alternatif</a>
</div>
</div>
<a href="{{ route('alternatif.pilih') }}" class="btn btn-outline-secondary">
🔙 Kembali ke Pemilihan Alternatif
</a>
</div>
</div>
@endsection

65
resources/views/user/profileuser.blade.php
View File

@ -2,7 +2,6 @@
@section('content')
<style>
/* Optional: background animation */
body {
background: linear-gradient(135deg, #e3f2fd, #ffffff);
background-size: cover;
@ -34,17 +33,16 @@
<h2 class="fw-bold mb-4">👤 My Profile</h2>
<div class="row g-4">
{{-- Sidebar Profile --}}
{{-- Profile Sidebar --}}
<div class="col-lg-4">
<div class="card border-0 shadow-sm text-center p-4 rounded-4">
<div class="mb-3">
<div class="d-flex justify-content-center">
<div class="rounded-circle bg-white shadow p-4" style="width: 100px; height: 100px; display: flex; align-items: center; justify-content: center;">
<div class="rounded-circle bg-white shadow p-4 d-flex align-items-center justify-content-center" style="width: 100px; height: 100px;">
<i class="bi bi-person-fill text-primary fs-1"></i>
</div>
</div>
</div>
<h5 class="fw-semibold mb-1">{{ $user->name }}</h5>
<p class="text-muted mb-2">{{ $user->email }}</p>
<span class="badge rounded-pill bg-primary">
@ -77,60 +75,89 @@
</ul>
<div class="tab-content">
{{-- DETAILS TAB --}}
{{-- TAB: Details --}}
<div class="tab-pane fade show active" id="tab-details" role="tabpanel">
<h5 class="fw-semibold mb-3">👁️ Profile Overview</h5>
<div class="mb-2"><strong>Name:</strong> {{ $user->name }}</div>
<div class="mb-2"><strong>Email:</strong> {{ $user->email }}</div>
<div class="mb-2"><strong>Phone:</strong> {{ $user->no_telp }}</div>
<p><strong>Name:</strong> {{ $user->name }}</p>
<p><strong>Email:</strong> {{ $user->email }}</p>
<p><strong>Phone:</strong> {{ $user->no_telp }}</p>
</div>
{{-- EDIT PROFILE TAB --}}
{{-- TAB: Edit Profile --}}
<div class="tab-pane fade" id="tab-edit" role="tabpanel">
<h5 class="fw-semibold mb-3">✏️ Update Profile</h5>
<form action="{{ route('user.update') }}" method="POST">
@csrf @method('PATCH')
<div class="mb-3">
<label class="form-label">Name</label>
<input name="name" type="text" class="form-control"
value="{{ old('name', $user->name) }}" required>
<input name="name" type="text" class="form-control" value="{{ old('name', $user->name) }}" required>
</div>
<div class="mb-3">
<label class="form-label">Email</label>
<input name="email" type="email" class="form-control"
value="{{ old('email', $user->email) }}" required>
<input name="email" type="email" class="form-control" value="{{ old('email', $user->email) }}" required>
</div>
<div class="mb-3">
<label class="form-label">Phone</label>
<input name="no_telp" type="text" class="form-control"
value="{{ old('no_telp', $user->no_telp) }}" required>
<input name="no_telp" type="text" class="form-control" value="{{ old('no_telp', $user->no_telp) }}" required>
</div>
<button class="btn btn-success w-100">💾 Save Changes</button>
</form>
</div>
{{-- CHANGE PASSWORD TAB --}}
{{-- TAB: Change Password --}}
<div class="tab-pane fade" id="tab-password" role="tabpanel">
<h5 class="fw-semibold mb-3">🔒 Change Password</h5>
<form action="{{ route('user.password') }}" method="POST">
@csrf @method('PATCH')
<div class="mb-3">
<label class="form-label">Current Password</label>
<input name="current_password" type="password" class="form-control" required>
<div class="input-group">
<input name="password" type="password" class="form-control" id="currentPassword" value="{{ old('password', $user->password) }}" required>
<button type="button" class="btn btn-outline-secondary" onclick="togglePassword('currentPassword', this)"><i class="bi-eye-slash text-secondary"></i></button>
</div>
</div>
<div class="mb-3">
<label class="form-label">New Password</label>
<input name="password" type="password" class="form-control" required>
<div class="input-group">
<input name="new_password" type="password" class="form-control" id="newPassword" required>
<button type="button" class="btn btn-outline-secondary" onclick="togglePassword('newPassword', this)">
<i class="bi bi-eye-slash text-secondary"></i>
</button>
</div>
</div>
<div class="mb-3">
<label class="form-label">Confirm New Password</label>
<input name="password_confirmation" type="password" class="form-control" required>
<div class="input-group">
<input name="password_confirmation" type="password" class="form-control" id="confirmPassword" required>
<button type="button" class="btn btn-outline-secondary" onclick="togglePassword('confirmPassword', this)">
<i class="bi bi-eye-slash text-secondary"></i>
</button>
</div>
</div>
<button class="btn btn-warning w-100">🔁 Update Password</button>
</form>
</div>
</div>
{{-- Toggle Password Script --}}
<script>
function togglePassword(inputId, button) {
const input = document.getElementById(inputId);
const icon = button.querySelector('i');
if (input.type === "password") {
input.type = "text";
icon.classList.remove('bi-eye-slash', 'text-secondary');
icon.classList.add('bi-eye', 'text-primary');
} else {
input.type = "password";
icon.classList.remove('bi-eye', 'text-primary');
icon.classList.add('bi-eye-slash', 'text-secondary');
}
}
</script>
</div>
</div>
</div>

46
resources/views/user/userdata.blade.php
View File

@ -22,7 +22,7 @@
<!-- Filter Jenis & Kategori -->
<form method="GET" action="{{ route('userdata') }}" class="row g-3 align-items-end mb-4">
<div class="col-md-5">
<div class="col-md-3">
<label for="jenis_id" class="form-label fw-semibold">Jenis Makanan</label>
<div class="input-group">
<span class="input-group-text bg-primary text-white"><i class="fas fa-utensils"></i></span>
@ -37,7 +37,7 @@
</div>
</div>
<div class="col-md-5">
<div class="col-md-3">
<label for="kategori_id" class="form-label fw-semibold">Kategori</label>
<div class="input-group">
<span class="input-group-text bg-primary text-white"><i class="fas fa-tags"></i></span>
@ -52,6 +52,26 @@
</div>
</div>
<div class="col-md-2">
<label for="filter_kriteria" class="form-label fw-semibold">Kriteria</label>
<select class="form-select" id="filter_kriteria" name="filter_kriteria">
<option value="" {{ request('filter_kriteria') == '' ? 'selected' : '' }}>Semua</option>
<option value="energi" {{ request('filter_kriteria') == 'energi' ? 'selected' : '' }}>Energi</option>
<option value="lemak" {{ request('filter_kriteria') == 'lemak' ? 'selected' : '' }}>Lemak</option>
<option value="natrium" {{ request('filter_kriteria') == 'natrium' ? 'selected' : '' }}>Natrium</option>
<option value="karbohidrat" {{ request('filter_kriteria') == 'karbohidrat' ? 'selected' : '' }}>Karbohidrat</option>
</select>
</div>
<div class="col-md-2">
<label for="filter_nilai" class="form-label fw-semibold">Urutkan Berdasarkan</label>
<select class="form-select" id="filter_nilai" name="filter_nilai">
<option value="" {{ request('filter_nilai') == '' ? 'selected' : '' }}>Semua</option>
<option value="tertinggi" {{ request('filter_nilai') == 'tertinggi' ? 'selected' : '' }}>Nilai Tertinggi</option>
<option value="terendah" {{ request('filter_nilai') == 'terendah' ? 'selected' : '' }}>Nilai Terendah</option>
</select>
</div>
<div class="col-md-2 d-grid">
<button class="btn btn-primary" type="submit">
<i class="fas fa-filter me-1"></i> Terapkan
@ -59,28 +79,6 @@
</div>
</form>
{{-- <form method="GET" action="{{ route('userdata') }}" class="row g-3 align-items-end mb-4">
<div class="col-md-5">
<label for="jenis_id" class="form-label fw-semibold"></label>
<div class="input-group">
<span class="input-group-text bg-primary text-white"><i class="fas fa-utensils"></i></span>
<select class="form-select" id="jenis_id" name="jenis_id">
<option value="">Semua</option>
@foreach ($jenisMakananList as $jenis)
<option value="{{ $jenis->id }}" {{ request('jenis_id') == $jenis->id ? 'selected' : '' }}>
{{ ucfirst($jenis->name) }}
</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-2 d-grid">
<button class="btn btn-primary" type="submit">
<i class="fas fa-filter me-1"></i> Terapkan
</button>
</div>
</form> --}}
<!-- Filter Per Page + Search -->
<form method="GET" action="{{ route('userdata') }}" class="row g-3 align-items-end mb-4">