git commit "update flight page"
This commit is contained in:
@@ -1,129 +1,47 @@
|
||||
@foreach($flights as $flight)
|
||||
<!-- FLIGHT ITEM -->
|
||||
<div class="swiper-slide flight-card group">
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 shadow-sm rounded-4 overflow-hidden h-100">
|
||||
|
||||
<!-- flight header -->
|
||||
<div class="flight-card_header">
|
||||
<div class="flight-image">
|
||||
|
||||
<div>
|
||||
<span class="flight-airline">
|
||||
{{ $flight->airline }}
|
||||
</span>
|
||||
<img src="{{ asset($flight->image) }}"
|
||||
alt="{{ $flight->airline }}">
|
||||
|
||||
<span class="flight-number">
|
||||
{{ $flight->flight_number }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@if($flight->flight_class)
|
||||
<span class="flight-class">
|
||||
{{ $flight->flight_class }}
|
||||
</span>
|
||||
@endif
|
||||
<span class="flight-badge">
|
||||
پرواز
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- flight route -->
|
||||
<div class="flight-card_route">
|
||||
<div class="card-body d-flex flex-column">
|
||||
|
||||
<div class="flight-airport">
|
||||
<h5 class="fw-bold">
|
||||
{{ $flight->airline }}
|
||||
</h5>
|
||||
|
||||
<span>
|
||||
مبدا
|
||||
</span>
|
||||
|
||||
<strong>
|
||||
{{ $flight->origin }}
|
||||
</strong>
|
||||
<div class="route">
|
||||
<span>{{ $flight->origin }}</span>
|
||||
|
||||
<span class="line"></span>
|
||||
|
||||
<span>{{ $flight->destination }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flight-route-line">
|
||||
✈
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flight-airport">
|
||||
|
||||
<span>
|
||||
مقصد
|
||||
</span>
|
||||
<div class="mt-auto d-flex justify-content-between align-items-center">
|
||||
|
||||
<strong>
|
||||
{{ $flight->destination }}
|
||||
{{ number_format($flight->price) }} تومان
|
||||
</strong>
|
||||
|
||||
<a href="{{ route('flights.show',$flight) }}"
|
||||
class="btn btn-primary rounded-pill">
|
||||
مشاهده
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- flight details -->
|
||||
<div class="flight-card_details">
|
||||
|
||||
<div>
|
||||
<span>
|
||||
تاریخ پرواز
|
||||
</span>
|
||||
|
||||
<strong>
|
||||
{{ $flight->departure_date?->format('Y/m/d') }}
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<span>
|
||||
ساعت حرکت
|
||||
</span>
|
||||
|
||||
<strong>
|
||||
{{ $flight->departure_time?->format('H:i') }}
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<span>
|
||||
ساعت رسیدن
|
||||
</span>
|
||||
|
||||
<strong>
|
||||
{{ $flight->arrival_time?->format('H:i') }}
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- flight footer -->
|
||||
<div class="flight-card_footer">
|
||||
|
||||
<div class="flight-price">
|
||||
|
||||
<span>
|
||||
قیمت
|
||||
</span>
|
||||
|
||||
<strong>
|
||||
{{ number_format($flight->price) }}
|
||||
|
||||
<small>
|
||||
تومان
|
||||
</small>
|
||||
</strong>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<a href="#" class="flight-detail-button">
|
||||
جزئیات
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
</div></div>
|
||||
|
||||
@@ -1,74 +1,43 @@
|
||||
@foreach($tours as $tour)
|
||||
<!-- TOUR ITEM -->
|
||||
<div class="swiper-slide tour-card group">
|
||||
<div class="swiper-slide">
|
||||
<div class="card border-0 shadow-sm rounded-4 overflow-hidden h-100">
|
||||
|
||||
<!-- tour image -->
|
||||
<a href="#">
|
||||
<div class="position-relative" style="height: 170px;">
|
||||
@if($tour->image)
|
||||
<img src="{{ asset('storage/'.$tour->image) }}"
|
||||
class="w-100 h-100 object-fit-cover"
|
||||
alt="{{ $tour->title }}">
|
||||
@else
|
||||
<div class="w-100 h-100 bg-light"></div>
|
||||
@endif
|
||||
|
||||
<img
|
||||
class="tour-card_img"
|
||||
src="{{ $tour->image ?? asset('assets/img/placeholder.jpg') }}"
|
||||
alt="{{ $tour->title }}"
|
||||
>
|
||||
<span class="position-absolute top-0 end-0 m-2 badge rounded-pill" style="background: var(--teal);">
|
||||
تور
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h5 class="card-title fw-bold fs-6 mb-2">{{ $tour->title }}</h5>
|
||||
|
||||
<!-- tour content -->
|
||||
<div class="tour-card_content">
|
||||
@if($tour->summary)
|
||||
<p class="text-secondary small mb-3">{{ \Illuminate\Support\Str::limit($tour->summary, 70) }}</p>
|
||||
@endif
|
||||
|
||||
<!-- title -->
|
||||
<a href="#" class="tour-card_title">
|
||||
{{ $tour->title }}
|
||||
</a>
|
||||
<div class="small text-secondary mb-3">
|
||||
<i class="bi bi-calendar-event"></i>
|
||||
تاریخ حرکت: {{ optional($tour->departure_date)->format('Y/m/d') }}
|
||||
</div>
|
||||
|
||||
<!-- destination -->
|
||||
<div class="tour-card_destination">
|
||||
|
||||
<span>
|
||||
📍
|
||||
<div class="mt-auto d-flex justify-content-between align-items-center">
|
||||
<span class="fw-bold" style="color: var(--blue);">
|
||||
{{ number_format($tour->price) }} تومان
|
||||
</span>
|
||||
|
||||
{{ $tour->destination }}
|
||||
|
||||
<a href="{{ route('tours.show', $tour) }}"
|
||||
class="btn btn-sm rounded-pill px-3 text-white"
|
||||
style="background: var(--blue);">
|
||||
مشاهده
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- details -->
|
||||
<div class="tour-card_details">
|
||||
|
||||
<div>
|
||||
<span>مدت تور</span>
|
||||
|
||||
<strong>
|
||||
{{ $tour->duration }} روز
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<span>ظرفیت</span>
|
||||
|
||||
<strong>
|
||||
{{ $tour->capacity }} نفر
|
||||
</strong>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- price -->
|
||||
<div class="tour-card_price">
|
||||
|
||||
<span>
|
||||
شروع قیمت از
|
||||
</span>
|
||||
|
||||
<strong>
|
||||
{{ number_format($tour->price) }}
|
||||
<small>تومان</small>
|
||||
</strong>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user