Started implementing Navbar v2

- Removed old navbar from pages
+ Added navbar_v2 in pages
+ Added pork navbar v2
+ Added beef navbar v2

TODO: Implement navbar_v2 for poultry
TODO: Implement navbar_v2 for lamb
TODO: Completely delete old navbar and replace with new navbar
This commit is contained in:
2024-02-19 17:40:50 +02:00
parent e598281ec9
commit 4ac0eaa27a
7 changed files with 107 additions and 169 deletions

View File

@@ -5,95 +5,7 @@
<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">
<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>
@elseif($type === 'poultry') <!-- Type 'Poultry' sidebar -->
@if($type === 'poultry') <!-- Type 'Poultry' sidebar -->
<div class="flex h-full flex-col justify-between border-e bg-white">
<div class="px-4 py-6">
@@ -173,70 +85,6 @@
</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">