96 lines
4.8 KiB
PHP
96 lines
4.8 KiB
PHP
@extends('frontend.layouts.user_panel')
|
|
|
|
@section('panel_content')
|
|
<div class="aiz-titlebar mb-4">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<b class="fs-20 fw-700 text-dark">{{ translate('Wishlist')}}</b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@if (count($wishlists) > 0)
|
|
<div class="row row-cols-xxl-5 row-cols-xl-4 row-cols-lg-4 row-cols-md-3 row-cols-sm-2 row-cols-2 gutters-16 border-top border-left mx-1 mx-md-0 mb-4">
|
|
@foreach($wishlists as $key => $wishlist)
|
|
@if ($wishlist->product != null)
|
|
<div class="aiz-card-box col py-3 text-center border-right border-bottom has-transition hov-shadow-out z-1" id="wishlist_{{ $wishlist->id }}">
|
|
<div class="position-relative h-140px h-md-200px img-fit overflow-hidden mb-3">
|
|
<!-- Image -->
|
|
<a href="{{ route('product', $wishlist->product->slug) }}" class="d-block h-100">
|
|
<img src="{{ uploaded_asset($wishlist->product->thumbnail_img) }}" class="lazyload mx-auto img-fit"
|
|
title="{{ $wishlist->product->getTranslation('name') }}">
|
|
</a>
|
|
<!-- Remove from wishlisht -->
|
|
<div class="absolute-top-right aiz-p-hov-icon">
|
|
<a href="javascript:void(0)" onclick="removeFromWishlist({{ $wishlist->id }})" data-toggle="tooltip" data-title="{{ translate('Remove from wishlist') }}" data-placement="left">
|
|
<i class="la la-trash"></i>
|
|
</a>
|
|
</div>
|
|
<!-- add to cart -->
|
|
<a class="cart-btn absolute-bottom-left w-100 h-35px aiz-p-hov-icon text-white fs-13 fw-700 d-flex justify-content-center align-items-center"
|
|
href="javascript:void(0)" onclick="showAddToCartModal({{ $wishlist->product->id }})">{{ translate('Add to Cart') }}</a>
|
|
</div>
|
|
<!-- Product Name -->
|
|
<h5 class="fs-14 mb-0 lh-1-5 fw-400 text-truncate-2 mb-3">
|
|
<a href="{{ route('product', $wishlist->product->slug) }}" class="text-reset hov-text-primary"
|
|
title="{{ $wishlist->product->getTranslation('name') }}">{{ $wishlist->product->getTranslation('name') }}</a>
|
|
</h5>
|
|
<!-- Price -->
|
|
<div class="fs-14">
|
|
<span class="fw-600 text-primary">{{ home_discounted_base_price($wishlist->product) }}</span>
|
|
@if(home_base_price($wishlist->product) != home_discounted_base_price($wishlist->product))
|
|
<del class="opacity-60 ml-1">{{ home_base_price($wishlist->product) }}</del>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
@else
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="text-center bg-white p-4 border">
|
|
<img class="mw-100 h-200px" src="{{ static_asset('assets/img/nothing.svg') }}" alt="Image">
|
|
<h5 class="mb-0 h5 mt-3">{{ translate("There isn't anything added yet")}}</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<!-- Pagination -->
|
|
<div class="aiz-pagination">
|
|
{{ $wishlists->links() }}
|
|
</div>
|
|
@endsection
|
|
|
|
@section('modal')
|
|
<!-- add To Cart Modal -->
|
|
<div class="modal fade" id="addToCart" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-zoom product-modal" id="modal-size" role="document">
|
|
<div class="modal-content position-relative">
|
|
<div class="c-preloader">
|
|
<i class="fa fa-spin fa-spinner"></i>
|
|
</div>
|
|
<button type="button" class="close absolute-close-btn" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<div id="addToCart-modal-body">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@section('script')
|
|
<script type="text/javascript">
|
|
function removeFromWishlist(id){
|
|
$.post('{{ route('wishlists.remove') }}',{_token:'{{ csrf_token() }}', id:id}, function(data){
|
|
$('#wishlist').html(data);
|
|
$('#wishlist_'+id).hide();
|
|
AIZ.plugins.notify('success', '{{ translate("Item has been renoved from wishlist") }}');
|
|
})
|
|
}
|
|
</script>
|
|
@endsection
|