created more content pages and added dynamic sidebar to all

This commit is contained in:
Aksai 2024-02-18 13:28:40 +00:00
parent 0d500e6975
commit 7dee367a73
6 changed files with 298 additions and 10 deletions

View File

@ -0,0 +1,8 @@
@extends('layout')
@section('sidebar')
@include('partials.sidebar',['type' => 'lamb'])
@endsection
@section('content')
@endsection

View File

@ -20,19 +20,15 @@
</li> </li>
<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>
<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>
<li> <li>
<a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Lamb </a> <a class="text-gray-500 transition hover:text-gray-500/75" href="/lamb"> Lamb </a>
</li>
<li>
<a class="text-gray-500 transition hover:text-gray-500/75" href="#"> Exotics </a>
</li> </li>
<li> <li>

View File

@ -8,9 +8,6 @@
@if($type === 'beef') <!-- Type 'Beef' sidebar --> @if($type === 'beef') <!-- Type 'Beef' sidebar -->
<div class="flex h-full flex-col justify-between border-e bg-white"> <div class="flex h-full flex-col justify-between border-e bg-white">
<div class="px-4 py-6"> <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"> <ul class="mt-6 space-y-1">
<li> <li>
@ -96,6 +93,265 @@
</ul> </ul>
</div> </div>
</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 @endif
</aside> </aside>

View File

@ -0,0 +1,8 @@
@extends('layout')
@section('sidebar')
@include('partials.sidebar',['type' => 'pork'])
@endsection
@section('content')
@endsection

View File

@ -0,0 +1,8 @@
@extends('layout')
@section('sidebar')
@include('partials.sidebar',['type' => 'poultry'])
@endsection
@section('content')
@endsection

View File

@ -23,4 +23,16 @@ Route::get('/about', function () {
Route::get('/beef', function() { Route::get('/beef', function() {
return view('beef'); return view('beef');
});
Route::get('/poultry', function() {
return view('poultry');
});
Route::get('/pork', function() {
return view('pork');
});
Route::get('/lamb', function() {
return view('lamb');
}); });