<?php $__env->startSection('background'); ?>
    <div class="bg-50"></div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('sidebar'); ?>
    <?php echo $__env->make('partials.sidebar', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('brandNavigationBar'); ?>
    <?php echo $__env->make('partials.brandNavigationBar', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

    <?php echo $__env->make('google/product-snipped', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

    <div class="content-container column fluid-100">

        <?php /*Breadcrumb*/ ?>
        <?php echo $__env->make('partials.breadcrumb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

        <?php /*Title*/ ?>
        <h1 class="page-title">
            <?php echo (strtolower($product->brand_name) != 'toebehoren'?$product->brand_name.' ': ''); ?>

            <?php echo $product->name; ?>

            <?php if( ! empty($product->product_group) || ! empty($product->filter_class)): ?>
            -
            <?php endif; ?>
            <?php if($product->product_group !== null): ?>
                <?php if($product->pollen_filter && Lang::has('pages/products.pollen_' . $product->product_group)): ?>
                    <?php echo Lang::get('pages/products.pollen_' . $product->product_group); ?>

                <?php elseif(Lang::has('pages/products.' . $product->product_group)): ?>
                    <?php echo Lang::get('pages/products.' . $product->product_group); ?>

                <?php else: ?>
                    <?php echo $product->product_group; ?>

                <?php endif; ?>

            <?php endif; ?>
            <?php echo $product->filter_class; ?>

        </h1>

        <?php /*Filter bar*/ ?>

        <div class="top-bar content-block column fluid-100">
            <div class="product-filter column fluid-66">
                <a href="<?php echo $shop->getPageService()->getBackRoute('/'.$brand->route); ?>"
                   class="back-btn"><?php echo Lang::get('pages/products.back_to_overview'); ?></a>
            </div>
            <div class="payment-options column fluid-33">
                <div class="payment-method-bar <?php echo $shop->getShop()->slug; ?>"></div>
            </div>
        </div>

        <?php /*Article*/ ?>

        <article class="product-detail product-block content-block column fluid-100">
            <div class="product-detail-top">
                <?php /*Pictures*/ ?>
                <figure class="komma-image-changer image-holder product-detail-image column fluid-50">
                    <?php if( $product->images && is_file($_SERVER['DOCUMENT_ROOT'] . $product->images[0]->medium_image_url )): ?>
                        <div class="image main-image" style="background-image: url('<?php echo $product->images[0]->medium_image_url; ?>');"></div>
                    <?php else: ?>
                        <div class="image main-image" style="background-image: url('/images/structure/noImageLarge.jpg');"></div>
                    <?php endif; ?>
                    <?php if( count($product->images) > 1 ): ?>
                        <div class="clear"></div>
                        <ul class="thumbs">
                            <?php foreach($product->images as $image): ?>
                                <li>
                                    <a style="background-image: url('<?php echo $image->thumb_image_url; ?>');" href="<?php echo $image->medium_image_url; ?>">
                                        <?php /*<img src="<?php echo $image->thumb_image_url; ?>"*/ ?>
                                             <?php /*alt="<?php echo $product->brand_name; ?> <?php echo $product->name; ?>"/>*/ ?>
                                    </a>
                                </li>
                            <?php endforeach; ?>
                        </ul>
                    <?php endif; ?>
                </figure>

                <div class="product-information column fluid-50 last" ng-controller="productOverviewItemController">

                    <div class="inner-padding">

                        <?php /*The Json of the product Discounts*/ ?>
                        <script type="application/json" json-data ng-model="discountData">
                            <?php echo $product->discounts; ?>

                        </script>

                        <h2 class="product-title">
                            <?php echo $__env->make('partials.products.title', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        </h2>
                    </div>

                    <?php /*Special in warning box*/ ?>
                    <?php if($product->special_2): ?>
                        <?php echo $__env->make('partials.products.warning', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                    <?php endif; ?>

                    <div class="inner-padding">

                        <div class="price-and-stock-holder">
                            <?php /*Price*/ ?>
                            <?php echo $__env->make('partials.products.pricesBlock', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

                            <?php /*In Stock*/ ?>
                            <span class="in-stock dt-<?php echo $product->delivery_time; ?>"><?php echo Lang::get('pages/products.' . $product->delivery_time); ?></span>
                        </div>

                        <?php /*Order Form*/ ?>
                        <form class="row order-row"
                              action="/<?php echo $shop->getPageService()->page('cart')->route; ?>/addProductById/<?php echo $product->id; ?>"
                              method="get"
                              data-ecommerce-add-to-cart-data='<?php echo json_encode($product->addToCartEcommerceData); ?>'
                        >
                            <div class="quantity-holder">
                                <input type="tel" name="quantity" ng-value="1" ng-model="quantity"/>

                                <div class="quantity-btns">
                                    <div class="quantity-btn add" ng-click="addToQuantity(1)"></div>
                                    <div class="quantity-btn remove" ng-click="addToQuantity(-1)"></div>
                                </div>
                            </div>
                            <div class="btn-holder">
                                <?php echo $__env->make('partials.buttons.input',[
                                    'input' => Form::submit(''),
                                    'text' => Lang::get('pages/products.add_to_cart'),
                                    'class' => 'green-btn'
                                ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php /*                                <div class="btn input animate green-btn" data-text="<?php echo Lang::get('pages/products.add_to_cart'); ?>">*/ ?>
<?php /*                                    <span class="text"><?php echo Lang::get('pages/products.add_to_cart'); ?></span>*/ ?>
<?php /*                                    <input type="button" ng-click="addToCart('/<?php echo $shop->getPageService()->page('cart')->route; ?>/addProductById/<?php echo $product->id; ?>')">*/ ?>
<?php /*                                </div>*/ ?>
<?php /*                                <div class="amount-holder" ng-bind-html="amountHolder"></div>*/ ?>
                            </div>
                        </form>

                    </div>
                    <?php echo $__env->make('partials/products/discountBar', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

                    <div class="usp-container">
                        <?php echo $__env->make('partials/products/benefits', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="column fluid-50 specs-holder">
                <h3><?php echo Lang::get('pages/products.description'); ?></h3>

                <p>
                    <?php if($product->article_number and $product->article_number != '-'): ?>
                        <?php echo Lang::get('pages/products.article_number'); ?> <?php echo $product->supplier_name; ?>:
                        <?php echo $product->article_number; ?><br/>
                    <?php endif; ?>
                    <?php echo Lang::get('pages/products.article_number'); ?> TOPS: <?php echo $product->internal_article_number; ?>

                </p>

                <p>
                    <?php echo $product->description; ?>

                </p>
            </div>
            <div class="column fluid-50 last specs-holder">
                <?php if(is_array($product->composition) && count($product->composition)): ?>
                    <h3><?php echo Lang::get('pages/products.you_will_receive'); ?></h3>
                    <?php echo $__env->make('partials.composition',['composition' => $product->composition], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                <?php endif; ?>
            </div>

            <div class="clear"></div>

            <?php if(isset($product->download_1) || isset($product->download_2) || isset($product->download_3)): ?>
                <div class="column fluid-100 specs-holder">
                    <h3><?php echo Lang::get('pages/products.downloads'); ?></h3>
                    <?php if(isset($product->download_1)): ?> <a class="btn  download-button" target="_blank" href="<?php echo $product->download_1->url; ?>"><?php echo $product->download_1_name ? $product->download_1_name : 'Download 1'; ?></a> <?php endif; ?>
                    <?php if(isset($product->download_2)): ?> <br><a class="btn  download-button" target="_blank" href="<?php echo $product->download_2->url; ?>"><?php echo $product->download_2_name ? $product->download_2_name : 'Download 2'; ?></a> <?php endif; ?>
                    <?php if(isset($product->download_3)): ?> <br><a class="btn  download-button" target="_blank" href="<?php echo $product->download_3->url; ?>"><?php echo $product->download_3_name ? $product->download_3_name : 'Download 3'; ?></a> <?php endif; ?>
                </div>

                <div class="clear"></div>

            <?php endif; ?>

            <?php /* Extra fields for seo*/ ?>
            <?php if($product->description2 || $product->description3): ?>
                <div class="column fluid-50 specs-holder subtle">
                    <?php echo $product->description2; ?>

                </div>
                <div class="column fluid-50 last specs-holder subtle">
                    <?php echo $product->description3; ?>

                </div>
            <?php endif; ?>
        </article>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('askHelpPopUp'); ?>
    <?php echo $__env->make('partials.askHelpPopUp', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('google-data-layers'); ?>
    <?php echo $__env->make('google.product-entity-detail-datalayer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>