{% include 'layouts/header.html' %}


<!-- SLIDER AREA START (slider-3) -->
<div class="ltn__slider-area ltn__slider-3  section-bg-1">
    <div class="ltn__slide-one-active slick-slide-arrow-1 slick-slide-dots-1">
        <!-- ltn__slide-item -->
        <div class="ltn__slide-item ltn__slide-item-2 ltn__slide-item-3">
            <div class="ltn__slide-item-inner">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 align-self-center">
                            <div class="slide-item-info">
                                <div class="slide-item-info-inner ltn__slide-animation">
                                    <div class="slide-video mb-50 d-none">
<!--                                        <a class="ltn__video-icon-2 ltn__video-icon-2-border" href="https://www.youtube.com/embed/tlThdr3O5Qo" data-rel="lightcase:myCollection">
                                            <i class="fa fa-play"></i>
                                        </a>-->
                                    </div>
                                    <h6 class="slide-sub-title animated"><img src="img/icons/icon-img/1.png" alt="#"> 100% genuine Products</h6>
                                    <h1 class="slide-title animated ">Tasty & Healthy <br>  Organic Food</h1>
                                    <div class="slide-brief animated d-none">
                                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>-->
                                    </div>
                                    <div class="btn-wrapper animated">
                                        <a href="/product_list" class="theme-btn-1 btn btn-effect-1 text-uppercase">Explore Products</a>
                                        <!--<a href="/app/Veg_Portal.apk" download="Veg Portal" class="theme-btn-1 btn btn-effect-1 text-uppercase">Download App</a>-->
                                    </div>
                                </div>
                            </div>
                            <div class="slide-item-img">
                                <img src="img/slider/23.png" alt="#">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ltn__slide-item -->
        <div class="ltn__slide-item ltn__slide-item-2 ltn__slide-item-3">
            <div class="ltn__slide-item-inner  text-right">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 align-self-center">
                            <div class="slide-item-info">
                                <div class="slide-item-info-inner ltn__slide-animation">
                                    <h6 class="slide-sub-title animated"><img src="img/icons/icon-img/1.png" alt="#"> 100% genuine Products</h6>
                                    <h1 class="slide-title animated "> Our Farm's  Most <br>   Favorite Food</h1>
                                    <div class="slide-brief animated">
                                        <!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>-->
                                    </div>
                                    <div class="btn-wrapper animated">
                                        <a href="/product_list" class="theme-btn-1 btn btn-effect-1 text-uppercase">Explore Products</a>
                                        <a href="/about" class="btn btn-transparent btn-effect-3 text-uppercase">LEARN MORE</a>
                                    </div>
                                </div>
                            </div>
                            <div class="slide-item-img slide-img-left">
                                <img src="img/slider/21.png" alt="#">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--  -->
    </div>
</div>
<!-- SLIDER AREA END -->


<!--<div class="ltn__product-tab-area ltn__product-gutter pt-85 pb-70">-->
<!--    <div class="container">-->
<!--        <div class="row">-->
<!--            <div class="col-lg-12">-->


<!--                <div class="d-flex justify-content-between align-items-center breaking-news bg-white">-->
<!--                    <div class="d-flex flex-row flex-grow-1 flex-fill justify-content-center bg-danger py-2 text-white px-1 news"><span class="d-flex align-items-center">&nbsp;New</span></div>-->
<!--                    <marquee class="news-scroll" behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" style="text-decoration: none;font-size: 26px"> <a href="#">વલસાડ અને નવસારી જિલ્લાની પ્રખ્યાત કેરીનો ઓર્ડર આપવા માટે ક્લિક કરો. </a> </marquee>-->
<!--                </div>-->

                <!--<h2><a href="http://localhost:5000/">દરેક પ્રકારની કેરીનો ઓર્ડર આપવા માટે ક્લિક કરો.</a></h2>-->
                <!--<div class="section-title-area ltn__section-title-2 text-center">-->
                <!--<h4 class="section-title" style="font-size: 29px"><a href="http://localhost:5000/">વલસાડ અને નવસારી જિલ્લાની પ્રખ્યાત કેરીનો ઓર્ડર આપવા માટે ક્લિક કરો.</a></h4>-->
                <!--</div>-->
<!--                <div class="ltn__tab-menu ltn__tab-menu-2 ltn__tab-menu-top-right-- text-uppercase text-center">-->
<!--                    <div class="nav">-->

<!--                        <a class="active show" data-toggle="tab" href="#liton_tab_3_1" style="color: black"> કેરી (Mango) </a>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="tab-content">-->
<!--                    <div class="tab-pane fade active show" id="liton_tab_3_1">-->
<!--                        <div class="ltn__product-tab-content-inner">-->
<!--                            <div class="row ltn__tab-product-slider-one-active slick-arrow-1">-->

