@extends('layout.client.masterLayout')

@section('content')
<div class="container">
    <div class="col-md-12">
        <div id="main-slider">
            @foreach($slides as $slide)
            <div class="item">
                <img src="{{asset('uploads').'/'. $slide->image}}" alt="" class="img-responsive">
            </div>
            @endforeach
        </div>
        <!-- /#main-slider -->
    </div>
</div>

<!-- *** ADVANTAGES HOMEPAGE ***
_________________________________________________________ -->
<div id="advantages">

    <div class="container">
        <div class="same-height-row">
            <div class="col-sm-4">
                <div class="box same-height">
                    <div class="icon"><i class="fa fa-percent"></i>
                    </div>

                    <h3><a href="#">Tỉ giá</a></h3>
                    <h3>{{$viewShare['setting']->tigia}}</h3>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="box same-height">
                    <div class="icon"><i class="fa fa-money"></i>
                    </div>

                    <h3><a href="#">Phí dịch vụ</a></h3>
                    <h3>{{$viewShare['setting']->phidichvu}}</h3>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="box same-height">
                    <div class="icon"><i class="fa fa-car"></i>
                    </div>

                    <h3><a href="#">Phí vận chuyển</a></h3>
                    <h3>{{$viewShare['setting']->phivanchuyen}}</h3>
                </div>
            </div>
        </div>
        <!-- /.row -->
        @if(Auth::check())
        <div class="same-height-row">
            <div class="col-sm-6">
                <div class="box same-height">
                    <div class="icon"><i class="fa fa-shopping-cart"></i>
                    </div>

                    <h3><a href="{{route('client.place.order')}}">Tạo đơn hàng</a></h3>
                    <h3>Tạo ngay đơn hàng của mình</h3>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="box same-height">
                    <div class="icon"><i class="fa fa-tasks"></i>
                    </div>

                    <h3><a href="{{route('client.order')}}">Quản lý đơn hàng</a></h3>
                    @if(count(\App\Order::where('user_id', Auth::user()->id)->get()) == 0)
                    <h3>Bạn chưa tạo đơn hàng nào</h3>
                    @else
                    <h3>Bạn đã tạo {{count(\App\Order::where('user_id', Auth::user()->id)->get())}} đơn hàng</h3>
                    @endif
                </div>
            </div>
        </div>
        @endif
    </div>
    <!-- /.container -->

</div>
<!-- /#advantages -->

<!-- *** ADVANTAGES END *** -->

<!-- *** HOT PRODUCT SLIDESHOW ***
_________________________________________________________ -->
<div id="hot">

    <div class="box">
        <div class="container">
            <div class="col-md-12">
                <h2 style="font-weight: bold;">Taobao</h2>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="product-slider">
            @foreach($productsTaobao as $productTaobao)
            <div class="item">
                <div class="product">
                    <div class="flip-container">
                        <div class="flipper">
                            <div class="front">
                                <a href="{{$productTaobao->link}}">
                                    <img src="{{asset('uploads').'/'. $productTaobao->image}}" class="img-responsive" />
                                </a>
                            </div>
                            <div class="back">
                                <a href="{{$productTaobao->link}}">
                                    <img src="{{asset('uploads').'/'. $productTaobao->image}}" class="img-responsive" />
                                </a>
                            </div>
                        </div>
                    </div>
                    <a href="detail.html" class="invisible">
                        <img src="{{asset('assets/client/img/product1.jpg')}}" alt="" class="img-responsive">
                    </a>
                    <div class="text">
                        <h3><a href="{{$productTaobao->link}}">{{$productTaobao->title}}</a></h3>
                        <p class="price">{{number_format($productTaobao->price)}} ¥</p>
                    </div>
                    <!-- /.text -->
                </div>
                <!-- /.product -->
            </div>
            @endforeach
        </div>
        <!-- /.product-slider -->
    </div>
    <!-- /.container -->

</div>

<div id="hot">

    <div class="box">
        <div class="container">
            <div class="col-md-12">
                <h2 style="font-weight: bold;">1688</h2>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="product-slider">
            @foreach($products1688  as $product1688)
            <div class="item">
                <div class="product">
                    <div class="flip-container">
                        <div class="flipper">
                            <div class="front">
                                <a href="{{$product1688->link}}">
                                    <img src="{{asset('uploads').'/'. $product1688->image}}" class="img-responsive"/>
                                </a>
                            </div>
                            <div class="back">
                                <a href="{{$product1688->link}}">
                                    <img src="{{asset('uploads').'/'. $product1688->image}}" class="img-responsive"/>
                                </a>
                            </div>
                        </div>
                    </div>
                    <a href="detail.html" class="invisible">
                        <img src="{{asset('assets/client/img/product1.jpg')}}" alt="" class="img-responsive">
                    </a>
                    <div class="text">
                        <h3><a href="{{$product1688->link}}">{{$product1688->title}}</a></h3>
                        <p class="price">{{number_format($product1688->price)}} ¥</p>
                    </div>
                    <!-- /.text -->
                </div>
                <!-- /.product -->
            </div>
            @endforeach
        </div>
        <!-- /.product-slider -->
    </div>
    <!-- /.container -->

</div>
<!-- /#hot -->

<!-- *** HOT END *** -->

<!-- *** BLOG HOMEPAGE ***
_________________________________________________________ -->
<div class="box text-center" data-animate="fadeInUp">
    <div class="container">
        <div class="col-md-12">
            <h3 class="text-uppercase"> Trang tin tức </h3>
        </div>
    </div>
</div>

<div class="container">

    <div class="col-md-12" data-animate="fadeInUp">

        <div id="blog-homepage" class="row">
            @foreach($twoPosts as $twoPost)
            <div class="col-sm-6">
                <div class="post">
                    <h4><a href="{{route('client.category.detail', $twoPost->slug)}}">{{$twoPost->title}}</a></h4>
                    <p class="author-category">Tác giả:  <a href="#">{{$twoPost->user->name}}</a> trong <a href="{{route('client.category', $twoPost->page->slug)}}">{{$twoPost->page->title}}</a>
                    </p>
                    <hr>
                    <p class="intro">{{ strip_tags(str_limit($twoPost->content), 100)}}</p>
                    <p class="read-more"><a href="{{route('client.category.detail', $twoPost->slug)}}" class="btn btn-primary">Xem thêm</a>
                    </p>
                </div>
            </div>
            @endforeach
        </div>
        <!-- /#blog-homepage -->
    </div>
</div>
<!-- /.container -->
<!-- *** BLOG HOMEPAGE END *** -->

@endsection