{{--
The Template for displaying all single products

This template can be overridden by copying it to yourtheme/woocommerce/single-product.php.

HOWEVER, on occasion WooCommerce will need to update template files and you
(the theme developer) will need to copy the new files to your theme to
maintain compatibility. We try to do this as little as possible, but it does
happen. When this occurs the version of the template file will be bumped and
the readme will list any important changes.

@see         https://docs.woocommerce.com/document/template-structure/
@package     WooCommerce\Templates
@version     1.6.4
--}}

@extends('layouts.app')

@section('content')
<section class="product {{ $is_special_layout ? 'special-layout-product' : '' }} {{ $description_tabs ? 'has-description-tabs' : '' }}">
    <div class="container">
        <div class="product__outter">
            <div class="product__images">
                @if (!$is_special_layout)
                    <div class="product__gallery">
                        <div class="product__gallery-overlay product__gallery-overlay--top d-none">
                            <span></span>
                        </div>
                        @if ($variations)
                            @foreach ($variations as $var)
                                <div class="product__gallery-variation js-var-gallery {{ $loop->index == 0 ? 'active' : '' }}" data-gallery-var-id="{{ $var['id'] }}">
                                    @foreach ($var['variation_gallery_images'] as $img)
                                        <img class="product__gallery-image js-small-image {{ $loop->index == 0 ? 'chosen' : '' }}" src="{{ $img['gallery_thumbnail_src'] }}" data-full-src="{{ $img['url'] }}" />
                                    @endforeach
                                </div>
                            @endforeach
                        @else
                            <img class="product__gallery-image chosen js-small-image" src="{{ $medium_size_featured[0] }}" data-full-src="{{ $full_size_featured[0] }}" />
                            @foreach ($gallery_ids as $id)
                                <img class="product__gallery-image js-small-image" src="{{ wp_get_attachment_image_src($id, 'medium')[0] }}" data-full-src="{{ wp_get_attachment_image_src($id, 'full')[0] }}" />
                            @endforeach
                        @endif
                        <div class="product__gallery-overlay product__gallery-overlay--bottom">
                            <span></span>
                        </div>
                    </div>
                @endif

                <div class="product__featured-image-wrap">
                    @if (!$is_special_layout)
                        <div class="product__image-upper">
                            @if ($show_custom_sale_label && $is_on_sale)
                                <span class="btn btn--md new js-custom-sale-label" style="color: {{ $sale_label_text_color }}; background-color: {{ $sale_label_background_color }};">{{ $sale_label }}</span>
                            @elseif ($is_on_sale)
                                <span class="btn btn--md sale js-sale-label">{{ __('Akcija', 'martimex') }}</span>
                            @elseif ($is_new)
                                <span class="btn btn--md new">{{ __('Novo', 'martimex') }}</span>
                            @endif

                            <div class="product__wishlist {{ $is_in_wishlist ? 'in-wishlist' : 'js-wishlist ' }}" data-wishlist-prod-id="{{ $product_id }}">
                                <span class="product__wishlist-icon"></span>
                                <span class="product__wishlist-icon-hover"></span>
                                <span class="product__wishlist-icon-added"></span>
                            </div>
                        </div>
                    @endif
                    <img class="js-featured-image" src="{{ $full_size_featured[0] }}" alt="{{ $title }}"/>

                    <div class="swiper-product-featured">
                        <div class="swiper-wrapper">
                            @if ($variations)
                                @foreach ($variations as $var)
                                    @foreach ($var['variation_gallery_images'] as $img)
                                        <x-image-component :image-id="$img['image_id']" class="{{'product__mobile-images-single swiper-slide'}}" default-size="product-medium" data-gallery-var-id="{{ $var['id'] }}" />
                                    @endforeach
                                @endforeach
                            @else
                                    <x-image-component :image-id="$featured_id" class="{{'product__mobile-images-single swiper-slide'}}" default-size="product-medium" />
                                @foreach ($gallery_ids as $id)
                                    <x-image-component :image-id="$id" class="{{'product__mobile-images-single swiper-slide'}}" default-size="product-medium" />
                                @endforeach
                            @endif
                        </div>
                    </div>

                    @include('icons.arrow', ['class' => 'js-prev'])
                    @include('icons.arrow', ['class' => 'js-next'])
                </div>
            </div>

            <div class="product__inner">

                @if (!$is_special_layout)
                    <div class="product__breadcrumbs">
                        @foreach ($breadcrumbs as $item)

                            @if ($loop->last)
                                <span class ="h6">{!! $item['name'] !!}</span>
                            @else
                                <a href="{{ $item['link'] }}" class="h6">{!! $item['name'] !!}</a>
                                @include('icons.arrow')
                            @endif
                        @endforeach
                    </div>
                @endif

                <div class="product__title-wrap">
                    @if ($brand_image && !$is_special_layout)
                        <a href="{{ $brand_link }}" >
                            <x-image-component :image-id="$brand_image" class="{{'page-static__featured-image'}}" default-size="full" />
                        </a>
                    @endif

                    <h1 class="{{ $is_special_layout ? '' : 'h2' }}">{!! $title !!}</h1>

                    <div class="product__sku-wrap">
                        @if ($short_description)
                            <h5>{{ $short_description }}</h5>
                            <span class="product__sku-wrap-line"></span>
                        @endif

                            @foreach ($sku as $s)
                                @if ($s->sku)
                                    <h5 class="js-var-sku {!! $first_available_variation && $first_available_variation['id'] == $s->id ? '' : ($variations ? 'd-none' : '') !!}" {!! $s->id ? 'data-sku-var-id="' . $s->id . '"' : '' !!}>{{ __('SKU: ', 'martimex') . $s->sku }}</h5>
                                @endif
                            @endforeach
                        </div>
                        <div class="product__price-wrap">
                            @if ($variations)
                                @foreach ($variations as $var)
                                    <div class="product__price js-var-price {{ $first_available_variation && $first_available_variation['id'] == $var['id'] ? '' : 'd-none' }}" data-price-var-id="{{ $var['id'] }}">
                                        <h2 class="t-700" >{!! currencyOutput($var['display_price']) !!}</h2>
                                        @if ($var['on_sale'])
                                            <h4>{!! currencyOutput($var['display_regular_price']) !!}</h4>
                                        @endif
                                    </div>
                                    @if ($var['on_sale'] && $display_lowest_price)
                                        <h6 class="lowest-price js-lowest-price {{ $first_available_variation && $first_available_variation['id'] == $var['id'] ? '' : 'd-none' }}" data-lowest-price-var-id="{{ $var['id'] }}" >{{ __('NC u zadnjih 30 dana: ', 'martimex') }}<span>{!! currencyOutput(get_lowest_price( $var['id'], $old_price )) !!}</span></h6>
                                    @endif
                                @endforeach
                            @else
                                <div class="product__price">
                                    <h2 class="t-700">{!! currencyOutput($current_price) !!}</h2>
                                    @if ($is_on_sale)
                                        <h4>{!! currencyOutput(  $old_price ) !!}</h4>
                                    @endif
                                </div>

                                @if ($is_on_sale && $display_lowest_price)
                                    <h6 class="lowest-price js-lowest-price " >{{ __('NC u zadnjih 30 dana: ', 'martimex') }} <span>{!! currencyOutput(get_lowest_price( $product_id, $old_price )) !!}</span></h6>
                                @endif
                            @endif
                        </div>

                        @if ($coupon_text && !$is_special_layout)
                            <div class="product__coupon-text">
                                <h6 class="t-700">{{ $coupon_text }}</h6>
                            </div>
                        @endif
                    </div>

                @if ($is_in_stock)
                    {!! do_action('advanced_woo_discount_rules_load_discount_bar', wc_get_product($product_id)) !!}
{{--
Temp position of notice banners
--}}
                @if ($notice_banners)
                    <div class="notice-banners notice-banner-container">
                        @foreach ($notice_banners as $banner)
                            @if($banner["show_banner_on_product"])
                                <x-notice-banner-component :banner="$banner" />
                            @endif
                        @endforeach
                    </div>
                @endif


                    @if ($variations)
                        <div class="product__variations">
                            @php
                                $keys = array_keys($var["attributes"]);
                            @endphp
                            @foreach ($variations as $var)
                                @if($keys[0] == 'attribute_pa_color')
                                    @php
                                        $col = get_term_by('slug', $var['attributes']['attribute_pa_color'], 'pa_color');
                                        $term_name = substr(get_term_meta($col->term_id, 'color_number', true) ?: '', 0, 2);
                                    @endphp
                                    <span class="product__single-variation--color js-var-btn {{ $first_available_variation && $first_available_variation['id'] == $var['id'] ? 'active' : '' }} {{ $var['in_stock'] ? '' : 'out-of-stock' }}"
                                            data-variation-id="{{ $var['id'] }}"
                                            data-var-price="{{ $var['display_price'] }}"
                                            data-var-color="{{ get_term_meta($col->term_id, 'color_number', true) }}"
                                            data-var-image-full="{{ $var['image'] }}"
                                            data-var-image-small="{{ $var['gallery_image'] }}"
                                            data-var-on-sale="{{ $var['on_sale'] }}"
                                            data-var-sale-percentage="{{ $var['sale_percentage'] }}"
                                            data-var-name="{{ $term_name }}" >
                                        <p style="background-image: url('{{ wp_get_attachment_image_src(get_term_meta($col->term_id, 'color_bg', true), 'thumbnail') ? wp_get_attachment_image_src(get_term_meta($col->term_id, 'color_bg', true), 'thumbnail')[0] : '' }}')" >
                                            <span>{{ $term_name }}</span>
                                        </p>
                                    </span>

                                @else
                                    @php
                                        $term = get_term_by( 'slug', $var['attributes'][$keys[0]], "pa_size" );

                                        if ( $term && ! is_wp_error( $term ) ) {
                                            $term_name = $term->name;
                                        } else {
                                            $term_name = $item['attributes'][$key]; // Fallback i
                                        }
                                    @endphp

                                    <span class="btn btn--md product__single-variation js-var-btn {{ $first_available_variation && ($first_available_variation['id'] == $var['id']) ? 'active' : '' }} {{ $var['in_stock'] ? '' : 'out-of-stock' }}"
                                        data-variation-id="{{ $var['id'] }}"
                                        data-var-price="{{ $var['display_price'] }}"
                                        data-var-image-full="{{ $var['image'] }}"
                                        data-var-image-small="{{ $var['gallery_image'] }}"
                                        data-var-on-sale="{{ $var['on_sale'] }}"
                                        data-var-sale-percentage="{{ $var['sale_percentage'] }}"
                                        data-var-name="{{ $term_name }}" >

                                        <span class="product__single-variation-size">{{ $term_name }}</span>
                                        <span class="product__single-variation-price">{!! currencyOutput($var['display_price']) !!}</span>
                                        @if ($var['on_sale'])
                                            <span class="product__single-variation-sale-icon">%</span>
                                        @endif
                                        @if ($var['in_stock'] == '')
                                            @include('icons.close_thick', ['class' => "product__single-variation-no-stock-icon"])
                                        @endif
                                    </span>
                                @endif
                            @endforeach

                            @if (isset($variations[0]['attributes']['attribute_pa_color']) && $variations[0]['attributes']['attribute_pa_color'])
                                @php
                                    $col = get_term_by('slug', $variations[0]['attributes']['attribute_pa_color'], 'pa_color')
                                @endphp
                                <h6 class="full-width js-color-name">{{ get_term_meta($col->term_id, 'color_number', true) }}</h6>
                            @endif
                        </div>
                    @endif

                    <div class="product__add-to-cart-wrap">
                        <div class="product__add-to-cart">
                            <div class="product__variations-no-variation-stock-notice d-none">
                                <span></span>
                                <span>{{__('Proizvod trenutno nije na stanju', 'martimex')}}</span>
                            </div>
                            <div class="product__add-to-cart-btn-quantity-wrapper">
                                <div class="product__add-to-cart-btn">
                                    <button class="btn btn--primary js-add-to-cart"
                                        data-no-stock-product-id='{{ $variations && $first_available_variation ? $first_available_variation['id'] : $product_id }}'
                                        data-price='{{ $variations && $first_available_variation ? $first_available_variation['display_price'] : $current_price }}'
                                        data-qty='1'
                                        data-currency='{{ $active_currency }}'
                                        data-name='{!! $title !!}'
                                        data-brand-name='{!! $brand_name !!}'
                                        data-category-main='{{ $breadcrumbs[1]['name'] }}'
                                        data-category='{{ $short_description }}'>
                                        <h5 class="t-600">{{ __('Dodaj u košaricu', 'martimex') }}</h5>
                                        @include('icons.loader_icon')
                                    </button>

                                    <div class="product__add-to-cart-notice js-cart-notice">
                                        <span class="product__add-to-cart-notice-checkmark"></span>
                                        <h5 class="t-600">{{ __('Dodano!', 'martimex') }}</h5>
                                        <button class="btn btn--md btn--secondary js-open-cart">{{ __('Otvori košaricu', 'martimex') }}</button>
                                    </div>

                                    <div class="product__add-to-cart-error">
                                        <h6 class="js-cart-error"></h6>
                                    </div>
                                </div>

                                <div class="product__quantity">
                                    <button class="btn btn--ghost btn--icon disabled js-qty" data-value="-" >
                                        @include('icons.minus')
                                    </button>
                                    <input id="productQuantity" class="input-field" type="text" value='1'/>
                                    <button class="btn btn--ghost btn--icon js-qty" data-value="+" >
                                        @include('icons.plus')
                                    </button>
                                </div>
                            </div>
                        </div>

                        @if ($gift_product && !$is_special_layout)
                            <div class="product__gift-product">
                                <div class="product__gift-product-content-wrap">
                                    <img src="{{ $gift_product['image'][0] }}" alt="{!! $gift_product['title'] !!}" />
                                    <div class="product__gift-product-inner">
                                        <div class="product__gift-product-note">
                                            <span class="product__gift-product-icon"></span>
                                            <h6 class="t-700">{{ $gift_product['text'] }}</h6>
                                        </div>
                                        <h5>{!! $gift_product['title'] !!}</h5>
                                        <h6 class="product__gift-product-subcat" >{{ $gift_product['subcategory'] }}</h6>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if ($special_coupon && !$is_special_layout)
                            <div class="product__special-coupon">
                                <div class="product__special-coupon-title">
                                    <span class="product__special-coupon-icon"></span>
                                    <h6 class="t-700">{{ $special_coupon['title'] }}</h6>
                                </div>
                                <div>{!! $special_coupon['text'] !!}</div>
                            </div>
                        @endif
                    </div>
                @else
                    @if ($variations)
                        <div class="product__variations">
                            @php
                                $keys = array_keys($var["attributes"]);
                            @endphp
                            @foreach ($variations as $var)
                                @if($keys[0] == 'attribute_pa_color')
                                        @php
                                            $col = get_term_by('slug', $var['attributes']['attribute_pa_color'], 'pa_color')
                                        @endphp
                                        <span class="product__single-variation--color js-var-btn {{ $first_available_variation && $first_available_variation['id'] == $var['id'] ? 'active' : '' }} {{ $var['in_stock'] ? '' : 'out-of-stock' }}"
                                                data-variation-id="{{ $var['id'] }}"
                                                data-var-color="{{ get_term_meta($col->term_id, 'color_number', true) }}"
                                                data-var-image-full="{{ $var['image'] }}"
                                                data-var-image-small="{{ $var['gallery_image'] }}"
                                                data-var-on-sale="{{ $var['on_sale'] }}"
                                                data-var-sale-percentage="{{ $var['sale_percentage'] }}" >
                                            <p style="background-image: url('{{ wp_get_attachment_image_src(get_term_meta($col->term_id, 'color_bg', true), 'thumbnail') ? wp_get_attachment_image_src(get_term_meta($col->term_id, 'color_bg', true), 'thumbnail')[0] : '' }}')" >
                                                <span>{{ substr(get_term_meta($col->term_id, 'color_number', true) ?: '', 0, 2) }}</span>
                                            </p>
                                        </span>

                                    @else
                                        <span class="btn btn--md product__single-variation js-var-btn {{ $first_available_variation && ($first_available_variation['id'] == $var['id']) ? 'active' : '' }} {{ $var['in_stock'] ? '' : 'out-of-stock' }}"
                                            data-variation-id="{{ $var['id'] }}"
                                            data-var-image-full="{{ $var['image'] }}"
                                            data-var-image-small="{{ $var['gallery_image'] }}"
                                            data-var-on-sale="{{ $var['on_sale'] }}"
                                            data-var-sale-percentage="{{ $var['sale_percentage'] }}">

                                            @php

                                                $term = get_term_by( 'slug', $var['attributes'][$keys[0]], "pa_size" );

                                                if ( $term && ! is_wp_error( $term ) ) {
                                                    $term_name = $term->name;
                                                } else {
                                                    $term_name = $item['attributes'][$key]; // Fallback i
                                                }

                                            @endphp

                                            <span class="product__single-variation-size">{{ $term_name }}</span>
                                            <span class="product__single-variation-price">{!! currencyOutput($var['display_price']) !!}</span>
                                            @if ($var['on_sale'])
                                                <span class="product__single-variation-sale-icon">%</span>
                                            @endif
                                            @if ($var['in_stock'] == '')
                                                @include('icons.close_thick', ['class' => "product__single-variation-no-stock-icon"])
                                            @endif
                                        </span>
                                    @endif
                                @endforeach

                            @if (isset($variations[0]['attributes']['attribute_pa_color']) && $variations[0]['attributes']['attribute_pa_color'])
                                @php
                                    $col = get_term_by('slug', $variations[0]['attributes']['attribute_pa_color'], 'pa_color')
                                @endphp
                                <h6 class="full-width js-color-name">{{ get_term_meta($col->term_id, 'color_number', true) }}</h6>
                            @endif
                        </div>

                        <div class="product__add-to-cart-wrap">
                            <div class="product__add-to-cart">
                                <div class="product__variations-no-variation-stock-notice product__variations-no-variation-stock-notice--full">
                                    <span></span>
                                    <span>{{__('Proizvod trenutno nije na stanju', 'martimex')}}</span>
                                </div>
                                <div class="product__add-to-cart-btn-quantity-wrapper">
                                    <div class="product__add-to-cart-btn">
                                        <button class="btn btn--primary js-add-to-cart" data-no-stock-product-id='{{ $variations && $first_available_variation ? $first_available_variation['id'] : $product_id }}' data-qty='1'>
                                            <h5 class="t-600">{{ __('Dodaj u košaricu', 'martimex') }}</h5>
                                            @include('icons.loader_icon')
                                        </button>
                                        <div class="product__add-to-cart-error">
                                            <h6 class="js-cart-error"></h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="product__out-of-stock">
                            <div class="product__out-of-stock-notice">
                                <h5>{{ __('Proizvod trenutno nije na stanju', 'martimex') }}</h5>
                            </div>
                            <button class="btn btn--primary js-notify-me-btn" data-no-stock-product-id="{{ $product_id }}">{{ __('Obavijesti me kada bude dostupan', 'martimex') }}</button>
                        </div>
                    @endif
                @endif

                @if ($benefits)
                    <div class="product__benefits">
                        @foreach ($benefits as $item)
                            <span class="product__benefits-single">
                                <img src="{{ $item['icon']['url'] }}" alt="{{ $item['text'] }}" />
                                <h5>{{ $item['text'] }}</h5>
                            </span>
                        @endforeach
                    </div>
                @endif


