From f5f33124d39ac2df5564efe78289f3ac3b9affb8 Mon Sep 17 00:00:00 2001
From: zhadaarsita <zhdsita@gmail.com>
Date: Fri, 26 Sep 2025 01:33:51 +0700
Subject: [PATCH] feat: Improve catalog button rendering logic

---
 resources/views/katalog/index.blade.php | 65 +++++++++++++------------
 1 file changed, 33 insertions(+), 32 deletions(-)

diff --git a/resources/views/katalog/index.blade.php b/resources/views/katalog/index.blade.php
index bca733c..011c6d1 100644
--- a/resources/views/katalog/index.blade.php
+++ b/resources/views/katalog/index.blade.php
@@ -69,46 +69,47 @@ class="badge fw-normal {{ $buku['status'] == 'Tersedia' ? 'bg-success-subtle tex
                         </div>
 
                         <div class="d-flex gap-2 mt-auto pt-2 border-top">
-                            @php
-                                $bisaPinjam =
-                                    (is_array($buku['tipe_akses']) && in_array('offline', $buku['tipe_akses'])) ||
-                                    $buku['tipe_akses'] === 'offline';
-                                $bisaBaca =
-                                    (is_array($buku['tipe_akses']) && in_array('online', $buku['tipe_akses'])) ||
-                                    $buku['tipe_akses'] === 'online';
-                            @endphp
-
                             @if ($mode === 'offline')
-                                {{-- Mode Peminjaman: hanya tampilkan tombol Pinjam --}}
-                                <a href="{{ route('peminjaman.ringkasan', $buku['id']) }}"
-                                    class="btn btn-sm btn-outline-primary w-100">
-                                    <i class="bi bi-arrow-left-right me-1"></i> Pinjam Buku
-                                </a>
+                                @if ($buku['status'] == 'Dipinjam')
+                                    <button class="btn btn-sm btn-secondary w-100" disabled>
+                                        <i class="bi bi-x-circle me-1"></i> Tidak Tersedia
+                                    </button>
+                                @else
+                                    <a href="{{ route('peminjaman.ringkasan', $buku['id']) }}"
+                                        class="btn btn-sm btn-outline-primary w-100">
+                                        <i class="bi bi-arrow-left-right me-1"></i> Pinjam Buku
+                                    </a>
+                                @endif
                             @elseif($mode === 'online')
-                                {{-- Mode Baca Online: hanya tampilkan tombol Baca Buku  --}}
                                 <a href="{{ route('baca.ringkasan', $buku['id']) }}"
                                     class="btn btn-sm btn-primary w-100">
                                     <i class="bi bi-search me-1"></i> Baca Buku
                                 </a>
                             @else
-                                {{-- Mode 'umum' atau default --}}
-                                {{-- Mode Katalog Umum: Tampilkan kedua tombol (aktif/nonaktif) --}}
-                                @if ($bisaPinjam && $buku['status'] == 'Tersedia')
-                                    <a href="{{ route('peminjaman.ringkasan', $buku['id']) }}"
-                                        class="btn btn-sm btn-outline-primary w-100"><i
-                                            class="bi bi-arrow-left-right me-1"></i> Pinjam</a>
+                                {{-- Mode 'umum' --}}
+                                @if ($buku['status'] == 'Dipinjam')
+                                    <button class="btn btn-sm btn-secondary w-100" disabled>
+                                        <i class="bi bi-x-circle me-1"></i> Tidak Tersedia
+                                    </button>
                                 @else
-                                    <button class="btn btn-sm btn-outline-secondary w-100" disabled><i
-                                            class="bi bi-arrow-left-right me-1"></i> Pinjam</button>
-                                @endif
-
-                                @if ($bisaBaca && $buku['status'] == 'Tersedia')
-                                    <a href="{{ route('baca.ringkasan', $buku['id']) }}"
-                                        class="btn btn-sm btn-primary w-100"><i class="bi bi-book-half me-1"></i>
-                                        Baca</a>
-                                @else
-                                    <button class="btn btn-sm btn-secondary w-100" disabled><i
-                                            class="bi bi-book-half me-1"></i> Baca</button>
+                                    @if (is_array($buku['tipe_akses']))
+                                        <a href="{{ route('peminjaman.ringkasan', $buku['id']) }}"
+                                            class="btn btn-sm btn-outline-primary w-100"><i
+                                                class="bi bi-arrow-left-right me-1"></i> Pinjam</a>
+                                        <a href="{{ route('baca.ringkasan', $buku['id']) }}"
+                                            class="btn btn-sm btn-primary w-100"><i class="bi bi-book-half me-1"></i>
+                                            Baca</a>
+                                    @elseif ($buku['tipe_akses'] === 'offline')
+                                        <a href="{{ route('peminjaman.ringkasan', $buku['id']) }}"
+                                            class="btn btn-sm btn-outline-primary w-100">
+                                            <i class="bi bi-arrow-left-right me-1"></i> Pinjam Offline
+                                        </a>
+                                    @elseif ($buku['tipe_akses'] === 'online')
+                                        <a href="{{ route('baca.ringkasan', $buku['id']) }}"
+                                            class="btn btn-sm btn-primary w-100">
+                                            <i class="bi bi-book-half me-1"></i> Baca Buku
+                                        </a>
+                                    @endif
                                 @endif
                             @endif
                         </div>