81 lines
2.7 KiB
PHP
81 lines
2.7 KiB
PHP
@extends('layout.master')
|
|
|
|
@section('body-class', 'page-account-wishlist')
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<x-shop-breadcrumb type="static" value="account.wishlist.index" />
|
|
|
|
<div class="row">
|
|
<x-shop-sidebar />
|
|
|
|
<div class="col-12 col-md-9">
|
|
<div class="card mb-4 h-min-600">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<h5 class="card-title">{{ __('shop/account.wishlist.index') }}</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<table class="table align-middle">
|
|
<thead>
|
|
<tr>
|
|
<th width="90px"></th>
|
|
<th>{{ __('shop/account.wishlist.product') }}</th>
|
|
<th>{{ __('shop/account.wishlist.price') }}</th>
|
|
<th class="text-end"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@if (count($wishlist))
|
|
@foreach ($wishlist as $item)
|
|
<tr data-id="{{ $item['id'] }}">
|
|
<td>
|
|
<div class="wh-70 border d-flex justify-content-between align-items-center"><img src="{{ $item['image'] }}" class="img-fluid"></div>
|
|
</td>
|
|
<td>{{ $item['product_name'] }}</td>
|
|
<td>{{ $item['price'] }}</td>
|
|
<td class="text-end">
|
|
<div class="">
|
|
<a class="btn btn-dark btn-sm add-cart"
|
|
href="{{ shop_route('products.show', $item['product_id']) }}">{{ __('shop/account.wishlist.check_details') }}</a>
|
|
<button class="btn btn-danger btn-sm remove-wishlist"><i class="bi bi-x-lg"></i></button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
@else
|
|
<tr>
|
|
<td colspan="4" class="border-0">
|
|
<x-shop-no-data />
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('add-scripts')
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.remove-wishlist').click(function() {
|
|
const product_id = $(this).closest('tr').data('id');
|
|
|
|
$http.delete('account/wishlist/' + product_id).then((res) => {
|
|
if (res.status == 'success') {
|
|
$(this).closest('tr').fadeOut(function() {
|
|
$(this).remove();
|
|
if ($('.remove-wishlist').length == 0) {
|
|
location.reload();
|
|
}
|
|
});
|
|
}
|
|
})
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|