feat: make dashboard and sidebar dynamic

This commit is contained in:
2026-08-18 19:49:19 +03:30
parent 8fa9a17ead
commit 0ecdf52c29
5 changed files with 287 additions and 214 deletions
+1 -171
View File
@@ -1,7 +1,7 @@
@extends('layouts.app')
@section('content')
<div class="hero-section">
<div class="hero-single" style="background: url(assets/img/hero/hero-4.jpg)">
<div class="hero-single" style="background: url({{asset('assets/img/hero/hero-4.jpg')}})">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12 mx-auto">
@@ -17,176 +17,6 @@
</div>
</div>
<div class="search-area">
<div class="container">
<div class="search-wrapper">
<div class="search-box activity-search">
<div class="search-form">
<form action="#">
<div class="activity-search-wrapper">
<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label>موقعیت</label>
<div class="form-group-icon">
<input type="text" name="location" class="form-control"
value="تهران ، میدان آزادی">
<i class="fal fa-earth-americas"></i>
</div>
<p>کجا می روی؟</p>
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<div class="search-form-date">
<div class="search-form-journey">
<label>بررسی کنید</label>
<div class="form-group-icon">
<input type="text" name="journey-date"
class="form-control date-picker journey-date">
<i class="fal fa-calendar-days"></i>
</div>
<p class="journey-day-name"></p>
</div>
<div class="search-form-return">
<label>پرداخت</label>
<div class="form-group-icon">
<input type="text" name="return-date"
class="form-control date-picker return-date">
</div>
<p class="return-day-name"></p>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="form-group dropdown passenger-box">
<div class="passenger-class" role="menu" data-bs-toggle="dropdown"
aria-expanded="false">
<label>اتاق ها، مهمانان</label>
<div class="form-group-icon">
<div class="passenger-total">
<span class="passenger-total-room">2</span> اتاق,
<span class="passenger-total-amount">2</span> میهمان
</div>
<i class="fal fa-user-plus"></i>
</div>
<p class="passenger-class-name">اتاق دو نفره</p>
</div>
<div class="dropdown-menu dropdown-menu-end">
<div class="dropdown-item">
<div class="passenger-item">
<div class="passenger-info">
<h6>بزرگسالان</h6>
<p>+12 سال</p>
</div>
<div class="passenger-qty">
<button type="button" class="minus-btn"><i
class="far fa-minus"></i></button>
<input type="text" name="adult"
class="qty-amount passenger-adult" value="2"
readonly>
<button type="button" class="plus-btn"><i
class="far fa-plus"></i></button>
</div>
</div>
</div>
<div class="dropdown-item">
<div class="passenger-item">
<div class="passenger-info">
<h6>کودکان</h6>
<p>2 تا 12 سال</p>
</div>
<div class="passenger-qty">
<button type="button" class="minus-btn"><i
class="far fa-minus"></i></button>
<input type="text" name="children"
class="qty-amount passenger-children" value="0"
readonly>
<button type="button" class="plus-btn"><i
class="far fa-plus"></i></button>
</div>
</div>
</div>
<div class="dropdown-item">
<div class="passenger-item">
<div class="passenger-info">
<h6>نوزاد</h6>
<p>کمتر از 2 سال</p>
</div>
<div class="passenger-qty">
<button type="button" class="minus-btn"><i
class="far fa-minus"></i></button>
<input type="text" name="infant"
class="qty-amount passenger-infant" value="0"
readonly>
<button type="button" class="plus-btn"><i
class="far fa-plus"></i></button>
</div>
</div>
</div>
<div class="dropdown-item">
<div class="passenger-item">
<div class="passenger-info">
<h6>اتاق ها</h6>
</div>
<div class="passenger-qty">
<button type="button" class="minus-btn"><i
class="far fa-minus"></i></button>
<input type="text" name="room"
class="qty-amount passenger-room" value="2" readonly>
<button type="button" class="plus-btn"><i
class="far fa-plus"></i></button>
</div>
</div>
</div>
<div class="dropdown-item">
<h6 class="mb-3 mt-2">نوع اتاق</h6>
<div class="passenger-class-info">
<div class="form-check">
<input class="form-check-input" type="radio"
value="Single Room" name="room-type" id="room-type4">
<label class="form-check-label" for="room-type4">
اتاق یک نفره
</label>
</div>
<div class="form-check">
<input class="form-check-input" checked type="radio"
value="Double Room" name="room-type" id="room-type5">
<label class="form-check-label" for="room-type5">
اتاق دونفره
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio"
value="Deluxe Room" name="room-type" id="room-type6">
<label class="form-check-label" for="room-type6">
اتاق دولوکس
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="search-btn">
<button type="submit" class="theme-btn"><span class="far fa-search"></span>جستجو
کردن
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="feature-area py-120">
<div class="container">
<div class="feature-wrapper">