feat:implement flight search
This commit is contained in:
@@ -0,0 +1,196 @@
|
|||||||
|
<div class="search-area">
|
||||||
|
<div class="container">
|
||||||
|
<div class="search-wrapper">
|
||||||
|
|
||||||
|
<div class="search-box flight-search">
|
||||||
|
<div class="search-form">
|
||||||
|
<form action="{{ route('flights.index') }}" method="GET">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flight-search-wrapper">
|
||||||
|
<div class="flight-search-content">
|
||||||
|
|
||||||
|
<div class="flight-search-item">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-lg-3">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>از</label>
|
||||||
|
<div class="form-group-icon">
|
||||||
|
<input type="text"
|
||||||
|
name="from-destination"
|
||||||
|
class="form-control swap-from"
|
||||||
|
value="{{ request('from-destination') }}">
|
||||||
|
<i class="fal fa-plane-departure"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-lg-3">
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="search-form-swap">
|
||||||
|
<i class="far fa-repeat"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label>به</label>
|
||||||
|
|
||||||
|
<div class="form-group-icon">
|
||||||
|
<input type="text"
|
||||||
|
name="to-destination"
|
||||||
|
class="form-control swap-to"
|
||||||
|
value="{{ request('to-destination') }}">
|
||||||
|
<i class="fal fa-plane-arrival"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-lg-3">
|
||||||
|
<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"
|
||||||
|
value="{{ request('journey-date') }}">
|
||||||
|
<i class="fal fa-calendar-days"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</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"
|
||||||
|
value="{{ request('return-date') }}">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-lg-3">
|
||||||
|
<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-amount">
|
||||||
|
{{ request('adult', 2) + request('children', 0) + request('infant', 0) }}
|
||||||
|
</span>
|
||||||
|
Passenger
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<i class="fal fa-user-plus"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</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="{{ request('adult', 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="{{ request('children', 0) }}"
|
||||||
|
readonly>
|
||||||
|
|
||||||
|
<button type="button" class="plus-btn">
|
||||||
|
<i class="far fa-plus"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</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>
|
||||||
Reference in New Issue
Block a user