@extends('layouts.innermaster')



@section('content')


{{-- <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" /> --}}
<div class="container">
        <div class="empty-space col-xs-b15 col-sm-b30"></div>
<div class="row">

        <div class="row">
                <div class="col-md-8 col-md-push-4">
                    <div class="row">
                        <div class="col-sm-6 col-xs-b30 col-sm-b0">
                            
                            <div class="main-product-slider-wrapper swipers-couple-wrapper">
                                <div class="swiper-container swiper-control-top">
                                    <div class="swiper-button-prev hidden"></div>
                                    <div class="swiper-button-next hidden"></div>
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            
                                            <div class="swiper-lazy-preloader">
                                                
                                                
                                            </div>
                                            <div class="product-big-preview-entry swiper-lazy" data-background="/img.veg/Fries_2.jpg">
                                                {{-- <img src="/img.veg/Fries_2.jpg" alt=""  id="imagedisplay" class="imagedisplay"/> --}}
                                            
                                            </div>
                                        </div>
                                      
                                    </div>
                                </div>
        
                                        <div class="empty-space col-xs-b30 col-sm-b60"></div>
        
                                        <div class="swiper-container swiper-control-bottom" data-breakpoints="1" data-xs-slides="3" data-sm-slides="3" data-md-slides="4" data-lt-slides="4" data-slides-per-view="5" data-center="1" data-click="1">
                                            <div class="swiper-button-prev hidden"></div>
                                            <div class="swiper-button-next hidden"></div>
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide">
                                                    <div class="product-small-preview-entry">
                                                        <img src="img/product-preview-4_.jpg" alt="" />
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="product-small-preview-entry">
                                                        <img src="img/product-preview-5_.jpg" alt="" />
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="product-small-preview-entry">
                                                        <img src="img/product-preview-6_.jpg" alt="" />
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="product-small-preview-entry">
                                                        <img src="img/product-preview-7_.jpg" alt="" />
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="product-small-preview-entry">
                                                        <img src="img/product-preview-8_.jpg" alt="" />
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="product-small-preview-entry">
                                                        <img src="img/product-preview-9_.jpg" alt="" />
                                                    </div>
                                                </div>
                                                <div class="swiper-slide">
                                                    <div class="product-small-preview-entry">
                                                        <img src="img/product-preview-10_.jpg" alt="" />
                                                    </div>
                                                </div>
        
                                            </div>
                                        </div>
                                    </div>
        
                                </div>
                                <div class="col-sm-6">
                                    <div class="simple-article size-3 grey col-xs-b5 typedisplay">SMART WATCHES</div>
                                    <div class="h3 col-xs-b25 productnamedislpay">watch 42mm smartwatch</div>
                                    <div class="row col-xs-b25">
                                        <div class="col-sm-6">
                                            <div class="simple-article size-5 grey pricedisplay">PRICE: <span class="color">$225.00</span></div>        
                                        </div>
                                        <div class="col-sm-6 col-sm-text-right">
                                            <div class="rate-wrapper align-inline">
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star" aria-hidden="true"></i>
                                                <i class="fa fa-star-o" aria-hidden="true"></i>
                                            </div>
                                            <div class="simple-article size-2 align-inline">128 Reviews</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="simple-article size-3 col-xs-b5">ITEM NO.: <span class="grey">127-#5238</span></div>
                                        </div>
                                        <div class="col-sm-6 col-sm-text-right">
                                            <div class="simple-article size-3 col-xs-b20">AVAILABLE.: <span class="grey">YES</span></div>
                                        </div>
                                    </div>
                                    <div class="simple-article size-3 col-xs-b30 descriptiondisplay">
                                        <h4>Description</h4>
                                        Vivamus in tempor eros. Phasellus rhoncus in nunc sit amet mattis. Integer in ipsum vestibulum, molestie arcu ac, efficitur tellus. Phasellus id vulputate erat.</div>
                                    
                                    <div class="row col-xs-b40">
                                        <div class="col-sm-3">
                                            <div class="h6 detail-data-title size-1">Quantity</div>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="quantity-select">
                                                <span class="minus"></span>
                                                <span><input type="number" class="number" value="1"  step="0.1"></span>
                                                <span class="plus"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row m5 col-xs-b40">
                                        <div class="col-sm-12 col-xs-b10 col-sm-b0">
                                            <a class="button size-2 style-2 block" href="#">
                                                <span class="button-wrapper">
                                                    <span class="icon"><img src="img/icon-2.png" alt=""></span>
                                                    <span class="text">add to cart</span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                        </div>
                    </div>
                    
                    <div class="empty-space col-xs-b35 col-md-b70"></div>
                </div>

                {{-- ****ITEM PGE** --}}

                <div class="col-md-4 col-md-pull-8">
                    <div class="product-shortcode style-1 big featured-product-slider">
                        <div class="product-label green">best price</div>
                        <div class="hidden"></div>
                        <div class="preview">
                            <div class="swiper-container" data-loop="1" data-touch="0">
                                <div class="swiper-button-prev style-1"></div>
                                <div class="swiper-button-next style-1"></div>
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide" id="mainImage">


                                        <img src="/img.veg/Fries_2.jpg" alt=""  id="imagedisplay" class="imagedisplay"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="title text-center">
                            {{-- <div class="simple-article size-1 color col-xs-b5"><a href="">Fresh Vegitables</a></div> --}}
                            <div class="h6 animate-to-green"><a href="" id="typedisplay" class="typedisplay">Baby Eggplant</a></div>
                        </div>
                        <div class="title text-center">
                            {{-- <div class="simple-article size-1 color col-xs-b5"><a href="">Fresh Vegitables</a></div> --}}
                            <div class="h6 animate-to-green"><a href="" id="productnamedislpay" class="productnamedislpay">Baby Eggplant</a></div>
                        </div>
                       
                        <div class="description text-center">
                            <div class="simple-article text size-2">
                               
                                <div class="simple-article size-4 text-center pricedisplay" id="pricedisplay">
                                    <span class="dark" id="">Our Price Rs. 155.00</span>
                                </div>
                            </div>
                            <div class="icons">
                                <a class="entry"><i class="fa fa-check" aria-hidden="true"></i></a>
                                <a class="entry open-popup" data-rel="3"><i class="fa fa-eye" aria-hidden="true"></i></a>
                                <a class="entry"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
                            </div>
                        </div>
                        <div class="quantity-select">
                            <span class="minus"></span>
                            <span><input type="number" class="number" value="1"  step="0.1"></span>
                            <span class="plus"></span>
                        </div>
                        <div class="product-unit mb-20 unitdisplay" id="unitdisplay">Pcs</div>
                        <input type="text" hidden class="cart_input_value">
                        <input type="text" hidden class="cart_input_value">
                        <div class="col-xs-b20"></div>
                        <div class="valign-middle-content product-btn-wrp">
                            <div class="row">
                                <div class="col-xs-10">
                                    <a class="button size-2 style-1" href="#">
                                        <span class="button-wrapper">
                                            <span class="icon"><img src="img/icon-1.png" alt="arrow icon"></span>
                                            <span class="text">Add To Cart</span>
                                        </span>
                                    </a>
                                </div>
                                <div class="col-xs-2 info-icon">
                                    <a data-toggle="popover" data-placement="top" data-content="Text"  >
                                        <i class="fa fa-info-circle" aria-hidden="true"></i>
                                    </a>
                                </div>
                                
                                {{-- <div class="col-xs-10">
                                    <a class="button size-2 style-3" href="#">
                                        <span class="button-wrapper">
                                            <span class="icon">50%</span>
                                            <span class="text"> <i class="fa fa-clock-o"></i> Pre Order</span>
                                        </span>
                                    </a>
                                </div> --}}
                                {{-- <div class="col-xs-2 info-icon">
                                    <a data-container="body" data-toggle="popover" data-placement="top" data-content="Text">
                                        <i class="fa fa-info-circle" aria-hidden="true"></i>
                                    </a>
                                </div> --}}
                                <div class="off-text">Seller</div>
                                {{-- <div class="off-text" id="storenamedisplay" class="storenamedisplay">{{$storeName->name}}</div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    
</div>
</div>

@section('scripts')

<script>
    
$('.header-bottom').hide();
$('.header-top').show();

</script>

@endsection


@endsection