fix radio & checkbox

backend/app/Http/Controllers/FiturController.php

@@ -1,15 +1,13 @@
 <?php
 
-// app/Http/Controllers/FiturController.php
 namespace App\Http\Controllers;
 
 use App\Models\Fitur;
-use Illuminate\Http\Request;
 use App\Models\KategoriFitur;
+use Illuminate\Http\Request;
 
 class FiturController extends Controller
 {
-    // Tampilkan semua fitur
     public function index()
     {
         $fitur = Fitur::with('kategoriFitur')->paginate(5);
@@ -18,13 +16,12 @@ public function index()
         return view('admin.fitur.index', compact('fitur', 'kategoriFiturs'));
     }
 
-    // Simpan fitur baru
     public function store(Request $request)
     {
         $request->validate([
             'deskripsi' => 'required|string|max:255',
             'harga' => 'required|numeric|min:0',
-            'kategori_fitur_id' => 'required|exists:kategori_fitur,id',
+            'kategori_fitur_id' => 'nullable|exists:kategori_fitur,id',
         ]);
 
         Fitur::create([
@@ -33,32 +30,35 @@ public function index()
             'kategori_fitur_id' => $request->kategori_fitur_id,
         ]);
 
-        return redirect()->route('admin.fitur.index')->with('success', 'Fitur berhasil ditambahkan');
+        return redirect()->route('admin.fitur.index')
+            ->with('success', 'Fitur berhasil ditambahkan');
     }
 
-    // Update fitur
     public function update(Request $request, $id)
     {
         $request->validate([
             'deskripsi' => 'required|string|max:255',
             'harga' => 'required|numeric|min:0',
+            'kategori_fitur_id' => 'nullable|exists:kategori_fitur,id',
         ]);
 
         $fitur = Fitur::findOrFail($id);
         $fitur->update([
             'deskripsi' => $request->deskripsi,
             'harga' => $request->harga,
+            'kategori_fitur_id' => $request->kategori_fitur_id,
         ]);
 
-        return redirect()->route('admin.fitur.index')->with('success', 'Fitur berhasil diperbarui');
+        return redirect()->route('admin.fitur.index')
+            ->with('success', 'Fitur berhasil diperbarui');
     }
 
-    // Hapus fitur
     public function destroy($id)
     {
         $fitur = Fitur::findOrFail($id);
         $fitur->delete();
 
-        return redirect()->route('admin.fitur.index')->with('success', 'Fitur berhasil dihapus');
+        return redirect()->route('admin.fitur.index')
+            ->with('success', 'Fitur berhasil dihapus');
     }
 }

backend/app/Http/Controllers/TemplateController.php

@@ -5,6 +5,7 @@ namespace App\Http\Controllers;
 use App\Models\Template;
 use App\Models\Kategori;
 use App\Models\Fitur;
+use App\Models\KategoriFitur; // <-- tambah ini
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Storage;
 
@@ -12,14 +13,28 @@ class TemplateController extends Controller
 {
    public function index()
 {
-        // eager load fiturs & kategori
     $templates = Template::with(['kategori', 'fiturs'])->paginate(5);
     $kategoris = Kategori::all();
-        $fiturs = Fitur::all();
 
-        return view('admin.templates.index', compact('templates', 'kategoris', 'fiturs'));
+    // semua fitur dengan relasi kategori
+    $fiturs = Fitur::with('kategoriFitur')->get();
+
+    // kategori fitur beserta fiturnya
+    $kategoriFiturs = KategoriFitur::with('fiturs')->get();
+
+    // fitur yang tidak punya kategori
+    $fitursTanpaKategori = Fitur::whereNull('kategori_fitur_id')->get();
+
+    return view('admin.templates.index', compact(
+        'templates',
+        'kategoris',
+        'fiturs',
+        'kategoriFiturs',
+        'fitursTanpaKategori'
+    ));
 }
 
+
     public function show($id)
     {
         return Template::with('kategori')->findOrFail($id);
@@ -115,8 +130,18 @@ class TemplateController extends Controller
         ->where('kategori_id', $id)
         ->paginate(5);
     $kategoris = Kategori::all();
-        $fiturs = Fitur::all();
+    $fiturs = Fitur::with('kategoriFitur')->get();
+    $kategoriFiturs = KategoriFitur::with('fiturs')->get();
+    $fitursTanpaKategori = Fitur::whereNull('kategori_fitur_id')->get(); // <-- tambahkan ini
 
-        return view('admin.templates.index', compact('templates', 'kategoris', 'fiturs', 'kategori'));
+    return view('admin.templates.index', compact(
+        'templates',
+        'kategoris',
+        'fiturs',
+        'kategori',
+        'kategoriFiturs',
+        'fitursTanpaKategori' // <-- kirim ke view
+    ));
 }
+
 }

