117 lines
2.7 KiB
PHP
117 lines
2.7 KiB
PHP
<style>
|
|
.tour-item {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.tour-img {
|
|
height: 260px;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tour-img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
display: block;
|
|
}
|
|
|
|
.tour-content {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.tour-title {
|
|
min-height: 50px;
|
|
}
|
|
|
|
.tour-content > p {
|
|
min-height: 48px;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tour-duration {
|
|
min-height: 25px;
|
|
}
|
|
|
|
.tour-bottom {
|
|
margin-top: auto;
|
|
}
|
|
</style>
|
|
|
|
<div class="col-md-6 col-lg-6">
|
|
<div class="tour-item">
|
|
|
|
<div class="tour-img">
|
|
@if(getFileUrl($tour?->file?->id))
|
|
<img
|
|
src="{{ getFileUrl($tour?->file?->id) }}"
|
|
alt="{{ $tour->title }}"
|
|
style=""
|
|
>
|
|
@else
|
|
<img src="{{ asset('assets/img/tour/02.jpg') }}" alt
|
|
style="">
|
|
@endif
|
|
|
|
<a href="{{ route('account.wishlist.toggle', [
|
|
'type' => 'tour',
|
|
'id' => $tour->id
|
|
]) }}" class="add-wishlist">
|
|
<i class="far fa-heart"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="tour-content">
|
|
|
|
<div class="tour-top">
|
|
<span class="tour-place">
|
|
<i class="far fa-earth-americas"></i>
|
|
{{ $tour->origin }} - {{ $tour->destination }}
|
|
</span>
|
|
</div>
|
|
|
|
<h4 class="tour-title">
|
|
<a href="{{ route('tours.show', $tour->id) }}">
|
|
{{ $tour->title }}
|
|
</a>
|
|
</h4>
|
|
|
|
<p>
|
|
<i class="far fa-location-dot"></i>
|
|
{{ $tour->summary }}
|
|
</p>
|
|
|
|
<div class="tour-duration">
|
|
<i class="far fa-clock"></i>
|
|
سفر {{ $tour->duration }} روز و {{ $tour->duration - 1 }} شب
|
|
</div>
|
|
|
|
<div class="tour-bottom">
|
|
|
|
<div class="tour-price">
|
|
از
|
|
<span>
|
|
{{ number_format($tour->price) }} تومان
|
|
</span>
|
|
</div>
|
|
|
|
<div class="tour-text-btn">
|
|
<a href="{{ route('tours.show', $tour->id) }}">
|
|
بیشتر ببین
|
|
<i class="fas fa-arrow-left"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|