@extends('master')

@section('seo_title', 'Wishlist')
@section('seo_keywords', '')
@section('seo_description', '')

@section('content')

    <meta name="locale" content="{{ app()->getLocale() }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <section class="generic-page-content">
        @include('layout.breadcrumbs', ['page_title' => __('messages.WISHLIST')])

        <div class="container">
            <div class="row my-5">

                @include('account.dashboard.sidebar')

                <!-- right dashboard column -->
                <div class="col-lg-9 col-md-8 col-12">
                    <div class="py-6 p-md-6 p-lg-10">
                        <h2 class="mb-6">@lang('messages.WISHLIST')</h2>
                        @if (count($wishlist) > 0)
                            <!-- product grid -->
                            <section class="product-grid">
                                <div class="container-fluid">
                                    <div class="row">
                                        @foreach ($wishlist as $item)
                                            @php
                                                $isInSale = $item['product']['regularPrice'] > $item['product']['salePrice'];
                                            @endphp
                                            <!-- item -->
                                            <div class="col-6 col-lg-3" id="wishlist_{{$item['id']}}">
                                                <div class="card">
                                                    @if ($isInSale)
                                                        <div class="sale-badge">-{{ number_format($item['product']['promocao_valor'], 0, '', '') }}{{ $item['product']['promocao_tipo'] == 1 ? Helper::currencySymbol() : '%' }} off</div>
                                                    @endif
                                                    <a href="/{{ app()->getLocale() }}/buy/{{ $item['product']['url_clean'] }}">
                                                        <img src="{{ $item['product']['image'] }}" class="card-img-top" alt="{{ $item['product']['name'] }}">
                                                    </a>
                                                    <div class="card-body">
                                                        <a href="/{{ app()->getLocale() }}/buy/{{ $item['product']['url_clean'] }}">
                                                            <h5 class="card-title">{{ $item['product']['name'] }}</h5>
                                                        </a>
                                                        <!-- Pricing -->
                                                        @if ($isInSale)
                                                            <p class="card-text">
                                                                <span class="text-decoration-line-through"><s class="text-secondary me-3">{{ Helper::formatAsCurrency($item['product']['regularPrice']) }}</s></span>
                                                                <span class="text-danger">{{ Helper::formatAsCurrency($item['product']['salePrice']) }}</span>
                                                            </p>
                                                        @else
                                                            <div class="productPricing">
                                                                {{ Helper::formatAsCurrency($item['product']['salePrice']) }}
                                                            </div>
                                                        @endif
                                                        <!-- end Pricing -->
                                                        <div class="d-flex flex-column align-items-center gap-2 buy-cta">
                                                            @if ($item['product']['stock'] > 0)
                                                                <form id="add-item-form" action="#" method="post" class="d-flex flex-row justify-content-between align-items-center">
                                                                    <input class="quantity" type="hidden" name="quantity" value="1">
                                                                    <!-- buy CTA -->
                                                                    <a href="#" id="add-to-cart" class="btn btn-primary btn-sm add-product-to-cart" data-id="{{ $item['product']['cpr'] }}" name="add">
                                                                        <i class="fa-solid fa-bag-shopping me-2"></i>
                                                                        <i class="fas fa-spinner fa-spin d-none loading"></i>
                                                                        @lang('messages.ADD_TO_CART')
                                                                    </a>
                                                                    <!-- end buy CTA -->
                                                                </form>
                                                            @endif

                                                            <a href="#" class="btn btn-danger btn-sm remove-product-from-wishlist"
                                                            data-id="{{ $item['id'] }}" data-action="remove">
                                                                <i class="fa-solid fa-xmark fa-xl me-2"></i>
                                                                @lang('messages.REMOVE')
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- end item -->
                                        @endforeach
                                    </div>
                                </div>
                            </section>
                            <!-- end product grid -->
                        @else
                            <div class="row">
                                <div class="col-12">
                                    @lang('messages.WISHLIST_NO_PRODUCTS')
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                <!-- end right dashboard column -->
            </div>
        </div>
    </section>

@endsection