<!--                                <div class="col-lg-12">-->
<!--                                    <div class="ltn__product-item ltn__product-item-3 text-center">-->
<!--                                        <div class="product-img">-->
<!--                                            <a href="product-details.html"><img src="../public/img/mango/kesar.jpg" alt="#"></a>-->
<!--                                            <div class="product-badge">-->
<!--                                                <ul>-->
<!--                                                    <li class="sale-badge">-10%</li>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                            <div class="product-hover-action">-->
<!--                                                <ul>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="product-info">-->
<!--                                            <h2 class="product-title"><a href="product-details.html">કેસર કેરી</a></h2>-->
<!--                                            <div class="product-price">-->

<!--                                                <span>₹ 80 / Kg</span>-->
                                                <!--<del>₹ 5</del>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->

<!--                                <div class="col-lg-12">-->
<!--                                    <div class="ltn__product-item ltn__product-item-3 text-center">-->
<!--                                        <div class="product-img">-->
<!--                                            <a href="product-details.html"><img src="../public/img/product/1.png" alt="#"></a>-->
<!--                                            <div class="product-badge">-->
<!--                                                <ul>-->
<!--                                                    <li class="sale-badge">-10%</li>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                            <div class="product-hover-action">-->
<!--                                                <ul>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="product-info">-->
<!--                                            <h2 class="product-title"><a href="product-details.html">રાજાપુરી કેરી</a></h2>-->
<!--                                            <div class="product-price">-->

<!--                                                <span>₹ 80 / Kg</span>-->
                                                <!--<del>₹ 5</del>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->

<!--                                <div class="col-lg-12">-->
<!--                                    <div class="ltn__product-item ltn__product-item-3 text-center">-->
<!--                                        <div class="product-img">-->
<!--                                            <a href="product-details.html"><img src="../public/img/product/1.png" alt="#"></a>-->
<!--                                            <div class="product-badge">-->
<!--                                                <ul>-->
<!--                                                    <li class="sale-badge">-10%</li>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                            <div class="product-hover-action">-->
<!--                                                <ul>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="product-info">-->
<!--                                            <h2 class="product-title"><a href="product-details.html">કેસર કેરી</a></h2>-->
<!--                                            <div class="product-price">-->

<!--                                                <span>₹ 80 / Kg</span>-->
                                                <!--<del>₹ 5</del>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->

<!--                                <div class="col-lg-12">-->
<!--                                    <div class="ltn__product-item ltn__product-item-3 text-center">-->
<!--                                        <div class="product-img">-->
<!--                                            <a href="product-details.html"><img src="../public/img/product/1.png" alt="#"></a>-->
<!--                                            <div class="product-badge">-->
<!--                                                <ul>-->
<!--                                                    <li class="sale-badge">-10%</li>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                            <div class="product-hover-action">-->
<!--                                                <ul>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="product-info">-->
<!--                                            <h2 class="product-title"><a href="product-details.html">કેસર કેરી</a></h2>-->
<!--                                            <div class="product-price">-->

<!--                                                <span>₹ 80 / Kg</span>-->
                                                <!--<del>₹ 5</del>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->

<!--                                <div class="col-lg-12">-->
<!--                                    <div class="ltn__product-item ltn__product-item-3 text-center">-->
<!--                                        <div class="product-img">-->
<!--                                            <a href="product-details.html"><img src="../public/img/product/1.png" alt="#"></a>-->
<!--                                            <div class="product-badge">-->
<!--                                                <ul>-->
<!--                                                    <li class="sale-badge">-10%</li>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                            <div class="product-hover-action">-->
<!--                                                <ul>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="product-info">-->
<!--                                            <h2 class="product-title"><a href="product-details.html">કેસર કેરી</a></h2>-->
<!--                                            <div class="product-price">-->

<!--                                                <span>₹ 80 / Kg.</span>-->
                                                <!--<del>₹ 5</del>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="tab-pane fade" id="liton_tab_3_2">-->
<!--                        <div class="ltn__product-tab-content-inner">-->
<!--                            <div class="row ltn__tab-product-slider-one-active slick-arrow-1">-->
                                <!-- ltn__product-item -->

<!--                                {% for p in product_data %}-->
<!--                                {% if p.main_menu_id==fruit %}-->
<!--                                <div class="col-lg-12">-->
<!--                                    <div class="ltn__product-item ltn__product-item-3 text-center">-->
<!--                                        <div class="product-img">-->
<!--                                            <a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}"><img src="{{ p.img }}" alt="#"></a>-->
<!--                                            <div class="product-badge">-->
<!--                                                <ul>-->
<!--                                                    <li class="sale-badge">-{{ p.discount }}%</li>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                            <div class="product-hover-action">-->
<!--                                                <ul>-->
                                                    <!--                                                    <li>