backend/app/Models/KategoriFitur.php

@@ -14,4 +14,10 @@ class KategoriFitur extends Model
     protected $fillable = [
         'deskripsi',
     ];
+
+    // relasi: satu kategori punya banyak fitur
+    public function fiturs()
+    {
+        return $this->hasMany(Fitur::class, 'kategori_fitur_id');
+    }
 }

backend/resources/views/admin/fitur/index.blade.php

@@ -157,26 +157,39 @@
                 <h5 class="text-lg font-medium">Tambah Fitur</h5>
             </div>
             <div class="p-4 space-y-4">
-                <!-- Kategori -->
+
+                {{-- Kategori --}}
+                @if($kategori_fitur ?? false)
+                    <!-- Jika controller mengirim $kategori_fitur -->
+                    <input type="hidden" name="kategori_fitur_id" value="{{ optional($kategori_fitur ?? null)->id }}">
+                    <p class="text-sm text-gray-600">
+                        Kategori: <strong>{{ optional($kategori_fitur ?? null)->deskripsi }}</strong>
+                    </p>
+                @else
+                    <!-- Kalau tidak ada kategori tertentu, tampilkan dropdown -->
                     <div>
                         <label class="block text-sm font-medium">Kategori Fitur</label>
-                    <select name="kategori_fitur_id" class="w-full p-2 border rounded" required>
+                        <select name="kategori_fitur_id" class="w-full p-2 border rounded">
                             <option value="">-- Pilih Kategori --</option>
                             @foreach(\App\Models\KategoriFitur::all() as $kategori)
                                 <option value="{{ $kategori->id }}">{{ $kategori->deskripsi }}</option>
                             @endforeach
                         </select>
                     </div>
-                <!-- Nama Fitur -->
+                @endif
+
+                {{-- Nama Fitur --}}
                 <div>
                     <label class="block text-sm font-medium">Nama Fitur</label>
                     <input type="text" name="deskripsi" class="w-full p-2 border rounded" required>
                 </div>
-                <!-- Harga -->
+
+                {{-- Harga --}}
                 <div>
                     <label class="block text-sm font-medium">Harga</label>
                     <input type="number" name="harga" step="100" min="0" class="w-full p-2 border rounded" required>
                 </div>
+
             </div>
             <div class="p-4 border-t flex justify-end space-x-2">
                 <button type="button" id="closeTambahBtn"
@@ -199,10 +212,19 @@
                     <h5 class="text-lg font-medium">Edit Fitur</h5>
                 </div>
                 <div class="p-4 space-y-4">
-                    <!-- Kategori -->
+
+                    {{-- Kategori --}}
+                    @if($kategori_fitur ?? false)
+                        <!-- Jika controller mengirim $kategori_fitur -->
+                        <input type="hidden" name="kategori_fitur_id" value="{{ optional($kategori_fitur ?? null)->id }}">
+                        <p class="text-sm text-gray-600">
+                            Kategori: <strong>{{ optional($kategori_fitur ?? null)->deskripsi }}</strong>
+                        </p>
+                    @else
+                        <!-- Kalau tidak ada kategori tertentu, tampilkan dropdown -->
                         <div>
                             <label class="block text-sm font-medium">Kategori Fitur</label>
-                        <select name="kategori_fitur_id" class="w-full p-2 border rounded" required>
+                            <select name="kategori_fitur_id" class="w-full p-2 border rounded">
                                 <option value="">-- Pilih Kategori --</option>
                                 @foreach(\App\Models\KategoriFitur::all() as $kategori)
                                     <option value="{{ $kategori->id }}"
@@ -212,18 +234,22 @@
                                 @endforeach
                             </select>
                         </div>
