From 7dee367a7309a59b3a4b37bd631803171d8ffac3 Mon Sep 17 00:00:00 2001
From: Aksai <aksaibapa@gmail.com>
Date: Sun, 18 Feb 2024 13:28:40 +0000
Subject: [PATCH] created more content pages and added dynamic sidebar to all

---
 resources/views/lamb.blade.php             |   8 +
 resources/views/partials/navbar.blade.php  |  10 +-
 resources/views/partials/sidebar.blade.php | 262 ++++++++++++++++++++-
 resources/views/pork.blade.php             |   8 +
 resources/views/poultry.blade.php          |   8 +
 routes/web.php                             |  12 +
 6 files changed, 298 insertions(+), 10 deletions(-)
 create mode 100644 resources/views/lamb.blade.php
 create mode 100644 resources/views/pork.blade.php
 create mode 100644 resources/views/poultry.blade.php

diff --git a/resources/views/lamb.blade.php b/resources/views/lamb.blade.php
new file mode 100644
index 0000000..0e64824
--- /dev/null
+++ b/resources/views/lamb.blade.php
@@ -0,0 +1,8 @@
+@extends('layout')
+
+@section('sidebar')
+    @include('partials.sidebar',['type' => 'lamb'])
+@endsection
+
+@section('content')
+@endsection
\ No newline at end of file
diff --git a/resources/views/partials/navbar.blade.php b/resources/views/partials/navbar.blade.php
index a877ce9..4bccb37 100644
--- a/resources/views/partials/navbar.blade.php
+++ b/resources/views/partials/navbar.blade.php
@@ -20,19 +20,15 @@
               </li>
   
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Poultry </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/poultry"> Poultry </a>
               </li>
   
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Pork </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/pork"> Pork </a>
               </li>
   
               <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Lamb </a>
-              </li>
-  
-              <li>
-                <a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Exotics </a>
+                <a class="text-gray-500 transition hover:text-gray-500/75" href="/lamb"> Lamb </a>
               </li>
 
               <li>
diff --git a/resources/views/partials/sidebar.blade.php b/resources/views/partials/sidebar.blade.php
index a2fb265..0c8395d 100644
--- a/resources/views/partials/sidebar.blade.php
+++ b/resources/views/partials/sidebar.blade.php
@@ -8,9 +8,6 @@
     @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>
 
                 <ul class="mt-6 space-y-1">
                     <li>
@@ -96,6 +93,265 @@
                 </ul>
             </div>
         </div>
+    @elseif($type === 'poultry') <!-- Type 'Poultry' sidebar -->
+        <div class="flex h-full flex-col justify-between border-e bg-white">
+            <div class="px-4 py-6">
+
+                <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"
+                        >
+                            Chicken Breast
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Chicken Thighs
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Chicken Wings
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Whole Chicken
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Turkey Breast
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Duck Breast
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Duck Confit
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Quail
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Cornish Hen
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    @elseif($type === 'pork') <!-- Type 'Pork' sidebar -->
+        <div class="flex h-full flex-col justify-between border-e bg-white">
+            <div class="px-4 py-6">
+                
+                <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"
+                        >
+                            Pork Shoulder (Boston Butt)
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Pork Belly
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Pork Chops
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Pork Loin
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Pork Ribs (Spareribs and Baby Back Ribs)
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Ham
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Pork Tenderloin
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    @elseif($type === 'lamb') <!-- Type 'Lamb' sidebar -->
+        <div class="flex h-full flex-col justify-between border-e bg-white">
+            <div class="px-4 py-6">
+    
+                <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"
+                        >
+                            Lamb Shoulder
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Lamb Chops (Loin & Rib Chops)
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Lamb Leg
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Rack of Lamb
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Ground Lamb
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Lamb Shank
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    @elseif($type === 'recipes') <!-- Type 'Recipes' 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>
+
+                <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"
+                        >
+                            Lamb Shoulder
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Lamb Chops (Loin & Rib Chops)
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Lamb Leg
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Rack of Lamb
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Ground Lamb
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="#"
+                            class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
+                        >
+                            Lamb Shank
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
     @endif
 
 </aside>
diff --git a/resources/views/pork.blade.php b/resources/views/pork.blade.php
new file mode 100644
index 0000000..18736c1
--- /dev/null
+++ b/resources/views/pork.blade.php
@@ -0,0 +1,8 @@
+@extends('layout')
+
+@section('sidebar')
+    @include('partials.sidebar',['type' => 'pork'])
+@endsection
+
+@section('content')
+@endsection
\ No newline at end of file
diff --git a/resources/views/poultry.blade.php b/resources/views/poultry.blade.php
new file mode 100644
index 0000000..fe24d13
--- /dev/null
+++ b/resources/views/poultry.blade.php
@@ -0,0 +1,8 @@
+@extends('layout')
+
+@section('sidebar')
+    @include('partials.sidebar',['type' => 'poultry'])
+@endsection
+
+@section('content')
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 56ec28c..6badd9f 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -23,4 +23,16 @@ Route::get('/about', function () {
 
 Route::get('/beef', function() {
     return view('beef');
+});
+
+Route::get('/poultry', function() {
+    return view('poultry');
+});
+
+Route::get('/pork', function() {
+    return view('pork');
+});
+
+Route::get('/lamb', function() {
+    return view('lamb');
 });
\ No newline at end of file