{{--
Original position of notice banners
                @if ($notice_banners)
                    <div class="notice-banners notice-banner-container">
                        @foreach ($notice_banners as $banner)
                            @if($banner["show_banner_on_product"])
                                <x-notice-banner-component :banner="$banner" />
                            @endif
                        @endforeach
                    </div>
                @endif
--}}
                @if ($description_tabs)
                    <div class="product__description-tabs">
                        {{-- Desktop Navigation --}}
                        <div class="product__description-tabs-nav">
                            @foreach ($description_tabs as $index => $tab)
                                <button class="product__description-tabs-nav-btn {{ $index === 0 ? 'active' : '' }}" data-tab-id="{{ $tab['id'] }}">
                                    <h5>{{ $tab['label'] }}</h5>
                                </button>
                            @endforeach
                        </div>

                        {{-- Desktop Content --}}
                        <div class="product__description-tabs-content">
                            @foreach ($description_tabs as $index => $tab)
                                <div class="product__description-tabs-content-item {{ $index === 0 ? 'active' : '' }}" id="{{ $tab['id'] }}">
                                    @if ($tab['has_video'])
                                        <div class="product__description-tabs-content-item-video">
                                            <x-post-content-component :content="$tab['content']" />
                                        </div>
                                    @else
                                        <div class="product__description-tabs-content-item-text">
                                            <x-post-content-component :content="$tab['content']" />
                                        </div>
                                    @endif
                                </div>
                            @endforeach
                        </div>

                        {{-- Mobile FAQ Style --}}
                        @foreach ($description_tabs as $index => $tab)
                            <div class="product__description-tabs-faq">
                                <div class="product__description-tabs-faq-header" data-faq-id="{{ $tab['id'] }}">
                                    <h4>{{ $tab['label'] }}</h5>
                                    <div class="arrow">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                            <polyline points="6,9 12,15 18,9"></polyline>
                                        </svg>
                                    </div>
                                </div>
                                <div class="product__description-tabs-faq-content" id="faq-{{ $tab['id'] }}">
                                    @if ($tab['has_video'])
                                        <div class="product__description-tabs-content-item-video">
                                            <x-post-content-component :content="$tab['content']" />
                                        </div>
                                    @else
                                        <div class="product__description-tabs-content-item-text">
                                            <x-post-content-component :content="$tab['content']" />
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                @elseif ($description)
                    <div class="product__description base-product-description {{ $has_video_in_description ? 'has-video' : '' }}">
                        <h3 class="t-500">{{ __('Opis proizvoda', 'martimex') }}</h3>
                        <x-post-content-component :content="$description" />
                        @if (!$is_special_layout && !$has_video_in_description)
                            <div class="product__show-description">
                                <span class="btn btn--sm btn--secondary js-show-content" data-contract-text="{!! __('Smanji prikaz', 'martimex') !!}" data-expand-text="{!! __('Pročitaj više', 'martimex') !!}">{!! __('Pročitaj više', 'martimex') !!}</span>
                            </div>
                        @endif
                    </div>
                @endif
            </div>
        </div>
    </div>
