Testing

app/Http/Controllers/LabController.php

@@ -55,7 +55,8 @@ public function show(Lab $lab)
     {
         $labs = Lab::all();
         $timeMappings = TimeMappings::$timeMappings;
-        return view('home.lab', compact('lab', 'labs', 'timeMappings'));
+        $title = $lab->name;
+        return view('home.lab', compact('lab', 'labs', 'timeMappings', 'title'));
     }
 
     /**

app/Livewire/Counter.php

@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Livewire;
+
+use Carbon\Carbon;
+use Livewire\Component;
+use App\Models\LabsBooking;
+use Livewire\Attributes\On;
+
+
+class Counter extends Component
+{
+    public $count = 5;
+
+
+    public function loadMore()
+    {
+        $this->count += 5;
+    }
+
+    public function cancelBooking($id)
+    {
+        $booking = LabsBooking::find($id);
+        $booking->delete();
+    }
+
+    public function render()
+    {
+
+        $now = Carbon::now();
+
+        $upcomingHistories = LabsBooking::with('lab')
+            ->where('user_id', auth()->user()->id)
+            ->where(function ($query) use ($now) {
+                $query->where('booking_date', '>=', $now->format('Y-m-d'))
+                    ->orWhere(function ($subquery) use ($now) {
+                        $subquery->where('booking_date', '=', $now->format('Y-m-d'))
+                            ->where('start_time', '>', $now->format('H:i:s'));
+                    });
+            })
+            ->orderBy('booking_date', 'asc')
+            ->get();
+
+        $expiredHistories = LabsBooking::with('lab')
+            ->where('user_id', auth()->user()->id)
+            ->where(function ($query) use ($now) {
+                $query->where('booking_date', '<', $now->format('Y-m-d'))
+                    ->orWhere(function ($subquery) use ($now) {
+                        $subquery->whereDate('booking_date', '=', $now->format('Y-m-d'))
+                            ->whereTime('start_time', '<', $now->format('H:i:s'));
+                    });
+            })
+            ->orderBy('booking_date', 'desc')
+            ->take($this->count)->get();
+
+
+        return view('livewire.counter', compact('upcomingHistories', 'expiredHistories'));
+    }
+}

app/Livewire/Navbar.php

@@ -3,9 +3,7 @@
 namespace App\Livewire;
 
 use Carbon\Carbon;
-use App\Models\Lab;
 use Livewire\Component;
-use Livewire\Attributes\On;
 
 class Navbar extends Component
 {
@@ -17,6 +15,16 @@ public function mount()
         $this->startDate = Carbon::now()->startOfWeek()->addWeeks($this->currentWeek - 1);
     }
 
+    public function getAllRoom()
+    {
+        $this->dispatch('getAllRoom');
+    }
+
+    public function getRoom($bulding)
+    {
+        $this->dispatch('getRoom', ['bulding' => $bulding]);
+    }
+
     public function prevWeek()
     {
         $this->dispatch('prevWeek');

app/Livewire/ScheduleCalendar.php

@@ -69,6 +69,20 @@ public function getLabScheduleDetail($labId, $date, $day)
         $this->dispatch('show-detail-schedule', $labId, $date, $day, $data);
     }
 
+    #[On('getRoom')]
+    public function getRoom($bulding)
+    {
+        $this->labs = Lab::where('description', $bulding)->get();
+        $this->mount();
+    }
+
+    #[On('getAllRoom')]
+    public function getAllRoom()
+    {
+        $this->labs = Lab::all();
+        $this->mount();
+    }
+
     public function render()
     {
         return view('livewire.schedule-calendar');

composer.json

@@ -7,6 +7,7 @@
     "require": {
         "php": "^8.1",
         "guzzlehttp/guzzle": "^7.2",
+        "hisorange/browser-detect": "^5.0",
         "itsgoingd/clockwork": "^5.1",
         "laravel/framework": "^10.10",
         "laravel/sanctum": "^3.2",