@extends('layouts.base')

@section('nav-active-shop') nav-current @endsection

@section('content')

    <!-- web_main start -->
    <div class="web_main page_main">

        <!-- banner -->
        <section class="slider_banner">
            <ul class="swiper-wrapper">
                <li class="swiper-slide">
                    <div class="banner_item_img">
                        <a href=""><img src="/style/template/img/demo/banner01-1.jpg" alt="" /></a>
                    </div>

                </li>
            </ul>
            <div class="swiper-control index_swiper_control">
                <div class="swiper-buttons">
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </section>

        <!-- index_product_wrap -->
        <div class="index_product_wrap">
            <div class="layout">
                <div class="product_title_bar">
                    <h3 class="title">Hottest Recommended</h3>
                </div>
                <ul class="index_product_items sold_number_product">
                    <li class="index_product_item item_board">
                        <a class="no-login" href="https://king.shopk.com/">
                            <img src="https://king.shopk.com/image/new-arrivals.png" alt="" />
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- index_product_wrap -->
        <div class="index_product_wrap">
            <div class="layout">
                <div class="product_title_bar">
                    <h3 class="title">Best Sellers</h3>
                </div>
                <ul class="index_product_items news_product">
                    <li class="index_product_item item_board">
                        <a class="no-login" href="/goods?order_type=hot&amp;order=desc"><img
                                src="https://king.shopk.com/image/bast-sellers.png" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="more-btn-wrap"><a href="https://king.shopk.com/" class="more-btn">Read More</a></div>
    </div>
    <script>
        $(function() {
            $.post('https://king.shopk.com/api/goodsList', {type:'news', limit:9, currency:'USD'}, function(msg) {
                if (msg.status == 200) {
                    loadProduct('.news_product', msg.data);
                }
            })
            $.post('https://king.shopk.com/api/goodsList', {type:'sold_number', limit:9, currency:'USD'}, function(msg) {
                if (msg.status == 200) {
                    loadProduct('.sold_number_product', msg.data);
                }
            })

            function loadProduct(target, data) {
                $.each(data, function(key, val) {
                    var html = '<li class="index_product_item">' +
                        '<a class="item_img show_mobile_view show_mobile_view_index" href="https://king.shopk.com/">' +
                        '	<img src="' + val.thumb + '"alt="">' +
                        '</a>' +
                        '<h3 class="item_title">' + val.en_name + '</h3>' +
                        '<div class="item_price">' + val.symbol + ' ' + val.min_sale_price + '</div>' +
                        '</li>';
                    $(target).append(html);
                })
            }
        });
    </script>

@endsection