{% 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="shop.html" class="theme-btn-1 btn btn-effect-1 text-uppercase">Explore Products</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 Garden'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="shop.html" class="theme-btn-1 btn btn-effect-1 text-uppercase">Explore Products</a>
                                        <a href="about.html" 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__slider-area ltn__slider-3  section-bg-1">
    <div class="ltn__slide-one-active slick-slide-arrow-1 slick-slide-dots-1">
        <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">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</p>
                    </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">
                    <!--<h5 class="section-title">આજનો ભાવ – શાકભાજી</h5>-->
                    <span class="section-title" style="font-size: 30px">આજનો ભાવ </span>
                </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">  શાકભાજી </a>

                        <a data-toggle="tab" href="#liton_tab_3_2" class=""> ફળો </a>

                    </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 %}
                    {% endif %}
                    {% endfor %}

                    <div class="tab-pane fade active show" id="liton_tab_3_1">
                        <div class="ltn__product-tab-content-inner">
                            <table class="table">
                                <thead style="font-size: 15px;">
                                <td><b> ક્ર્મ </b></td>
                                <!--<td><b>પ્રકર </b></td>-->
                                <td><b>શાકભાજીનું નામ </b></td>
                                <td><b> ૨૦ કિલોનો ભાવ </b></td>
                                </thead>
                                <tbody style="font-size: 15px">
                                    {% set veg_total = 1 %}
                                    {% for p in product_data %}
                                    {% if p.main_menu_id==veg %}
                                    <tr>
                                        <td>{{ veg_total }}</td>
                                        <!--<td>જૈવિક</td>-->
                                        <td>{{ p.name }}</td>
                                        <td>રૂ. 520</td>
                                    </tr>
                                    {% set veg_total = veg_total + 1 %}
                                    {% endif %}
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="liton_tab_3_2">
                        <div class="ltn__product-tab-content-inner">
                            <table class="table">
                                <thead style="font-size: 15px;">
                                <td><b> ક્ર્મ </b></td>
                                <td><b>ફળનું નામ </b></td>
                                <td><b> ૨૦ કિલોનો ભાવ </b></td>
                                </thead>
                                <tbody style="font-size: 15px">
                                    {% set fruit_total = 1 %}
                                    {% for p in product_data %}
                                    {% if p.main_menu_id==fruit %}
                                    <tr>
                                        <td>{{ fruit_total }}</td>
                                        <td>{{ p.name }}</td>
                                        <td>રૂ. 520</td>
                                    </tr>
                                    {% set fruit_total = fruit_total + 1 %}
                                    {% endif %}
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- PRODUCT TAB AREA END -->

<div class="ltn__contact-message-area mb-120 mb--100">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="ltn__form-box contact-form-box box-shadow white-bg">
                    <h4 class="title-2">Get A Quote</h4>
                    <form id="contact-form" action="mail.php" method="post">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="input-item input-item-name ltn__custom-icon">
                                    <input type="text" name="name" placeholder="Enter your name">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-item input-item-email ltn__custom-icon">
                                    <input type="email" name="email" placeholder="Enter email address">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-item">
                                    <select class="nice-select">
                                        <option>Select Service Type</option>
                                        <option>Gardening </option>
                                        <option>Landscaping </option>
                                        <option>Vegetables Growing</option>
                                        <option>Land Preparation</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-item input-item-phone ltn__custom-icon">
                                    <input type="text" name="phone" placeholder="Enter phone number">
                                </div>
                            </div>
                        </div>
                        <div class="input-item input-item-textarea ltn__custom-icon">
                            <textarea name="message" placeholder="Enter message"></textarea>
                        </div>
                        <p><label class="input-info-save mb-0"><input type="checkbox" name="agree"> Save my name, email, and website in this browser for the next time I comment.</label></p>
                        <div class="btn-wrapper mt-0">
                            <button class="btn theme-btn-1 btn-effect-1 text-uppercase" type="submit">get an free service</button>
                        </div>
                        <p class="form-messege mb-0 mt-20"></p>
                    </form>
                </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 %}
                    {% 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>
            </div>
        </div>
    </div>
</div>
<!-- PRODUCT TAB AREA END -->

<!-- COUNTDOWN AREA START -->
<!--<div class="ltn__call-to-action-area ltn__call-to-action-4 section-bg-1 pt-110 pb-120">
    <div class="container">
        <div class="row">
            <div class="col-lg-5">
                <img src="img/banner/11.png" alt="javascript:void(0)">
            </div>
            <div class="col-lg-7">
                <div class="call-to-action-inner call-to-action-inner-4 text-color-white--- text-center---">
                    <div class="section-title-area ltn__section-title-2 text-center---">
                        <h6 class="ltn__secondary-color">Todays Hot Deals</h6>
                        <h1 class="section-title">Original Stock Honey <br>  Combo Package</h1>
                    </div>
                    <div class="ltn__countdown ltn__countdown-3 bg-white--" data-countdown="2021/06/25"></div>
                    <div class="btn-wrapper animated">
                        <a href="javascript:void(0)" class="theme-btn-1 btn btn-effect-1 text-uppercase">Shop now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>-->
<!-- COUNTDOWN 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">
            <!-- ltn__product-item -->
            {% 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)" 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="{{ pl.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" 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' %}