feat:implement layouts for flight details
This commit is contained in:
@@ -0,0 +1,130 @@
|
|||||||
|
@extends('layouts.app')
|
||||||
|
@section('content')
|
||||||
|
<main class="main">
|
||||||
|
@include('show-layouts.breadcrumb', [
|
||||||
|
'title' => 'جزئیات پرواز',
|
||||||
|
'current' => $flight->departureAirport->city->name.' - '.$flight->arrivalAirport->city->name,
|
||||||
|
])
|
||||||
|
|
||||||
|
<div class="hotel-single py-120">
|
||||||
|
<div class="container">
|
||||||
|
<div class="listing-wrapper">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="listing-content">
|
||||||
|
|
||||||
|
<div class="listing-slider owl-carousel owl-theme" dir="ltr">
|
||||||
|
<img src="{{asset('assets/img/flight/single-1.jpg')}}" alt>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="listing-header">
|
||||||
|
<div class="listing-header-info">
|
||||||
|
<h4 class="listing-title">
|
||||||
|
{{ $flight->departureAirport->city->name }}
|
||||||
|
<i class="far fa-exchange"></i>
|
||||||
|
{{ $flight->arrivalAirport->city->name }}
|
||||||
|
</h4>
|
||||||
|
<p class="listing-stop"><i
|
||||||
|
class="far fa-plane"></i> {{ $flight->airline->name }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="listing-item listing-flight">
|
||||||
|
<div class="flight-booking-time">
|
||||||
|
<div class="start-time">
|
||||||
|
<div class="start-time-icon">
|
||||||
|
<i class="fal fa-plane-departure"></i>
|
||||||
|
</div>
|
||||||
|
<div class="start-time-info">
|
||||||
|
<h6 class="start-time-text">پرواز برخاست</h6>
|
||||||
|
<p class="flight-full-date">{{ $flight->departure_time->toJalali()->format('l، j F Y | H:i') }}</p>
|
||||||
|
<span class="flight-destination">{{ $flight->departureAirport->name }} ({{ $flight->departureAirport->code }})</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flight-stop">
|
||||||
|
<div class="flight-stop-arrow"></div>
|
||||||
|
</div>
|
||||||
|
<div class="end-time">
|
||||||
|
<div class="start-time-icon">
|
||||||
|
<i class="fal fa-plane-arrival"></i>
|
||||||
|
</div>
|
||||||
|
<div class="start-time-info">
|
||||||
|
<h6 class="end-time-text">فرود پرواز</h6>
|
||||||
|
<span class="flight-destination">{{ $flight->arrivalAirport->name }} ({{ $flight->arrivalAirport->code }})</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="listing-item pt-5">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6 col-lg-3">
|
||||||
|
<div class="listing-feature">
|
||||||
|
<div class="listing-feature-icon">
|
||||||
|
<i class="far fa-plane-up"></i>
|
||||||
|
</div>
|
||||||
|
<div class="listing-feature-content">
|
||||||
|
<h6>خطوط هوایی</h6>
|
||||||
|
<span>{{ $flight->airline->name }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-3">
|
||||||
|
<div class="listing-feature">
|
||||||
|
<div class="listing-feature-icon">
|
||||||
|
<i class="far fa-users"></i>
|
||||||
|
</div>
|
||||||
|
<div class="listing-feature-content">
|
||||||
|
<h6>ظرفیت پرواز</h6>
|
||||||
|
<span>{{ number_format($flight->capacity) }} صندلی</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-3">
|
||||||
|
<div class="listing-feature">
|
||||||
|
<div class="listing-feature-icon">
|
||||||
|
<i class="far fa-calendar-days"></i>
|
||||||
|
</div>
|
||||||
|
<div class="listing-feature-content">
|
||||||
|
<h6>تاریخ حرکت</h6>
|
||||||
|
<span>{{ $flight->departure_time->toJalali()->format('Y/m/d') }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-3">
|
||||||
|
<div class="listing-feature">
|
||||||
|
<div class="listing-feature-icon">
|
||||||
|
<i class="far fa-eye"></i>
|
||||||
|
</div>
|
||||||
|
<div class="listing-feature-content">
|
||||||
|
<h6>بازدید این پرواز</h6>
|
||||||
|
<span>{{ number_format($flight->views) }} بازدید</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@if($flight->summary)
|
||||||
|
<div class="listing-item">
|
||||||
|
<h4 class="mb-3">درباره این پرواز</h4>
|
||||||
|
<p>{{ $flight->summary }}</p>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
@include('show-layouts.reviews', [
|
||||||
|
'flight' => $flight,
|
||||||
|
'comments' => $flight->comments
|
||||||
|
])
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@include('show-layouts.sidebar')
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
@endsection
|
||||||
@@ -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>
|
||||||
Reference in New Issue
Block a user