<!--                                                                                                            <a href="javascript:void(0)" title="Quick View" data-toggle="modal" data-target="#quick_view_modal">-->
<!--                                                                                                                <i class="far fa-eye"></i>-->
<!--                                                                                                            </a>-->
<!--                                                                                                        </li>-->-->
<!--                                                    <li>-->
<!--                                                        <a href="javascript:void(0)" id="btn_cart" name="{{ p.prd_id }}" title="Add to Cart">-->
<!--                                                            <i class="fas fa-shopping-cart"></i>-->
<!--                                                        </a>-->
<!--                                                    </li>-->
                                                    <!--                                                    <li>
<!--                                                                                                            <a href="javascript:void(0)" title="Wishlist" data-toggle="modal" data-target="#liton_wishlist_modal">-->
<!--                                                                                                                <i class="far fa-heart"></i></a>-->
<!--                                                                                                        </li>-->-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="product-info">-->
<!--                                            <div class="product-ratting">-->
<!--                                                <ul>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="fas fa-star-half-alt"></i></a></li>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="far fa-star"></i></a></li>-->
<!--                                                    <li class="review-total"> <a href="javascript:void(0)"> (24)</a></li>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                            <h2 class="product-title"><a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}">{{ p.name }}</a></h2>-->
<!--                                            <div class="product-price">-->
<!--                                                {% set price = p.price %}-->
<!--                                                {% set disc =p.discount %}-->
<!--                                                {% set disc_price = price * disc /100 %}-->
<!--                                                <span>₹{{ price - disc_price }}</span>-->
<!--                                                <del>₹{{ p.price }}</del>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                {% endif %}-->
<!--                                {% endfor %}-->
<!--                            </div>-->
<!--                            <a href="/product_list"  style="font-size: 16px;float: right">View More</a>-->
<!--                        </div>-->
<!--                    </div>-->

<!--                    <div class="tab-pane fade" id="liton_tab_3_3">-->
<!--                        <div class="ltn__product-tab-content-inner">-->
<!--                            <div class="row ltn__tab-product-slider-one-active slick-arrow-1">-->
                                <!-- ltn__product-item -->

<!--                                {% for p in product_data %}-->
<!--                                {% if p.main_menu_id==kadol %}-->
<!--                                <div class="col-lg-12">-->
<!--                                    <div class="ltn__product-item ltn__product-item-3 text-center">-->
<!--                                        <div class="product-img">-->
<!--                                            <a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}"><img src="{{ p.img }}" alt="#"></a>-->
<!--                                            <div class="product-badge">-->
<!--                                                <ul>-->
<!--                                                    <li class="sale-badge">-{{ p.discount }}%</li>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                            <div class="product-hover-action">-->
<!--                                                <ul>-->
                                                    <!--                                                    <li>
<!--                                                                                                            <a href="javascript:void(0)" title="Quick View" data-toggle="modal" data-target="#quick_view_modal">-->
<!--                                                                                                                <i class="far fa-eye"></i>-->
<!--                                                                                                            </a>-->
<!--                                                                                                        </li>-->-->
<!--                                                    <li>-->
<!--                                                        <a href="javascript:void(0)" id="btn_cart" name="{{ p.prd_id }}" title="Add to Cart">-->
<!--                                                            <i class="fas fa-shopping-cart"></i>-->
<!--                                                        </a>-->
<!--                                                    </li>-->
                                                    <!--                                                    <li>
<!--                                                                                                            <a href="javascript:void(0)" title="Wishlist" data-toggle="modal" data-target="#liton_wishlist_modal">-->
<!--                                                                                                                <i class="far fa-heart"></i></a>-->
<!--                                                                                                        </li>-->-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="product-info">-->
<!--                                            <div class="product-ratting">-->
<!--                                                <ul>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="fas fa-star-half-alt"></i></a></li>-->
<!--                                                    <li><a href="javascript:void(0)"><i class="far fa-star"></i></a></li>-->
<!--                                                    <li class="review-total"> <a href="javascript:void(0)"> (24)</a></li>-->
<!--                                                </ul>-->
<!--                                            </div>-->
<!--                                            <h2 class="product-title"><a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}">{{ p.name }}</a></h2>-->
<!--                                            <div class="product-price">-->
<!--                                                {% set price = p.price %}-->
<!--                                                {% set disc =p.discount %}-->
<!--                                                {% set disc_price = price * disc /100 %}-->
<!--                                                <span>₹{{ price - disc_price }}</span>-->
<!--                                                <del>₹{{ p.price }}</del>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                {% endif %}-->
<!--                                {% endfor %}-->
<!--                            </div>-->
<!--                            <a href="/product_list"  style="font-size: 16px;float: right">View More</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->

