feat: complete wishlist in user dashboard
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
<main class="main">
|
||||
|
||||
<div class="site-breadcrumb" style="background: url({{asset('assets/img/breadcrumb/02.jpg')}})">
|
||||
<div class="container">
|
||||
<h2 class="breadcrumb-title">@yield('title')</h2>
|
||||
<ul class="breadcrumb-menu">
|
||||
<li><a href="{{route('index')}}">صفحه اصلی</a></li>
|
||||
<li class="active">@yield('title')</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-profile py-120">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
@include('account.layouts.sidebar')
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
@yield('account-content')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
@endsection
|
||||
|
||||
@@ -0,0 +1,236 @@
|
||||
@extends('account.layouts.app')
|
||||
|
||||
@section('title', 'علاقهمندیها')
|
||||
|
||||
@section('account-content')
|
||||
|
||||
```
|
||||
<div class="col-lg-9">
|
||||
<div class="user-profile-wrapper">
|
||||
<div class="user-profile-card">
|
||||
|
||||
<h4 class="user-profile-card-title">فهرست علاقهمندیها</h4>
|
||||
|
||||
<div class="row mt-30">
|
||||
|
||||
@forelse($wishlists as $wishlist)
|
||||
|
||||
|
||||
@if($wishlist->tour)
|
||||
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="tour-item h-100">
|
||||
|
||||
<div class="tour-img position-relative">
|
||||
|
||||
<span class="badge position-absolute top-0 start-0 m-3">
|
||||
تور
|
||||
</span>
|
||||
|
||||
<img
|
||||
src="{{ $wishlist->tour->file
|
||||
? asset('storage/' . $wishlist->tour->file->path)
|
||||
: asset('assets/img/tour/01.jpg') }}"
|
||||
alt="{{ $wishlist->tour->title }}"
|
||||
>
|
||||
|
||||
<a
|
||||
href="{{ route('account.wishlist.toggle', [
|
||||
'type' => 'tour',
|
||||
'id' => $wishlist->tour->id
|
||||
]) }}"
|
||||
class="add-wishlist"
|
||||
>
|
||||
<i class="fas fa-heart"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tour-content d-flex flex-column">
|
||||
|
||||
<div class="tour-top">
|
||||
<span class="tour-place">
|
||||
<i class="far fa-earth-americas"></i>
|
||||
{{ $wishlist->tour->origin }}
|
||||
-
|
||||
{{ $wishlist->tour->destination }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<h4 class="tour-title">
|
||||
<a href="{{ route('tours.show', $wishlist->tour->id) }}">
|
||||
{{ $wishlist->tour->title }}
|
||||
</a>
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
<i class="far fa-location-dot"></i>
|
||||
{{ $wishlist->tour->summary }}
|
||||
</p>
|
||||
|
||||
<div class="tour-duration">
|
||||
<i class="far fa-clock"></i>
|
||||
سفر {{ $wishlist->tour->duration }}
|
||||
روز و
|
||||
{{ $wishlist->tour->duration - 1 }}
|
||||
شب
|
||||
</div>
|
||||
|
||||
<div class="tour-bottom mt-auto">
|
||||
|
||||
<div class="tour-price">
|
||||
از
|
||||
<span>
|
||||
{{ number_format($wishlist->tour->price) }}
|
||||
تومان
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="tour-text-btn">
|
||||
<a href="{{ route('tours.show', $wishlist->tour->id) }}">
|
||||
بیشتر ببین
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@elseif($wishlist->flight)
|
||||
|
||||
<div class="col-md-6 col-lg-4 mb-4">
|
||||
<div class="tour-item h-100">
|
||||
|
||||
<div class="tour-img position-relative">
|
||||
|
||||
<span class="badge position-absolute top-0 start-0 m-3">
|
||||
پرواز
|
||||
</span>
|
||||
|
||||
<img
|
||||
src="{{ $wishlist->flight->file
|
||||
? asset('storage/' . $wishlist->flight->file->path)
|
||||
: asset('assets/img/flight/01.jpg') }}"
|
||||
alt="{{ $wishlist->flight->title }}"
|
||||
>
|
||||
|
||||
<a
|
||||
href="{{ route('account.wishlist.toggle', [
|
||||
'type' => 'flight',
|
||||
'id' => $wishlist->flight->id
|
||||
]) }}"
|
||||
class="add-wishlist"
|
||||
>
|
||||
<i class="fas fa-heart"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tour-content d-flex flex-column">
|
||||
|
||||
<div class="tour-top">
|
||||
<span class="tour-place">
|
||||
<i class="far fa-plane"></i>
|
||||
پرواز
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<h4 class="tour-title">
|
||||
{{ $wishlist->flight->title }}
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
<i class="far fa-building"></i>
|
||||
{{ $wishlist->flight->airline->name ?? 'شرکت هواپیمایی' }}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<i class="far fa-route"></i>
|
||||
|
||||
{{ $wishlist->flight->departureAirport->city->name ?? 'مبدا' }}
|
||||
-
|
||||
{{ $wishlist->flight->arrivalAirport->city->name ?? 'مقصد' }}
|
||||
|
||||
</p>
|
||||
|
||||
<div class="tour-duration">
|
||||
<i class="far fa-clock"></i>
|
||||
|
||||
@if($wishlist->flight->departure_time)
|
||||
{{ $wishlist->flight->departure_time->format('Y/m/d H:i') }}
|
||||
@else
|
||||
زمان حرکت مشخص نشده
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tour-bottom mt-auto">
|
||||
|
||||
<div class="tour-price">
|
||||
از
|
||||
|
||||
<span>
|
||||
{{ number_format($wishlist->flight->price) }}
|
||||
تومان
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="tour-text-btn">
|
||||
<a href="{{ route('flights.show', $wishlist->flight->id) }}">
|
||||
بیشتر ببین
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endif
|
||||
|
||||
@empty
|
||||
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center py-5">
|
||||
|
||||
<i class="far fa-heart fa-3x mb-3"></i>
|
||||
|
||||
<h5>
|
||||
هنوز چیزی به علاقهمندیهای شما اضافه نشده است.
|
||||
</h5>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforelse
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@if(method_exists($wishlists, 'hasPages') && $wishlists->hasPages())
|
||||
|
||||
<div class="pagination-area my-4">
|
||||
|
||||
<div aria-label="Page navigation example">
|
||||
{{ $wishlists->links() }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user