@extends('layouts.main')
@section('title', __('home.seo.title'))
@section('description', __('home.seo.description'))

@section('content')

<div class="page-content pt-40 pb-40 mb-160 acc-page">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 m-auto">
                <div class="row">
                    <div class="col-md-3">
                        <div class="dashboard-menu">
                            @include('auth.customer.partials.header')
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('customer.wishlist') }}</h5>
                            </div>
                            <div class="card-body">
                                <td class="table-responsive shopping-summery">
                                    @if(count($wishlist) > 0)
                                    <table class="table table-wishlist">
                                        <thead>
                                            <tr class="main-heading">
                                                <th class="custome-checkbox start">
                                                    <input class="form-check-input" type="checkbox" name="checkbox" id="exampleCheckbox11" value="" />
                                                    <label class="form-check-label" for="exampleCheckbox11"></label>
                                                </th>
                                                <th scope="col">{{ __('customer.product') }}</th>
                                                <th scope="col">{{ __('customer.price') }}</th>
                                                <th scope="col">{{ __('customer.availability') }}</th>
                                                <th scope="col">{{ __('customer.actionsColumn') }}</th>
                                                <th scope="col" class="end"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($wishlist as $id => $details)
                                            <tr class="pt-30">
                                                <td class="custome-checkbox">
                                                    <input class="form-check-input" type="checkbox" name="checkbox" id="exampleCheckbox1" value="" />
                                                    <label class="form-check-label" for="exampleCheckbox1"></label>
                                                </td>
                                                <td>
                                                    <div class="product-des product-name">
                                                        @if($details->product['img_01'] != null && Storage::exists($details->product['img_01']))
                                                        <img src="{{ Storage::url($details->product['img_01']) }}" alt="{{\Str::of($details->product['img_01'])->basename('.jpg')}}">
                                                        @else
                                                        <img src="{{'/uploads/default/default.jpg' }}" alt="{{\Str::of('/uploads/default/default.jpg')->basename('.jpg')}}">
                                                        @endif
                                                        <h6>
                                                            <a class="product-name mb-10" href="{{ route('shop.show',[  $details->product->id,$details->product->slug]) }}">{{$details->product->item_name}}</a>
                                                        </h6>
                                                    </div>
                                                </td>
                                                <td class="price" data-title="{{ __('customer.price') }}">
                                                    <span class="text-black">{{ priceView($details->product->price) }}</span>
                                                </td>

                                                <td class="text-center detail-info" data-title="{{ __('customer.availability') }}">
                                                    @if($details->product->stock_qty > 0 && $details->product->purchasable == true)
                                                    <span class="stock-status in-stock mb-0" style="color:#1c681c">{{ __('customer.in_stock') }}</span>
                                                    @else
                                                    <span class="stock-status out-stock mb-0">{{ __('customer.not_available') }}</span>
                                                    @endif
                                                </td>

                                                @if($details->product->stock_qty > 0 && $details->product->purchasable == true)
                                                <td class="text-right">
                                                        <a href="{{route('addcart', [ $details->product->id])}}" class="btn btn-sm"><i class="fi-rs-shopping-cart mr-5"></i> {{ __('customer.add_to_cart') }}</a>
                                                </td>
                                                @else
                                                <div class="product-price" hidden>
                                                    <span>{{ priceView($details->product->price) }}</span>
                                                </div>
                                                <td class="text-right">
                                                    <div class="product-card-bottom">
                                                        <a href="{{ route('shop.show',[  $details->product->id,$details->product->slug]) }}" class="add" title="{{ __('customer.more_info') }}"><i class="fi-rs-envelope mr-5"></i>{{ __('customer.more_info') }}</a>
                                                    </div>
                                                </td>
                                                @endif
                                                <td class="action text-center" data-title="{{ __('customer.remove') }}">
                                                    <a href="{{route('removewish', [$details->product->id])}}" class="text-body"><i class="fi-rs-trash"></i></a>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    @else
                                    <p>{{ __('customer.no_favorites') }}</p>
                                    @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<style>
    .shopping-summery table td,
    .shopping-summery table th,
    .shopping-summery table thead {
        border-radius: 0px !important;
    }
</style>
@endsection