</section>

@if ($similiar_products && !$is_special_layout)
    <section class="similiar-products">
        <div class="similiar-products__container">
            <h2 class="t-500">{{ __('Slični proizvodi', 'martimex') }}</h2>
            <div class="similiar-products__inner">
                @foreach ($similiar_products as $prod)
                    <x-product-card-component :product-id="$prod->ID" />
                @endforeach
            </div>
        </div>
    </section>
@endif

@if($cross_sells)
    <section class="cross-sells">
        <div class="cross-sells__container">
            <h2 class="t-500">{{ __('Kombiniraj uz ove proizvode', 'martimex') }}</h2>
            <div class="cross-sells__inner">
                @foreach ($cross_sells as $prod)
                    <x-product-card-component :product-id="$prod['cross_sell_product']" />
                @endforeach
            </div>
        </div>
    </section>
@endif

<section class="notify-me-popup">
    <div class="notify-me-popup__modal js-notify-me-modal">
        <span class="notify-me-popup__close">
            @include('icons.close', ['class' => 'btn btn--ghost js-close-notify-popup'])
        </span>
        <h3>{{ __('Ostavite svoju email adresu i javiti ćemo Vam kada proizvod bude dostupan', 'martimex') }}</h3>
        <h6>{{ __('Poštujemo Vašu privatnost i nećemo dijeliti Vašu email adresu ni sa kime.', 'martimex') }}</h6>

        <div class="notify-me-popup__card">
            <img src="{{ $full_size_featured[0] }}" alt="{{ $title }} image"/>
            <div class="notify-me-popup__card-inner">
                <p>{{ __('Trenutno nedostupno', 'martimex') }}</p>
                <h6>{!! $title !!}</h6>
                <div class="js-variation-details"></div>
            </div>
        </div>

        <div class="notify-me-popup__lower js-notify-me-lower">
            <div class="input-wrap">
                <h5 class="input-field-label">{{ __('Email', 'martimex') }}</h5>
                <input class="input-field" type="email" id="notify_me_mail" placeholder="{{ __('Unesite email', 'martimex') }}" autocomplete="email" />
                <p class="h5 d-none input-wrap__error"></p>
            </div>
            <button class="btn btn--primary js-notify-me-submit" data-product-id='{{ $product_id }}'>
                <h5 class="t-600">{{ __('Obavijesti me', 'martimex') }}</h5>
                @include('icons.loader_icon')
            </button>
        </div>

        <div class="notify-me-popup__success d-none js-notify-me-success">
            @include('icons.success')
            <h5>{{ __('Vaša adresa je zabilježena', 'martimex') }}</h5>
        </div>
    </div>
</section>
@endsection