From 0d500e6975e717c2cff0a960d1cf99bfc66a19a7 Mon Sep 17 00:00:00 2001
From: Aksai <aksaibapa@gmail.com>
Date: Sat, 17 Feb 2024 14:42:40 +0000
Subject: [PATCH] Added 'Beef' page and introduced dynamic sidebar

---
 resources/views/beef.blade.php             |   8 ++
 resources/views/layout.blade.php           |   3 +-
 resources/views/partials/navbar.blade.php  |   2 +-
 resources/views/partials/sidebar.blade.php | 105 ++++++++++++++++++++-
 routes/web.php                             |   4 +
 5 files changed, 118 insertions(+), 4 deletions(-)
 create mode 100644 resources/views/beef.blade.php

diff --git a/resources/views/beef.blade.php b/resources/views/beef.blade.php
new file mode 100644
index 0000000..f37dbbd
--- /dev/null
+++ b/resources/views/beef.blade.php
@@ -0,0 +1,8 @@
+@extends('layout')
+
+@section('sidebar')
+    @include('partials.sidebar',['type' => 'beef'])
+@endsection
+
+@section('content')
+@endsection
\ No newline at end of file
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index 276cc5c..0f476bc 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -16,7 +16,8 @@
             <div class="grid grid-cols-6 min-h-screen">    
                 <!-- Sidebar -->
                 <aside class="col-span-1">
-                    @include('partials.sidebar')
+                    {{--@include('partials.sidebar')--}}
+                    @yield('sidebar')
                 </aside>
 
                 <!-- Main content area -->
diff --git a/resources/views/partials/navbar.blade.php b/resources/views/partials/navbar.blade.php
index eedb9cf..a877ce9 100644
--- a/resources/views/partials/navbar.blade.php
+++ b/resources/views/partials/navbar.blade.php
@@ -16,7 +16,7 @@
               </li>
   
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Beef </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/beef"> Beef </a>
               </li>
   
               <li>
diff --git a/resources/views/partials/sidebar.blade.php b/resources/views/partials/sidebar.blade.php
index 7b39eb2..a2fb265 100644
--- a/resources/views/partials/sidebar.blade.php
+++ b/resources/views/partials/sidebar.blade.php
@@ -1,6 +1,107 @@
 <!--<ul class="space-y-1">-->
+@php
+    $type = $type ?? 'default';
+@endphp
+    
+<aside>
+    {{--Check type of content to display correct sidebar--}}
+    @if($type === 'beef') <!-- Type 'Beef' sidebar -->
+        <div class="flex h-full flex-col justify-between border-e bg-white">
+            <div class="px-4 py-6">
+                <span class="grid h-10 w-32 place-content-center rounded-lg bg-gray-100 text-xs text-gray-600">
+                    MeatMasters
+                </span>
 
-    <div class="flex h-full flex-col justify-between border-e bg-white">
+                <ul class="mt-6 space-y-1">
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Ribeye
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Sirloin
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            T-Bone
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Filet Mignon
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Brisket
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Chuck
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Round
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Flank
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Skirt
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Short Ribs
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    @endif
+
+</aside>
+
+<!-- Old Sidebar -->
+    <!--<div class="flex h-full flex-col justify-between border-e bg-white">
         <div class="px-4 py-6">
           <span class="grid h-10 w-32 place-content-center rounded-lg bg-gray-100 text-xs text-gray-600">
             Logo
@@ -135,4 +236,4 @@
               </details>
             </li>
           </ul>
-        </div>
\ No newline at end of file
+        </div>-->
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 4fe655d..56ec28c 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -19,4 +19,8 @@ Route::get('/', function () {
 
 Route::get('/about', function () {
     return view('about');
+});
+
+Route::get('/beef', function() {
+    return view('beef');
 });
\ No newline at end of file