@extends('master.front')
@section('content')
    <!-- Start Bradcaump area -->
    <div class="ht__bradcaump__area bg-image--1"></div>
    <!-- End Bradcaump area -->
    <!-- Start Shop Page -->
    <div class="page-shop-sidebar left--sidebar bg--white section-padding--lg">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-12 order-2 order-lg-1 md-mt-40 sm-mt-40">
                    <div class="shop__sidebar">
                        <aside class="wedget__categories poroduct--cat">
                            <h3 class="wedget__title">Kateqoriyalar</h3>
                            <ul>
                                @foreach($categories as $category)
                                    <li><a href="/public/products/?category={{ $category->name }}">{{ $category->name }} <span>({{ $category->qty }})</span></a></li>
                                @endforeach
                            </ul>
                        </aside>
                    </div>
                </div>
                <div class="col-lg-9 col-12 order-1 order-lg-2">
                    <div class="tab__container">
                        <div class="shop-grid tab-pane fade show active" id="nav-grid" role="tabpanel">
                            <div class="row">
                            @foreach($products as $product)
                                <!-- Start Single Product -->
                                    <div class="product product__style--3 col-lg-4 col-md-4 col-sm-6 col-12">
                                        <div class="product__thumb">
                                            <a class="first__img" href="{{ route('front.product', ['id' => $product->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $product->image }}" alt="{{ $product->name }}"></a>
                                            <a class="second__img animation1" href="{{ route('front.product', ['id' => $product->slug]) }}"><img src="{{ url('/') }}/settings/product/{{ $product->image }}" alt="{{ $product->name }}"></a>
                                            @if($product->discount != null)
                                                <div class="hot__box">
                                                    <span class="hot-label">ENDİRİMDƏ</span>
                                                </div>
                                            @endif
                                        </div>
                                        <div class="product__content content--center">
                                            <h4><a href="{{ route('front.product', ['id' => $product->slug]) }}">{{ $product->name }}</a></h4>
                                            @if($product->discount != null)
                                                <ul class="prize d-flex">
                                                    <li>{{ $product->price-($product->price*$product->discount/100) }} AZN</li>
                                                    <li class="old_prize">{{ $product->price }} AZN</li>
                                                </ul>
                                            @else
                                                <ul class="prize d-flex">
                                                    <li>{{ $product->price }} AZN</li>
                                                </ul>
                                            @endif
                                            <div class="action">
                                                <div class="actions_inner">
                                                    <ul class="add_to_links">
                                                        <li><a class="cart" href="{{ route('front.singleaddtocart', ['id' => $product->id]) }}"><i class="bi bi-shopping-bag4"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Product -->
                                @endforeach
                            </div>
                            {{ $products->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Shop Page -->
@endsection
{{--@section('js')--}}
{{--    <script>--}}
{{--        $(document).ready(function () {--}}
{{--            $(document).on('click', '.page-link', function (event) {--}}
{{--                event.preventDefault();--}}
{{--                var page = $(this).attr('href').split('page=')[1];--}}
{{--                var page = $(this).attr('href').split('page=')[1];--}}
{{--                getProducts(page);--}}
{{--            });--}}

{{--            function getProducts(page) {--}}
{{--                $.ajax({--}}
{{--                    url:"/products/getProducts?page="+page,--}}
{{--                    success:function (products) {--}}
{{--                        $('#nav-grid').html(products);--}}
{{--                    }--}}
{{--                });--}}
{{--            }--}}
{{--        });--}}
{{--    </script>--}}
{{--@endsection--}}