@extends('master')
@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)
@php /** @var \App\Products\AbstractProductable $productable */ @endphp

@section('content')
    <div class="l-contain">
        <div class="o-product">
            <div class="o-product__figure">
                <img class="o-product__image" src="{{ $productableImageUrl }}" data-test="productable-image"/>
            </div>
            <div class="o-product__content js-product">
                <h2 class="o-product__name">{{ $productable->translation ? $productable->translation->name : '' }}</h2>
                <div class="o-product__price" data-test="price-inc">{{ $regionInfo->getCurrencySymbol().$regionInfo->getNumberFormat()->centsToCurrency($productable->price_inc, true, true) }}</div>
                <div class="o-product__subprice" data-test="price-ex">{{ $regionInfo->getCurrencySymbol().$regionInfo->getNumberFormat()->centsToCurrency($productable->price_ex, true, true) }} <span>ex btw</span></div>
                <product-actions :productable-enum={{ intval($productable->enum()) }} :productable-id={{ intval($productable->id) }} />
            </div>
            <div class="o-product__specs">
                <h4>Specificaties</h4>
                @include('components.specificationTable')
            </div>
        </div>
    </div>
@endsection