feat:implement layouts for flight details

This commit is contained in:
2026-08-17 11:58:37 +03:30
parent de7ddfef1d
commit ad6d2cc60a
4 changed files with 296 additions and 0 deletions
@@ -0,0 +1,15 @@
@php
$current = $current ?? $title;
$background = $background ?? 'assets/img/breadcrumb/01.jpg';
@endphp
<div class="site-breadcrumb" style="background: url({{ asset($background) }})">
<div class="container">
<h2 class="breadcrumb-title">{{ $title }}</h2>
<ul class="breadcrumb-menu">
<li><a href="{{ route('index') }}">صفحه اصلی</a></li>
<li class="active">{{ $current }}</li>
</ul>
</div>
</div>
@@ -0,0 +1,84 @@
<div class="listing-item">
<h4 class="mb-3">بررسی‌ها</h4>
<div class="listing-review">
<h5>بازخوردها</h5>
@forelse($comments as $comment)
<div class="listing-review-item">
<div class="listing-review-author">
<img
src="{{ $comment->user->file ? asset('storage/'.$comment->user->file->path) : asset('assets/img/account/01.jpg') }}"
alt
>
<div class="listing-review-author-info">
<div>
<h6>
{{ $comment->user->first_name }}
{{ $comment->user->last_name }}
</h6>
<span>
<i class="far fa-clock"></i>
{{ $comment->created_at->toJalali()->format('Y/m/d') }}
</span>
</div>
</div>
</div>
<p>{{ $comment->comment }}</p>
</div>
@empty
<p>هنوز بازخوردی ثبت نشده است. اولین نفری باشید که نظر می‌دهد.</p>
@endforelse
</div>
<div class="listing-review-form">
<h4>نظر بدهید</h4>
<form action="{{ route('flights.comments.store', $flight) }}" method="POST">
@csrf
@guest
<div class="form-group mb-3">
<input
type="text"
name="guest_name"
class="form-control"
placeholder="نام شما*"
value="{{ old('guest_name') }}"
>
</div>
<div class="form-group mb-3">
<input
type="email"
name="guest_email"
class="form-control"
placeholder="ایمیل شما*"
value="{{ old('guest_email') }}"
>
</div>
@endguest
<div class="form-group">
<textarea
name="comment"
class="form-control"
cols="30"
rows="5"
placeholder="نظر خود را بنویسید*"
>{{ old('comment') }}</textarea>
</div>
<button class="theme-btn" type="submit">
نظر بدهید
</button>
</form>
</div>
</div>
@@ -0,0 +1,67 @@
<div class="col-lg-4">
<div class="booking-sidebar listing-side-content">
<div class="booking-item">
<div class="listing-price">
<h4 class="listing-price-tag">قیمت هر نفر</h4>
<div class="listing-price-amount">
از <span>{{ number_format($flight->price) }} تومان</span>
</div>
</div>
<div class="search-form">
<form action="#">
<div class="tour-search-wrapper">
<div class="row">
<div class="col-lg-12">
<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="{{ $flight->departure_time->toJalali()->format('Y/m/d') }}" readonly>
<i class="fal fa-calendar-days"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="form-group dropdown static-dropdown passenger-box">
<div class="passenger-class" role="menu" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
<label>مسافر</label>
<div class="form-group-icon">
<div class="passenger-total"><span class="passenger-total-amount">1</span> مسافر</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="1" readonly>
<button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="listing-side-btn">
<button type="submit" class="theme-btn"><span class="far fa-shopping-bag"></span>اکنون رزرو کن</button>
<a href="#" class="border-btn"><i class="far fa-heart"></i> افزودن به علاقه‌مندی‌ها</a>
</div>
</div>
</form>
</div>
<div class="listing-side-share">
<span><i class="far fa-eye"></i> {{ number_format($flight->views) }} مشاهده</span>
</div>
</div>
</div>
</div>