-                    <!-- Nama Fitur -->
+                    @endif
+
+                    {{-- Nama Fitur --}}
                     <div>
                         <label class="block text-sm font-medium">Nama Fitur</label>
                         <input type="text" name="deskripsi" value="{{ $item->deskripsi }}"
                                class="w-full p-2 border rounded" required>
                     </div>
-                    <!-- Harga -->
+
+                    {{-- Harga --}}
                     <div>
                         <label class="block text-sm font-medium">Harga</label>
                         <input type="number" name="harga" value="{{ $item->harga }}"
                                step="100" min="0" class="w-full p-2 border rounded" required>
                     </div>
+
                 </div>
                 <div class="p-4 border-t flex justify-end space-x-2">
                     <button type="button" class="bg-gray-300 text-black px-3 py-1 rounded closeEditBtn"
@@ -236,6 +262,7 @@
 @endforeach
 
 
+
 <!-- Modal Hapus -->
 @foreach ($fitur as $item)
     <div id="modalDelete{{ $item->id }}" class="fixed inset-0 hidden items-center justify-center z-50">

backend/resources/views/admin/templates/index.blade.php

@@ -222,22 +222,55 @@
                     </div>
                     <div>
                         <label class="block text-sm font-medium">Kategori</label>
-                                <select name="kategori_id" class="w-full p-2 border rounded" required>
+                        <select name="kategori_id" id="kategoriSelectTambah" class="w-full p-2 border rounded">
+                            <option value="">-- Pilih Kategori --</option>
                             @foreach ($kategoris as $kategoriItem)
                                 <option value="{{ $kategoriItem->id }}" @selected(old('kategori_id') == $kategoriItem->id)>
-                                            {{ $kategoriItem->nama }}</option>
+                                    {{ $kategoriItem->nama }}
+                                </option>
                             @endforeach
                         </select>
                     </div>
 
-                            <!-- CHECKBOX FITUR -->
+                    <!-- FITUR -->
                     <div>
                         <label class="block text-sm font-medium">Fitur</label>
-                                <div
+                        <div id="fiturContainerTambah"
-                                    class="grid grid-cols-1 sm:grid-cols-2 gap-2 max-h-48 overflow-auto p-2 border rounded">
+                             class="space-y-3 max-h-64 overflow-auto p-2 border rounded">
-                                    @foreach ($fiturs as $fitur)
+
+                            {{-- Fitur dengan kategori → radio --}}
+                            @foreach ($kategoriFiturs as $kategoriFitur)
+                                <div>
+                                    <p class="font-semibold text-gray-700 mb-1">
+                                        {{ $kategoriFitur->deskripsi }}
+                                    </p>
+                                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                                        @foreach ($fiturs->where('kategori_fitur_id', $kategoriFitur->id) as $fitur)
                                             <label class="flex items-center space-x-2">
-                                            <input type="checkbox" name="fitur_id[]" value="{{ $fitur->id }}"
+                                                <input type="radio"
+                                                       name="fitur_id[{{ $kategoriFitur->id }}]"
+                                                       value="{{ $fitur->id }}"
+                                                       data-harga="{{ $fitur->harga }}"
+                                                       @checked(old("fitur_id.$kategoriFitur->id") == $fitur->id)>
+                                                <span class="text-sm">
+                                                    {{ \Illuminate\Support\Str::limit($fitur->deskripsi, 80) }}
+                                                    (Rp {{ number_format($fitur->harga, 0, ',', '.') }})
+                                                </span>
+                                            </label>
+                                        @endforeach
+                                    </div>
+                                </div>
+                            @endforeach
+
+                            {{-- Fitur tanpa kategori → checkbox --}}
+                            @if($fitursTanpaKategori->count())
+                                <div>
+                                    <p class="font-semibold text-gray-700 mb-1">Fitur Lainnya</p>
+                                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                                        @foreach ($fitursTanpaKategori as $fitur)
+                                            <label class="flex items-center space-x-2">
+                                                <input type="checkbox" name="fitur_id[]"
+                                                       value="{{ $fitur->id }}"
                                                        data-harga="{{ $fitur->harga }}"
                                                        {{ is_array(old('fitur_id')) && in_array($fitur->id, old('fitur_id')) ? 'checked' : '' }}>
                                                 <span class="text-sm">