<!-- PRODUCT TAB AREA START (product-item-3) -->
<div class="ltn__product-tab-area ltn__product-gutter pt-85 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title-area ltn__section-title-2 text-center">
                    <h1 class="section-title">Our Products</h1>
                </div>
                <div class="ltn__tab-menu ltn__tab-menu-2 ltn__tab-menu-top-right-- text-uppercase text-center">
                    <div class="nav">
                        {% set cnt = 0 %}
                        {% for i in data %}
                        {% if cnt=='0' %}
                        <a class="active show" data-toggle="tab" href="#liton_tab_3_1"> {{ i.main_menu }}</a>
                        {% elseif cnt=='1' %}
                        <a data-toggle="tab" href="#liton_tab_3_2" class="">{{ i.main_menu }}</a>
                        {% elseif cnt=='2' %}
                        <a data-toggle="tab" href="#liton_tab_3_3" class="">{{ i.main_menu }}</a>
                        {% elseif cnt=='3' %}
                        <a data-toggle="tab" href="#liton_tab_3_4" class="">{{ i.main_menu }}</a>
                        {% elseif cnt=='4' %}
                        <a data-toggle="tab" href="#liton_tab_3_5" class="">{{ i.main_menu }}</a>
                        {% endif %}
                        {% set cnt = cnt + 1 %}
                        {% endfor %}
                    </div>
                </div>
                <div class="tab-content">
                    {% for i in data %}
                    
                    {% if i.main_menu=='Vegetables' %}
                    {% set veg = i.id %}
                    {% elseif i.main_menu=='Fruits' %}
                    {% set fruit = i.id %}
                    {% elseif i.main_menu=="Pulses (दालें/કઠોળ)" %}
                    {% set kadol = i.id %}
                    {% endif %}
                    {% endfor %}
                    <div class="tab-pane fade active show" id="liton_tab_3_1">
                        <div class="ltn__product-tab-content-inner">
                            <div class="row ltn__tab-product-slider-one-active slick-arrow-1">
                                <!-- ltn__product-item -->

                                {% for p in product_data %}
                                {% if p.main_menu_id==veg %}


                                <div class="col-lg-12">
                                    <div class="ltn__product-item ltn__product-item-3 text-center">
                                        <div class="product-img">
                                            <a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}"><img src="{{ p.img }}" alt="#"></a>
                                            <div class="product-badge">
                                                <ul>
                                                    <li class="sale-badge">{{ p.discount }}%</li>
                                                </ul>
                                            </div>
                                            <div class="product-hover-action">
                                                <ul>
                                                    <!--                                                    <li>
                                                                                                            <a href="javascript:void(0)" title="Quick View" data-toggle="modal" data-target="#quick_view_modal">
                                                                                                                <i class="far fa-eye"></i>
                                                                                                            </a>
                                                                                                        </li>-->
                                                    <li>
                                                        <!--<a href="javascript:void(0)" id="btn_cart" name="{{ p.prd_id }}" title="Add to Cart" data-toggle="modal" data-target="#add_to_cart_modal">-->
                                                        <a href="javascript:void(0)" id="btn_cart" name="{{ p.prd_id }}" title="Add to Cart">
                                                            <i class="fas fa-shopping-cart"></i>
                                                        </a>
                                                    </li>
                                                    <!--                                                    <li>
                                                                                                            <a href="javascript:void(0)" title="Wishlist" data-toggle="modal" data-target="#liton_wishlist_modal">
                                                                                                                <i class="far fa-heart"></i></a>
                                                                                                        </li>-->
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-info">
                                            <div class="product-ratting">
                                                <ul>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star-half-alt"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="far fa-star"></i></a></li>
                                                    <li class="review-total"> <a href="#"> (24)</a></li>
                                                </ul>
                                            </div>
                                            <h2 class="product-title"><a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}">{{ p.name }}</a></h2>
                                            <div class="product-price">

                                                {% set price = p.price %}
                                                {% set disc =p.discount %}
                                                {% set disc_price = price * disc /100 %}
                                                <span>₹{{ price - disc_price }}</span>
                                                <del>₹{{ p.price }}</del>
                                            </div>
                                        </div>
                                    </div>

                                    <!--                                                                         <div class="ltn__product-item ltn__product-item-3 text-center">
                                                                                                                <div class="product-img">
                                                                                                                    <a href="product-details.html"><img src="{{ p.img }}" alt="#"></a>
                                                                                                                    <div class="product-badge">
                                                                                                                        <ul>
                                                                                                                            <li class="sale-badge">-{{ p.discount }}%</li>
                                                                                                                        </ul>
                                                                                                                    </div>
                                                                                                                    <div class="product-hover-action">
                                                                                                                        <ul>
                                                                                                                            <li>
                                                                                                                                <a href="#" title="Quick View" data-toggle="modal" data-target="#quick_view_modal">
                                                                                                                                    <i class="far fa-eye"></i>
                                                                                                                                </a>
                                                                                                                            </li>
                                                                                                                            <li>
                                                                                                                                <a href="#" title="Add to Cart" data-toggle="modal" data-target="#add_to_cart_modal">
                                                                                                                                    <i class="fas fa-shopping-cart"></i>
                                                                                                                                </a>
                                                                                                                            </li>
                                                                                                                            <li>
                                                                                                                                <a href="#" title="Wishlist" data-toggle="modal" data-target="#liton_wishlist_modal">
                                                                                                                                    <i class="far fa-heart"></i></a>
                                                                                                                            </li>
                                                                                                                        </ul>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                                <div class="product-info">
                                                                                                                    <div class="product-ratting">
                                                                                                                        <ul>
                                                                                                                            <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                                                                                            <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                                                                                            <li><a href="#"><i class="fas fa-star"></i></a></li>
                                                                                                                            <li><a href="#"><i class="fas fa-star-half-alt"></i></a></li>
                                                                                                                            <li><a href="#"><i class="far fa-star"></i></a></li>
                                                                                                                            <li class="review-total"> <a href="#"> (24)</a></li>
                                                                                                                        </ul>
                                                                                                                    </div>
                                                                                                                    <h2 class="product-title"><a href="product-details.html">{{ p.name }}</a></h2>
                                                                                                                    <div class="product-price">
                                                                        
                                                                                                                        {% set price = p.price %}
                                                                                                                        {% set disc =p.discount %}
                                                                                                                        {% set disc_price = price * disc /100 %}
                                                                                                                        <span>₹{{ price - disc_price }}</span>
                                                                                                                        <del>₹{{ p.price }}</del>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </div>-->

                                </div>
                                {% endif %}
                                {% endfor %}
                            </div>
                            <a href="/product_list"  style="font-size: 16px;float: right">View More</a>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="liton_tab_3_2">
                        <div class="ltn__product-tab-content-inner">
                            <div class="row ltn__tab-product-slider-one-active slick-arrow-1">
                                <!-- ltn__product-item -->

                                {% for p in product_data %}
                                {% if p.main_menu_id==fruit %}
                                <div class="col-lg-12">
                                    <div class="ltn__product-item ltn__product-item-3 text-center">
                                        <div class="product-img">
                                            <a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}"><img src="{{ p.img }}" alt="#"></a>
                                            <div class="product-badge">
                                                <ul>
                                                    <li class="sale-badge">-{{ p.discount }}%</li>
                                                </ul>
                                            </div>
                                            <div class="product-hover-action">
                                                <ul>
                                                    <!--                                                    <li>
                                                                                                            <a href="javascript:void(0)" title="Quick View" data-toggle="modal" data-target="#quick_view_modal">
                                                                                                                <i class="far fa-eye"></i>
                                                                                                            </a>
                                                                                                        </li>-->
                                                    <li>
                                                        <a href="javascript:void(0)" id="btn_cart" name="{{ p.prd_id }}" title="Add to Cart">
                                                            <i class="fas fa-shopping-cart"></i>
                                                        </a>
                                                    </li>
                                                    <!--                                                    <li>
                                                                                                            <a href="javascript:void(0)" title="Wishlist" data-toggle="modal" data-target="#liton_wishlist_modal">
                                                                                                                <i class="far fa-heart"></i></a>
                                                                                                        </li>-->
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-info">
                                            <div class="product-ratting">
                                                <ul>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star-half-alt"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="far fa-star"></i></a></li>
                                                    <li class="review-total"> <a href="javascript:void(0)"> (24)</a></li>
                                                </ul>
                                            </div>
                                            <h2 class="product-title"><a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}">{{ p.name }}</a></h2>
                                            <div class="product-price">
                                                {% set price = p.price %}
                                                {% set disc =p.discount %}
                                                {% set disc_price = price * disc /100 %}
                                                <span>₹{{ price - disc_price }}</span>
                                                <del>₹{{ p.price }}</del>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endif %}
                                {% endfor %}
                            </div>
                            <a href="/product_list"  style="font-size: 16px;float: right">View More</a>
                        </div>
                    </div>
                    
                    <div class="tab-pane fade" id="liton_tab_3_3">
                        <div class="ltn__product-tab-content-inner">
                            <div class="row ltn__tab-product-slider-one-active slick-arrow-1">
                                <!-- ltn__product-item -->

                                {% for p in product_data %}
                                {% if p.main_menu_id==kadol %}
                                <div class="col-lg-12">
                                    <div class="ltn__product-item ltn__product-item-3 text-center">
                                        <div class="product-img">
                                            <a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}"><img src="{{ p.img }}" alt="#"></a>
                                            <div class="product-badge">
                                                <ul>
                                                    <li class="sale-badge">-{{ p.discount }}%</li>
                                                </ul>
                                            </div>
                                            <div class="product-hover-action">
                                                <ul>
                                                    <!--                                                    <li>
                                                                                                            <a href="javascript:void(0)" title="Quick View" data-toggle="modal" data-target="#quick_view_modal">
                                                                                                                <i class="far fa-eye"></i>
                                                                                                            </a>
                                                                                                        </li>-->
                                                    <li>
                                                        <a href="javascript:void(0)" id="btn_cart" name="{{ p.prd_id }}" title="Add to Cart">
                                                            <i class="fas fa-shopping-cart"></i>
                                                        </a>
                                                    </li>
                                                    <!--                                                    <li>
                                                                                                            <a href="javascript:void(0)" title="Wishlist" data-toggle="modal" data-target="#liton_wishlist_modal">
                                                                                                                <i class="far fa-heart"></i></a>
                                                                                                        </li>-->
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-info">
                                            <div class="product-ratting">
                                                <ul>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="fas fa-star-half-alt"></i></a></li>
                                                    <li><a href="javascript:void(0)"><i class="far fa-star"></i></a></li>
                                                    <li class="review-total"> <a href="javascript:void(0)"> (24)</a></li>
                                                </ul>
                                            </div>
                                            <h2 class="product-title"><a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}">{{ p.name }}</a></h2>
                                            <div class="product-price">
                                                {% set price = p.price %}
                                                {% set disc =p.discount %}
                                                {% set disc_price = price * disc /100 %}
                                                <span>₹{{ price - disc_price }}</span>
                                                <del>₹{{ p.price }}</del>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endif %}
                                {% endfor %}
                            </div>
                            <a href="/product_list"  style="font-size: 16px;float: right">View More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- PRODUCT TAB AREA END -->

