Index: app/Http/Controllers/DestinationController.php =================================================================== --- app/Http/Controllers/DestinationController.php (revision e261f4157b30f09747ec3525f40a2b9589595bf5) +++ app/Http/Controllers/DestinationController.php (revision ddce2e68aeb54cc963a48cbda5c517e3a33435d7) @@ -23,4 +23,24 @@ return view('destinations/show', compact('destination')); } + + + public function events($imelokacija): View|Factory|Application + { + $destination = Destination::where('imelokacija', $imelokacija)->firstOrFail(); + return view('destinations.events', compact('destination')); + } + + public function activities($imelokacija): View|Factory|Application + { + $destination = Destination::where('imelokacija', $imelokacija)->firstOrFail(); + return view('destinations.activity', compact('destination')); + } + + public function packages($imelokacija): View|Factory|Application + { + $destination = Destination::where('imelokacija', $imelokacija)->firstOrFail(); + return view('destinations.package', compact('destination')); + } + public function search(Request $request): Application|Factory|View Index: resources/views/destinations/activity.blade.php =================================================================== --- resources/views/destinations/activity.blade.php (revision ddce2e68aeb54cc963a48cbda5c517e3a33435d7) +++ resources/views/destinations/activity.blade.php (revision ddce2e68aeb54cc963a48cbda5c517e3a33435d7) @@ -0,0 +1,1 @@ + + + + Настани + + + +
+

Настани за {{ $destination->imelokacija }}

+

Ова е тест страница за настани.

+
+ + + + + Index: resources/views/destinations/package.blade.php =================================================================== --- resources/views/destinations/package.blade.php (revision ddce2e68aeb54cc963a48cbda5c517e3a33435d7) +++ resources/views/destinations/package.blade.php (revision ddce2e68aeb54cc963a48cbda5c517e3a33435d7) @@ -0,0 +1,1 @@ + + .weather-container { + position: relative; + display: inline-block; + } + #weather { - height: 15%; - border-radius: 50%; + height: 23%; cursor: pointer; - margin-top: 3vh; margin-left: 13vw; + } + + .weather-container .tooltip { + visibility: hidden; + width: 200px; + background-color: #f0f0f0; + color: #333; + text-align: center; + border-radius: 8px; + padding: 8px; + position: absolute; + bottom: 80%; + left: 35%; + transform: translateX(-50%); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + opacity: 0; + transition: opacity 0.3s; + font-size: 14px; + z-index: 1; + } + + .weather-container .tooltip::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -6px; + border-width: 6px; + border-style: solid; + border-color: #f0f0f0 transparent transparent transparent; + } + + .weather-container:hover .tooltip { + visibility: visible; + opacity: 1; } @@ -50,4 +88,10 @@ height: 100%; width: 100%; + position: relative; + z-index: 1; + } + + .card-custom img{ + height: 50vh; } @@ -56,8 +100,10 @@ } - - .card-custom:hover { + #cardPackage .card-custom:hover, + #cardActivity .card-custom:hover, + #cardEvent .card-custom:hover { transform: translateY(-8px); box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12); + cursor: pointer; } @@ -74,4 +120,5 @@ } + .cards h1 { font-size: 50px; @@ -82,9 +129,11 @@ } - #cardPackage { + #cardPackage, #cardActivity, #cardEvent { width: 27.333333%; } #cardsEvents { + display: flex; + flex-wrap: wrap; justify-content: space-between; margin-top: -135vh; @@ -92,7 +141,4 @@ .container.gallery-container { - /* - min-height: 100vh; - margin-left: 50vw; */ display: flex; justify-content: center; @@ -158,10 +204,8 @@ } - /* Optional: custom spans for wider images */ .tz-gallery .wide { grid-column: span 2; } - /* Override bootstrap column paddings */ .tz-gallery .row > div { padding: 2px; @@ -213,4 +257,24 @@ } } + + .map { + margin-top: -20%; + width: 100%; + height: 125vh; + background-image: url(http://127.0.0.1:8000/images/map.png); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + z-index: 1; + opacity: 0.7; + filter: brightness(112%) saturate(120%); + } + + .map-overlay { + width: 100%; + height: 100%; + background: rgb(255 255 255 / 15%); + backdrop-filter: blur(15px); + } @@ -262,5 +326,8 @@

- +
+ Weather +
Погледнете ја временската прогноза
+
@@ -317,30 +384,44 @@
+ + + + +
-
- Настани -
-
Настани
-
-
-
- -
-
- Активности -
-
Активности
-
-
-
- -
-
- Пакети -
-
Пакети
-
-
-
+ +
+ Пакети +
+
Пакети
+
+
+ +
+ +
+ + + +
+
Index: routes/web.php =================================================================== --- routes/web.php (revision e261f4157b30f09747ec3525f40a2b9589595bf5) +++ routes/web.php (revision ddce2e68aeb54cc963a48cbda5c517e3a33435d7) @@ -19,4 +19,8 @@ Route::resource('destinations', DestinationController::class)->only('index', 'show'); +Route::get('destinations/{imelokacija}/events', [DestinationController::class, 'events'])->name('events.index'); +Route::get('destinations/{imelokacija}/activities', [DestinationController::class, 'activities'])->name('activity.index'); +Route::get('destinations/{imelokacija}/packages', [DestinationController::class, 'packages'])->name('package.index'); + Route::get('/login', [AuthController::class, 'showLoginForm'])->name('login');