<article class="content-block overview-product" ng-controller="productOverviewItemController">

    <div class="top-container">

        <?php /* Image, title, articleNumbers etc. */ ?>
        <div class="product-info-container">

            <figure class="image-holder">

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

            </figure>

            <div class="product-info">

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

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

                <?php /*Article number*/ ?>
                <span class="article-number">

                    <?php echo Lang::get('pages/products.article_number'); ?> <strong>TOPS</strong>: <?php echo $product->internal_article_number; ?><br/>

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

                        <strong><?php echo $product->supplier_name; ?></strong>:
                        <?php if(strlen($product->article_number) > 70): ?>
                            <span class="article-number__limiter"><?php echo $product->article_number; ?></span>
                        <?php else: ?>
                            <?php echo $product->article_number; ?>

                        <?php endif; ?>
                    <?php endif; ?>

                </span>

                <?php /*Read more */ ?>
                <a class="read-more" href="/<?php echo $product->route; ?>"><?php echo \Illuminate\Support\Facades\Lang::get('pages/products.read_more'); ?></a>

            </div>
        </div>

        <?php /* Price, stock, submit etc. */ ?>
        <div class="order-info">

            <?php /* What is this? */ ?>
            <script type="application/json" json-data ng-model="discountData">
                <?php echo json_encode($product->discounts); ?>

            </script>

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

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

        <div class="order-info-bottom-container">

            <?php /* Amount and submit */ ?>
            <form class="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="quantityVal" ng-model="quantity"
                           value="1"/>

                    <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>*/ ?>
                    <div class="amount-holder" ng-bind-html="amountHolder"></div>
                </div>
            </form>
            <?php /* Discount bar */ ?>
            <?php echo $__env->make('partials/products/discountBar', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        </div>
    </div>

    <div class="bottom-container">
        <div class="composition-container">

            <?php if(is_array($product->composition) && count($product->composition)): ?>

                <?php /*U receive (composition)*/ ?>
                <div class="overview-composition-title">

                    <div class="header">
                        <?php echo Lang::get('pages/products.you_will_receive'); ?>

                    </div>
                </div>

                <div class="overview-composition">
                    <?php echo $__env->make('partials.composition',['composition' => $product->composition], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                </div>
            <?php endif; ?>

        </div>
        <div class="usp-container">
            <?php echo $__env->make('partials/products/benefits', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        </div>
    </div>
</article>