<!-- PRODUCT AREA START (product-item-3) -->
<div class="ltn__product-area ltn__product-gutter pt-115 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title-area ltn__section-title-2 text-center">
                    <!--<h1 class="section-title">Featured Products</h1>-->
                    <h1 class="section-title">Our All Products</h1>
                </div>
            </div>
        </div>
        <div class="row ltn__tab-product-slider-one-active--- slick-arrow-1" id="explore">
            <!-- ltn__product-item -->

            {% for i in data %}
            {% if i.main_menu=='Vegetables' %}
            {% set veg1 = i.id %}
            {% elseif i.main_menu=='Fruits' %}
            {% set fruit1 = i.id %}
            {% elseif i.main_menu=='કઠોળ' %}
            {% set kadol1 = i.id %}
            {% endif %}
            {% endfor %}


            {% for p in product_data %}
            {% if p.main_menu_id==kadol %}

            <div class="col-lg-3 col-md-4 col-sm-6 col-6">
                <div class="ltn__product-item ltn__product-item-3 text-center">
                    <div class="product-img">
                        <a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}"><img src="{{ p.img }}" alt="#"></a>
                        <div class="product-badge">
                            <ul>
                                <li class="sale-badge">{{ p.discount }}%</li>
                            </ul>
                        </div>
                        <div class="product-hover-action">
                            <ul>
                                <li>
                                    <a href="javascript:void(0)" id="btn_cart" name="{{ p.prd_id }}" title="Add to Cart">
                                        <i class="fas fa-shopping-cart"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="product-info">
                        <div class="product-ratting">
                            <ul>
                                <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fas fa-star-half-alt"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="far fa-star"></i></a></li>
                                <!--<li class="review-total"> <a href="#"> (24)</a></li>-->
                            </ul>
                        </div>
                        <h2 class="product-title"><a href="javascript:void(0)" class="click_product_name" id="{{ p.prd_id }}">{{ p.name }}</a></h2>
                        <div class="product-price">

                            {% set price = p.price %}
                            {% set disc =p.discount %}
                            {% set disc_price = price * disc /100 %}
                            <span>₹{{ price - disc_price }}</span>
                            <del>₹{{ p.price }}</del>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}
            {% endfor %}


            {% for pl in product_last8record %}

