@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')
    <main>
        {{-- Section : Product List --}}
        <div class="pt-2 pt-lg-4">
            <div class="text-center">
                <h2 class="title-text --spacing">@lang('frontend.frnd_70')</h2>
            </div>
        </div>
        <div class="container py-6 lg:pt-12">
            <div class="col">
                <div class="row">
                    @foreach ($products as $product)
                        @php
                            $paymentDate = date('Y-m-d');
                            $paymentDate = date('Y-m-d', strtotime($paymentDate));
                            $price = calculator_price($product->item_price);
                            $get_image_item = setImage($product->id);
                        @endphp
                        <div class="col-6 col-md-4 col-xl-3 pb-4">
                            <div class="tips-card meta-to-product">
                                <div class="tips-product relative"
                                    @if (!empty($product->status_board)) 
                                        @if (!empty($price['discount_type'])) 
                                            data-discount="%" 
                                        @endif
                                    @endif
                                    @if (empty($product->status_board) && ($paymentDate >= date('Y-m-d', strtotime(!empty($product->date_start)?$product->date_start:'')) && ($paymentDate <= date('Y-m-d', strtotime(!empty($product->date_end)?$product->date_end:''))))) 
                                        @if (!empty($price['discount_type']))  
                                            data-discount="%" 
                                        @endif
                                    @endif
                                    >
                                    <div class="tips-img">
                                        <img src="{{ convert_image(json_decode($product->items_only[0]->images)[0]->image ?? '', 'product') }}" alt="" />
                                    </div>
                                    <p class="tips-tag">{{!empty($product->status_new)?'NEW':''}}</p>
                                    {{-- @if (!empty($price['discount_type']))
                                        <p class="tips-tag-right tag-price-style">{{ $price['discount_percent'] }}%</p>
                                    @endif --}}
                                    <div class="wishlist-container">
                                        <div class="the-heart active" onclick="cancel_wishlist({{ $product->id ?? 0 }})">
                                            <img src="{{ Module::asset('frontend:img/_default_img/cart-delete.svg') }}" alt="" />
                                        </div>
                                    </div>
                                </div>
                                <div class="tips-detail">
                                    <div class="tips-detail-title"> <span>{{ $product['name_' . $pageInit['lang']] ?? '' }}</span><span>{!! backProductName($product, $get_image_item['foritems']??'', $pageInit['lang']) !!}</span></div>
                                    <div class="tips-detail-extra">
                                        @if (!empty($price['discount_type']))
                                            <p class="dis-dash">{{ number_format($price['old_price'], 2) }}</p>
                                            <p class="the-price-card"><span class="prc">THB {{ number_format($price['total_price'], 2) }} </span><span class="red">({{ $price['discount_percent'] }}@lang('frontend::lang.product_01'))</span></p>
                                        @else
                                        <p class="dis-dash"></p>
                                            <p class="the-price-card"><span class="prc">THB {{ number_format($price['total_price'], 2) }} </span></p>
                                        @endif
                                    </div>
                                </div>
                                {{-- <a href="{{ url('couple-selector') }}"></a> --}}
                                <a href="{{ mwz_route('frontend.jewelry.detail', [create_slug($product)]) }}"></a>
                            </div>
                            <a href="{{ mwz_route('frontend.jewelry.detail', [create_slug($product)]) }}"><button class="butn-submit add2bag-btn py-2" type="button">@lang('frontend.frnd_71')</button></a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')

    <script>
        $('.the-heart').click(function() {
            $(this).toggleClass('active')
        })

        cancel_wishlist = function(id) {
            let _token = $('meta[name="csrf-token"]').attr('content');
            let url_webpage = $('#url_webpage').val();

            $.ajax({
                url: url_webpage + locale_lang() + "wishlist/cancel-wishlist",
                type: "POST",
                data: {
                    id: id,
                    _token: _token
                },
                success: function success() {
                    top.window.location.reload()
                },
                error: function() {
                    top.window.location.reload()
                }
            });
        }
    </script>

@endsection