@php
    $posterRoute = $links->products->route . '/' . $poster->translation->slug
@endphp

<div class="c-poster  @modifiers('c-poster')  @if(isset($isAvailable) && !$isAvailable) unavailable @endif @if(isset($inCart) && $inCart) in-cart @endif">

    <a href="{{ $posterRoute }}" class="c-poster__image">
        @if($poster->overviewImage)
            <img class="u-clip-path" data-id="{{ isset($loop->iteration) &&  ($loop->iteration % 2) ? "clip-path-image-1" : "clip-path-image-2" }}" alt="{{ !empty($poster->overviewImage->name) ? $poster->overviewImage->name : 'poster image' }}" src="{{ $poster->overviewImage->small_image_url }}"/>
        @endif
    </a>

    <div class="c-poster__body">
        <a class="c-poster__heading" href="{{ $posterRoute }}">
            <h3 class="c-poster__title">{{ $poster->translation->name }}</h3>
        </a>

        <div class="c-poster__costs">
            @if(isset($page) && $page->code_name === 'products')
            <p class="c-poster__price" data-currency="{{ config('site.shop_currency') }}">{!! $poster->getPriceLabel($showPricesInc, false)  !!}</p>
            @else
            <p class="c-poster__price" data-currency="{{ config('site.shop_currency') }}">{!! $poster->getPriceLabel()  !!}</p>
            @endif
{{--            <p class="c-poster__price" data-currency="{{ config('site.shop_currency') }}">{!! $poster->getPriceLabel()  !!}</p>--}}
            <p class="c-poster__price-line">{!! $poster->getPosterLabel()  !!}</p>
{{--            <p class="c-poster__taxprice">{!! $poster->getPriceLabel(false)  !!} @lang('site/global.excluding_vat')</p>--}}
        </div>

        <div class="c-poster__table">
            @if($poster->code_name === 'car')
                @include('site.components.spec', [
                    'specs' => [
                        'Personen' => $poster->minimum_amount_of_persons .' - '. $poster->maximum_amount_of_persons,
                        'Duur' => $poster->getDurationLabel()
                    ]
                ])
            @else
                @include('site.components.spec', [
                    'specs' => [
                        'Min. personen' => $poster->minimum_amount_of_persons,
                        'Duur' => $poster->getDurationLabel()
                    ]
                ])
            @endif
        </div>

        <div class="c-poster__more">

            @if(isset($isAvailable))

                @if($isAvailable)

                    @if(isset($inCart) && $inCart)
                        <div class="c-poster__na-pill">Al in de planning</div>
                    @else
                        <button class="c-text-button  c-text-button--icon  js-plan-popup" data-product-id="{{ $poster->id }}">
                            <span class="c-text-button__text">@lang('site/global.plan_your_day')</span>
                            <i class="c-text-button__icon">
                                <svg width="7" height="10">
                                    <use href="/img/icon-arrowRight.svg#arrowRight"></use>
                                </svg>
                            </i>
                        </button>
                    @endif

                @else

                    <div class="c-poster__na-pill">Niet beschikbaar op gekozen locatie</div>

                @endif

            @else

                <button class="c-text-button  c-text-button--icon  js-plan-popup" data-product-id="{{ $poster->id }}">
                    <span class="c-text-button__text">@lang('site/global.plan_your_day')</span>
                    <i class="c-text-button__icon">
                        <svg width="7" height="10">
                            <use href="/img/icon-arrowRight.svg#arrowRight"></use>
                        </svg>
                    </i>
                </button>

            @endif

        </div>

        <div class="c-poster__book">

            @include('site.components.button', [
                'modifiers' => ['icon', 'secondary-400'],
                'buttonText' => __('site/global.read_more'),
                'buttonLink' => $posterRoute
            ])

        </div>

    </div>

</div>