<!--            <div class="col-lg-3 col-md-4 col-sm-6 col-6">
                <div class="ltn__product-item ltn__product-item-3 text-left">
                    <div class="product-img">
                        <a href="javascript:void(0)" class="click_product_name" id="{{ pl.prd_id }}"><img src="{{ pl.img }}" alt="javascript:void(0)"></a>
                        <div class="product-badge">
                            <ul>
                                <li class="sale-badge">{{ pl.discount }}%</li>
                            </ul>
                        </div>
                        <div class="product-hover-action">
                            <ul>
                                <li>
                                    <a href="javascript:void(0)" id="btn_cart" name="{{ pl.prd_id }}" title="Add to Cart">
                                        <i class="fas fa-shopping-cart"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="product-info" style="text-align: center">
                        <div class="product-ratting">
                            <ul>
                                <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fas fa-star"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="fas fa-star-half-alt"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="far fa-star"></i></a></li>
                            </ul>
                        </div>
                        <h2 class="product-title"><a href="javascript:void(0)" class="click_product_name" id="{{ pl.prd_id }}">{{ pl.name }}</a></h2>
                        <div class="product-price">
                            {% set price = pl.price %}
                            {% set disc =pl.discount %}
                            {% set disc_price = price * disc /100 %}
                            <span>₹{{ price - disc_price }}</span>
                            <del>₹{{ pl.price }}</del>
                        </div>
                    </div>
                </div>
            </div>-->
            {% endfor %}
        </div>
    </div>