@@ -248,6 +281,9 @@
                                         @endforeach
                                     </div>
                                 </div>
+                            @endif
+                        </div>
+                    </div>
 
                     <div>
                         <label class="block text-sm font-medium">Harga</label>
@@ -290,24 +326,37 @@
                     </div>
                     <div>
                         <label class="block text-sm font-medium">Kategori</label>
-                                <select name="kategori_id" class="w-full p-2 border rounded" required>
+                        <select name="kategori_id" id="kategoriSelectEdit{{ $template->id }}" class="w-full p-2 border rounded">
+                            <option value="">-- Pilih Kategori --</option>
                             @foreach ($kategoris as $kategoriItem)
-                                        <option value="{{ $kategoriItem->id }}" @selected($kategoriItem->id == old('kategori_id', $template->kategori_id))>
+                                <option value="{{ $kategoriItem->id }}"
-                                            {{ $kategoriItem->nama }}</option>
+                                    @selected($kategoriItem->id == old('kategori_id', $template->kategori_id))>
+                                    {{ $kategoriItem->nama }}
+                                </option>
                             @endforeach
                         </select>
                     </div>
 
-                            <!-- EDIT: checkbox fitur dengan checked state -->
+                    <!-- FITUR -->
                     <div>
                         <label class="block text-sm font-medium">Fitur</label>
-                                <div
+                        <div id="fiturContainerEdit{{ $template->id }}"
-                                    class="grid grid-cols-1 sm:grid-cols-2 gap-2 max-h-48 overflow-auto p-2 border rounded">
+                             class="space-y-3 max-h-64 overflow-auto p-2 border rounded">
-                                    @foreach ($fiturs as $fiturItem)
+
+                            {{-- Fitur dengan kategori → radio --}}
+                            @foreach ($kategoriFiturs as $kategoriFitur)
+                                <div>
+                                    <p class="font-semibold text-gray-700 mb-1">
+                                        {{ $kategoriFitur->deskripsi }}
+                                    </p>
+                                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                                        @foreach ($fiturs->where('kategori_fitur_id', $kategoriFitur->id) as $fiturItem)
                                             <label class="flex items-center space-x-2">
-                                            <input type="checkbox" name="fitur_id[]" value="{{ $fiturItem->id }}"
+                                                <input type="radio"
+                                                       name="fitur_id[{{ $kategoriFitur->id }}]"
+                                                       value="{{ $fiturItem->id }}"
                                                        data-harga="{{ $fiturItem->harga }}"
-                                                {{ (is_array(old('fitur_id')) ? in_array($fiturItem->id, old('fitur_id')) : $template->fiturs->contains($fiturItem->id)) ? 'checked' : '' }}>
+                                                       {{ (old("fitur_id.$kategoriFitur->id") == $fiturItem->id) || $template->fiturs->contains($fiturItem->id) ? 'checked' : '' }}>
                                                 <span class="text-sm">
                                                     {{ \Illuminate\Support\Str::limit($fiturItem->deskripsi, 80) }}
                                                     (Rp {{ number_format($fiturItem->harga, 0, ',', '.') }})
@@ -316,6 +365,30 @@
                                         @endforeach
                                     </div>
                                 </div>
+                            @endforeach
+
+                            {{-- Fitur tanpa kategori → checkbox --}}
+                            @if($fitursTanpaKategori->count())
+                                <div>
+                                    <p class="font-semibold text-gray-700 mb-1">Fitur Lainnya</p>
+                                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                                        @foreach ($fitursTanpaKategori as $fitur)
+                                            <label class="flex items-center space-x-2">
+                                                <input type="checkbox" name="fitur_id[]"
+                                                       value="{{ $fitur->id }}"
+                                                       data-harga="{{ $fitur->harga }}"
+                                                       {{ (is_array(old('fitur_id')) && in_array($fitur->id, old('fitur_id'))) || $template->fiturs->contains($fitur->id) ? 'checked' : '' }}>
+                                                <span class="text-sm">
+                                                    {{ \Illuminate\Support\Str::limit($fitur->deskripsi, 80) }}
+                                                    (Rp {{ number_format($fitur->harga, 0, ',', '.') }})
+                                                </span>
+                                            </label>
+                                        @endforeach
+                                    </div>
+                                </div>
+                            @endif
+                        </div>
+                    </div>
 
                     <div>
                         <label class="block text-sm font-medium">Harga</label>
