url = "/product/detail/:id"
layout = "mainN"
title = "Product/detail"
==
<?php
function onStart(){
    $this['prodId'] = $this->param('id');
}
?>
==
{% partial 'loader/loader' id='loader' %}
<div id="deatil_screen">
    <!-- BREADCRUMB AREA START -->
    <div class="ltn__breadcrumb-area ltn__breadcrumb-area-4 ltn__breadcrumb-color-white---">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ltn__breadcrumb-inner text-center">
                        <h1 class="ltn__page-title">{{'prod.detail.header'|_}}</h1>
                        <div class="ltn__breadcrumb-list">
                            <ul>
                                <li><a href="/">{{'home.title'|_}}</a></li>
                                <li id="product_name"></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BREADCRUMB AREA END -->

    <!-- SHOP DETAILS AREA START -->
    <div class="ltn__shop-details-area pb-70">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="ltn__shop-details-inner">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="ltn__shop-details-img-gallery ltn__shop-details-img-gallery-2">
                                    <div class="ltn__shop-details-small-img slick-arrow-2" id="product_images">
                                    </div>

                                    <div class="ltn__shop-details-large-img" id="product_large_images">


                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="modal-product-info shop-details-info pl-0">
                                    <h3 id="product_main"></h3>
                                    <div class="product-price-ratting mb-20">
                                        <ul>
                                            <li>
                                                <div class="product-price">
                                                    <span id="product_price">0</span>
                                                    <del id="product_discount">0</del>
                                                </div>
                                            </li>
                                            <!-- <li>
                                                <div class="product-ratting">
                                                    <ul>
                                                        <li><a href="product-details.html#"><i
                                                                    class="icon-star"></i></a></li>
                                                        <li><a href="product-details.html#"><i
                                                                    class="icon-star"></i></a></li>
                                                        <li><a href="product-details.html#"><i
                                                                    class="icon-star"></i></a></li>
                                                        <li><a href="product-details.html#"><i
                                                                    class="icon-star"></i></a></li>
                                                        <li><a href="product-details.html#"><i
                                                                    class="icon-star"></i></a></li>
                                                        <li class="review-total"> <a href="product-details.html#"> ( 95
                                                                Reviews )</a></li>
                                                    </ul>
                                                </div>
                                            </li> -->
                                        </ul>
                                    </div>
                                    <div class="modal-product-brief">
                                        <p id="product_desc_short">Nurgul</p>
                                    </div>

                                    <div class="ltn__product-details-menu-2 product-cart-wishlist-btn mb-30">
                                        <ul>
                                            <li>
                                                <div class="cart-plus-minus">
                                                    <input type="text" value="1" name="qtybutton"
                                                        class="cart-plus-minus-box">
                                                </div>
                                            </li>
                                            <li id="detail_add_cart">

                                            </li>
                                            <li id="detail_wishlist">

                                            </li>
                                        </ul>
                                    </div>
                                    <!-- <div class="ltn__social-media mb-30">
                                        <ul>
                                            <li class="d-meta-title">Share:</li>
                                            <li><a href="product-details.html#" title="Facebook"><i
                                                        class="icon-social-facebook"></i></a></li>
                                            <li><a href="product-details.html#" title="Twitter"><i
                                                        class="icon-social-twitter"></i></a></li>
                                            <li><a href="product-details.html#" title="Pinterest"><i
                                                        class="icon-social-pinterest"></i></a></li>
                                            <li><a href="product-details.html#" title="Instagram"><i
                                                        class="icon-social-instagram"></i></a></li>

                                        </ul>
                                    </div> -->
                                    <!-- <div class="modal-product-meta ltn__product-details-menu-1 mb-30">
                                        <ul>
                                            <li><strong>SKU:</strong> <span>12345</span></li>
                                            <li>
                                                <strong>Categories:</strong>
                                                <span>
                                                    <a href="product-details.html#">Flower</a>
                                                </span>
                                            </li>
                                            <li>
                                                <strong>Tags:</strong>
                                                <span>
                                                    <a href="product-details.html#">Love</a>
                                                    <a href="product-details.html#">Flower</a>
                                                    <a href="product-details.html#">Heart</a>
                                                </span>
                                            </li>
                                        </ul>
                                    </div> -->

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- SHOP DETAILS AREA END -->
    {% partial 'product/detail_footer' %}
</div>



{% partial 'scripts/productDetail' add='add.cart'|_ query= '?locale=' prodId=prodId %}