</div>
<!-- PRODUCT AREA END -->

<!-- VIDEO AREA START -->
<!--<div class="ltn__video-popup-area ltn__video-popup-margin">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="ltn__video-bg-img ltn__video-popup-height-600 bg-overlay-black-10-- bg-image" data-bg="img/bg/15.jpg">
                    <a class="ltn__video-icon-2 ltn__video-icon-2-border" href="https://www.youtube.com/embed/ATI7vfCgwXE?autoplay=1&showinfo=0" data-rel="lightcase:myCollection">
                        <i class="fa fa-play"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>-->
<!-- VIDEO AREA END -->

<div class="ltn__blog-area pt-115 pb-70">
    <div class="container">
        <div class="row"></div>
    </div>
</div>

<!-- BLOG AREA START (blog-3) -->
<!--<div class="ltn__blog-area pt-115 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title-area ltn__section-title-2 text-center">
                    <h1 class="section-title white-color---">Letest Blog</h1>
                </div>
            </div>
        </div>
        <div class="row  ltn__blog-slider-one-active slick-arrow-1 ltn__blog-item-3-normal">
             Blog Item 
            <div class="col-lg-12">
                <div class="ltn__blog-item ltn__blog-item-3">
                    <div class="ltn__blog-img">
                        <a href="javascript:void(0)"><img src="img/blog/1.jpg" alt="javascript:void(0)"></a>
                    </div>
                    <div class="ltn__blog-brief">
                        <div class="ltn__blog-meta">
                            <ul>
                                <li class="ltn__blog-author">
                                    <a href="javascript:void(0)"><i class="far fa-user"></i>by: Admin</a>
                                </li>
                                <li class="ltn__blog-tags">
                                    <a href="javascript:void(0)"><i class="fas fa-tags"></i>Services</a>
                                </li>
                            </ul>
                        </div>
                        <h3 class="ltn__blog-title"><a href="javascript:void(0)">Common Engine Oil Problems and Solutions</a></h3>
                        <div class="ltn__blog-meta-btn">
                            <div class="ltn__blog-meta">
                                <ul>
                                    <li class="ltn__blog-date"><i class="far fa-calendar-alt"></i>June 24, 2020</li>
                                </ul>
                            </div>
                            <div class="ltn__blog-btn">
                                <a href="javascript:void(0)">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             Blog Item 
            <div class="col-lg-12">
                <div class="ltn__blog-item ltn__blog-item-3">
                    <div class="ltn__blog-img">
                        <a href="javascript:void(0)"><img src="img/blog/2.jpg" alt="#"></a>
                    </div>
                    <div class="ltn__blog-brief">
                        <div class="ltn__blog-meta">
                            <ul>
                                <li class="ltn__blog-author">
                                    <a href="javascript:void(0)"><i class="far fa-user"></i>by: Admin</a>
                                </li>
                                <li class="ltn__blog-tags">
                                    <a href="javascript:void(0)"><i class="fas fa-tags"></i>Services</a>
                                </li>
                            </ul>
                        </div>
                        <h3 class="ltn__blog-title"><a href="javascript:void(0)">How and when to replace brake rotors</a></h3>
                        <div class="ltn__blog-meta-btn">
                            <div class="ltn__blog-meta">
                                <ul>
                                    <li class="ltn__blog-date"><i class="far fa-calendar-alt"></i>July 23, 2020</li>
                                </ul>
                            </div>
                            <div class="ltn__blog-btn">
                                <a href="javascript:void(0)">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             Blog Item 
            <div class="col-lg-12">
                <div class="ltn__blog-item ltn__blog-item-3">
                    <div class="ltn__blog-img">
                        <a href="javascript:void(0)"><img src="img/blog/3.jpg" alt="#"></a>
                    </div>
                    <div class="ltn__blog-brief">
                        <div class="ltn__blog-meta">
                            <ul>
                                <li class="ltn__blog-author">
                                    <a href="javascript:void(0)"><i class="far fa-user"></i>by: Admin</a>
                                </li>
                                <li class="ltn__blog-tags">
                                    <a href="javascript:void(0)"><i class="fas fa-tags"></i>Services</a>
                                </li>
                            </ul>
                        </div>
                        <h3 class="ltn__blog-title"><a href="javascript:void(0)">Elenance, Servicing & Repairs</a></h3>
                        <div class="ltn__blog-meta-btn">
                            <div class="ltn__blog-meta">
                                <ul>
                                    <li class="ltn__blog-date"><i class="far fa-calendar-alt"></i>August 22, 2020</li>
                                </ul>
                            </div>
                            <div class="ltn__blog-btn">
                                <a href="blog-details.html">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             Blog Item 
            <div class="col-lg-12">
                <div class="ltn__blog-item ltn__blog-item-3">
                    <div class="ltn__blog-img">
                        <a href="javascript:void(0)"><img src="img/blog/4.jpg" alt="#"></a>
                    </div>
                    <div class="ltn__blog-brief">
                        <div class="ltn__blog-meta">
                            <ul>
                                <li class="ltn__blog-author">
                                    <a href="javascript:void(0)"><i class="far fa-user"></i>by: Admin</a>
                                </li>
                                <li class="ltn__blog-tags">
                                    <a href="javascript:void(0)"><i class="fas fa-tags"></i>Services</a>
                                </li>
                            </ul>
                        </div>
                        <h3 class="ltn__blog-title"><a href="javascript:void(0)">Healthiest Vegetables on Earth</a></h3>
                        <div class="ltn__blog-meta-btn">
                            <div class="ltn__blog-meta">
                                <ul>
                                    <li class="ltn__blog-date"><i class="far fa-calendar-alt"></i>June 24, 2020</li>
                                </ul>
                            </div>
                            <div class="ltn__blog-btn">
                                <a href="javascript:void(0)">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             Blog Item 
            <div class="col-lg-12">
                <div class="ltn__blog-item ltn__blog-item-3">
                    <div class="ltn__blog-img">
                        <a href="javascript:void(0)"><img src="img/blog/5.jpg" alt="#"></a>
                    </div>
                    <div class="ltn__blog-brief">
                        <div class="ltn__blog-meta">
                            <ul>
                                <li class="ltn__blog-author">
                                    <a href="javascript:void(0)"><i class="far fa-user"></i>by: Admin</a>
                                </li>
                                <li class="ltn__blog-tags">
                                    <a href="javascript:void(0)"><i class="fas fa-tags"></i>Services</a>
                                </li>
                            </ul>
                        </div>
                        <h3 class="ltn__blog-title"><a href="javascript:void(0)">How te Your Tires Last Longer</a></h3>
                        <div class="ltn__blog-meta-btn">
                            <div class="ltn__blog-meta">
                                <ul>
                                    <li class="ltn__blog-date"><i class="far fa-calendar-alt"></i>June 24, 2020</li>
                                </ul>
                            </div>
                            <div class="ltn__blog-btn">
                                <a href="javascript:void(0)">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
              
        </div>
    </div>
</div>-->
<!-- BLOG AREA END -->


<!-- FEATURE AREA END -->

<script type="text/javascript">

    $(document).ready(function () {
        $(document.body).on('click', '.click_product_name', function (e) {
            debugger;
            e.preventDefault();
            var prd_id = $(this).attr('id');
//            alert('product id ' + prd_id);
            var data = {};
            data.prd_id = prd_id;
            if (prd_id == '')
            {
                alert('Product id is Null');
            } else {

                $.ajax({
                    cache: false,
                    type: 'POST',
                    async: false,
                    data: JSON.stringify(data),
                    contentType: 'application/json',
                    url: 'add_product_id_session',
                    success: function (data) {
                        debugger;
//                        alert('data ' + data);
                        if (data == 'SET_SESSION')
                        {
                            setTimeout(function () {
//                                        window.location.reload();
                                window.location.href = "/product_detail";
                            }, 100);
                        } else if (data == 'NOT_SESSION')
                        {
//                                    alert('else Not Login ');
                        }

//                    console.log('success');
//                    console.log(JSON.stringify(data));
                    }, error: function (xhr, err) {
                        alert('Error ' + err.message);
                    }
                });
            }
        });
    });
</script>


{% include 'layouts/footer.html' %}