@@ -327,8 +400,7 @@
                         @if ($template->foto)
                             <div class="mb-2">
                                 <small class="text-gray-500">Foto saat ini:</small>
-                                        <div
+                                <div class="w-20 h-20 mt-1 overflow-hidden rounded bg-gray-100 flex items-center justify-center border">
-                                            class="w-20 h-20 mt-1 overflow-hidden rounded bg-gray-100 flex items-center justify-center border">
                                     <img src="{{ asset('storage/' . $template->foto) }}" alt="foto"
                                          class="max-w-full max-h-full object-contain">
                                 </div>
@@ -347,6 +419,7 @@
     </div>
 @endforeach
 
+
  <script>
 document.addEventListener('DOMContentLoaded', () => {
     // =========================
@@ -457,58 +530,75 @@ function formatRibuan(x) {
 
     function hitungHarga(container) {
         let total = 0;
-    container.querySelectorAll('input[name="fitur_id[]"]:checked').forEach(cb => {
+
+        // Hitung checkbox (fitur tanpa kategori)
+        container.querySelectorAll('input[type="checkbox"][name="fitur_id[]"]:checked')
+            .forEach(cb => {
                 total += parseInt(cb.dataset.harga) || 0;
             });
 
+        // Hitung radio (fitur per kategori)
+        container.querySelectorAll('input[type="radio"]:checked')
+            .forEach(radio => {
+                total += parseInt(radio.dataset.harga) || 0;
+            });
+
         const inputHarga = container.querySelector('input[name="harga"]');
         if (inputHarga && !inputHarga.dataset.manual) {
             inputHarga.value = formatRibuan(total);
         }
     }
 
-// Update input text agar bisa ketik manual dengan format ribuan
+    // Format harga manual + tetap auto ribuan
-document.querySelectorAll('.harga-input').forEach(input => {
+    document.querySelectorAll('input[name="harga"]').forEach(input => {
+        input.classList.add("harga-input"); // pastikan ada class
         input.addEventListener('input', (e) => {
             let value = e.target.value.replace(/\D/g, ''); // hanya angka
             e.target.value = formatRibuan(value);
-        e.target.dataset.manual = "true"; // kasih flag manual
+            e.target.dataset.manual = "true"; // flag manual
         });
     });
 
     // Modal Tambah
     if (modalTambah) {
-        const checkboxes = modalTambah.querySelectorAll('input[name="fitur_id[]"]');
+        const inputs = modalTambah.querySelectorAll('input[name="fitur_id[]"], input[type="radio"]');
         const inputHarga = modalTambah.querySelector('input[name="harga"]');
 
-        checkboxes.forEach(cb => {
+        inputs.forEach(input => {
-            cb.addEventListener('change', () => hitungHarga(modalTambah));
+            input.addEventListener('change', () => hitungHarga(modalTambah));
         });
 
         if (inputHarga) {
             inputHarga.addEventListener('input', () => {
-                inputHarga.dataset.manual = "true"; // kasih flag manual
+                inputHarga.dataset.manual = "true";
             });
         }
+
+        // Hitung awal kalau ada yang sudah tercentang
+        hitungHarga(modalTambah);
     }
 
-    // Modal Edit (banyak, sesuai ID template)
+    // Modal Edit (banyak)
     document.querySelectorAll('[id^="modalEdit"]').forEach(modal => {
-        const checkboxes = modal.querySelectorAll('input[name="fitur_id[]"]');
+        const inputs = modal.querySelectorAll('input[name="fitur_id[]"], input[type="radio"]');
         const inputHarga = modal.querySelector('input[name="harga"]');
 
-        checkboxes.forEach(cb => {
+        inputs.forEach(input => {
-            cb.addEventListener('change', () => hitungHarga(modal));
+            input.addEventListener('change', () => hitungHarga(modal));
         });
 
         if (inputHarga) {
             inputHarga.addEventListener('input', () => {
-                inputHarga.dataset.manual = "true"; // kasih flag manual
+                inputHarga.dataset.manual = "true";
             });
         }
+
+        // Hitung awal kalau ada yang sudah tercentang
+        hitungHarga(modal);
     });
 });
 </script>
 
+
     </div>
 @endsection