163 lines
3.6 KiB
PHP
163 lines
3.6 KiB
PHP
<style>
|
|
.flight-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.flight-col {
|
|
display: flex;
|
|
}
|
|
|
|
.flight-item {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flight-img {
|
|
height: 200px;
|
|
min-height: 200px;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.flight-img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
display: block;
|
|
}
|
|
|
|
.flight-content {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flight-title {
|
|
flex: 1;
|
|
}
|
|
|
|
.flight-title-info {
|
|
min-height: 55px;
|
|
}
|
|
|
|
.flight-title-info h4 {
|
|
min-height: 48px;
|
|
}
|
|
|
|
.flight-date {
|
|
min-height: 25px;
|
|
}
|
|
|
|
.flight-bottom {
|
|
margin-top: auto;
|
|
}
|
|
</style>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="flight-item">
|
|
|
|
<div class="flight-img">
|
|
|
|
@if($flight?->file_id)
|
|
<img
|
|
src="{{ getFileUrl($flight->file_id) }}"
|
|
alt="{{ $flight->title }}"
|
|
>
|
|
@else
|
|
<img
|
|
src="{{ asset('assets/img/flight/01.jpg') }}"
|
|
alt="{{ $flight->title }}"
|
|
>
|
|
@endif
|
|
|
|
<a
|
|
href="{{ route('account.wishlist.toggle', [
|
|
'type' => 'flight',
|
|
'id' => $flight->id
|
|
]) }}"
|
|
class="add-wishlist"
|
|
>
|
|
<i class="far fa-heart"></i>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="flight-content">
|
|
|
|
<div class="flight-title">
|
|
|
|
<div class="flight-title-info">
|
|
|
|
<img
|
|
src="{{ asset('assets/img/flight/airline-1.png') }}"
|
|
alt
|
|
>
|
|
|
|
<h4>
|
|
<a href="#">
|
|
{{ $flight->departureAirport?->city?->name }}
|
|
|
|
<i class="far fa-exchange"></i>
|
|
|
|
{{ $flight->arrivalAirport?->city?->name }}
|
|
</a>
|
|
</h4>
|
|
|
|
</div>
|
|
|
|
<p class="flight-type">
|
|
<i class="far fa-plane"></i>
|
|
|
|
@switch($flight->flight_type)
|
|
|
|
@case(0)
|
|
رفت
|
|
@break
|
|
|
|
@case(1)
|
|
برگشت
|
|
@break
|
|
|
|
@case(2)
|
|
رفت و برگشت
|
|
@break
|
|
|
|
@default
|
|
-
|
|
@endswitch
|
|
</p>
|
|
|
|
<p class="flight-date">
|
|
<i class="far fa-calendar-days"></i>
|
|
{{ $flight->departure_time->toJalali()->format('Y/m/d H:i') }}
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="flight-bottom">
|
|
|
|
<div class="flight-price">
|
|
از
|
|
<span>
|
|
{{ number_format($flight->price) }} تومان
|
|
</span>
|
|
</div>
|
|
|
|
<div class="flight-text-btn">
|
|
<a href="{{ route('flights.show', $flight->id) }}">
|
|
نمایش جزئیات
|
|
<i class="fas fa-arrow-left"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|