@extends('layout.master')

@section('title','Arama')

@section('content')

    <main class="main">

        <div class="page-header text-center" style="background-image: url('assets/images/page-header-bg.jpg')">

            <div class="container">

                <h1 class="page-title">Aradığınız ürünler<span>Shop</span></h1>

            </div>

        </div>

        <nav aria-label="breadcrumb" class="breadcrumb-nav mb-2">

            <div class="container">

                <ol class="breadcrumb">

                    <div align="left"></div>

                </ol>

            </div>

        </nav>



        <div class="page-content">

            <div class="container">

                <div class="row">

                    <div class="col-lg-12">

                        <div class="toolbox">

                            <div class="toolbox-left">

                                <div class="toolbox-info">

                                    <h5><b><u>{{ $search_product }}</u></b> ile ilgili <span><b><u>{{ count($productsAll) }}</u></b></span> ürün bulduk.</h5>

                                </div>

                            </div>

                        </div>



                        <div class="products mb-3">

                            <div class="row justify-content-center">

                                @foreach($productsAll as $product)

                                    <div class="col-6 col-md-4 col-lg-4 col-xl-3">

                                        <div class="product product-7 text-center">

                                            <figure class="product-media">

                                                  @if($product->feature_item != null) <span class="product-label label-new">Yeni</span> @endif



                                                  @if($product->discount_price != null) <span class="product-label label-discount">İndirimli</span> @endif

                                                <a href="{{route('detail',$product->slug)}}">

                                                    <img src="{{asset('assets/images/products/main-product/'.$product->image)}}" alt="{{$product->product_name}}" class="product-image">

                                                </a>

                                                <div class="product-action-vertical">

                                                    <a data-id="{{$product->id}}"  href="javascript:" class="productFav btn-product-icon btn-wishlist btn-expandable"><span>favorilere ekle</span></a>

                                                    <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>

                                                </div>

                                                <div class="product-action">

                                                    <a recordid="{{$product->id}}" href="javascript:void(0);" class="addBasket btn-product btn-cart"><span>sepete ekle</span></a>

                                                </div>

                                            </figure>



                                            <div class="product-body">

                                                <div class="product-cat">

                                                    <a href="#">{{$product->category->name}}</a>

                                                </div>

                                                <h3 class="product-title"><a href="{{route('detail',$product->slug)}}">{{$product->product_name}}</a></h3>

                                                <div class="product-price">

                                                    {{$product->price}} ₺

                                                </div>

                                                <div class="ratings-container">

                                                    <div class="ratings">

                                                        <div class="ratings-val" style="width: 20%;"></div>

                                                    </div>

                                                    <span class="ratings-text">( 2 yorum )</span>

                                                </div>



                                                <div class="product-nav product-nav-thumbs">

                                                    @foreach($product->productsImage as $image)

                                                    <a href="#" class="active">

                                                        <img src="{{asset('assets/images/products/main-product/'.$image->image)}}" alt="product desc">

                                                    </a>

                                                    @endforeach

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                @endforeach

                            </div>

                        </div>



                        <nav aria-label="Page navigation">

                            <ul class="pagination justify-content-center">



                                    <li class="page-item">

                                        <a class="page-link"></a>{{ $productsAll->links() }}

                                    </li>



                            </ul>

                        </nav>

                    </div><!-- End .col-lg-9 -->

                </div>

            </div>

        </div>

    </main>

@endsection



@section('javascript')

    <script>

        $(document).ready(function(){

            $(document).on('click', '.productFav', function() {

                var link_data = $(this).data('id');

                //alert(link_data);

                $.ajax({

                    headers:{

                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

                    },

                    type: 'post',

                    url:  '/wishlist/'+link_data,

                    data: {product_id: link_data},

                    success: function(data) {

                        //alert(data.giris)

                        if (data.giris) {

                            swal.fire(data.giris);

                            location.href = '{{ route('login') }}';

                        } else if(data.var) {

                            swal.fire(data.var);

                        } else {

                            $(".favlist").html(data);

                            $('html, body').animate({ scrollTop: 0 }, 'slow');

                            $("#Favlist").css("color", "red").fadeOut(1500).fadeIn("slow");

                        }



                    }

                });

            });



        });

    </script>

    {{--<script>--}}

        {{--$(document).ready(function(){--}}

            {{--$(document).on('change', '.column_sort', function(){--}}

                {{--var column_name = $(this).attr("id");--}}

                {{--var order       = $(this).data("order");--}}

                {{--var arrow = '';--}}



                {{--if(order == 'desc')--}}

                {{--{--}}

                    {{--arrow = '&nbsp;<span class="glyphicon glyphicon-arrow-down"></span>';--}}

                {{--}--}}

                {{--else--}}

                {{--{--}}

                    {{--arrow = '&nbsp;<span class="glyphicon glyphicon-arrow-up"></span>';--}}

                {{--}--}}

                {{--$.ajax({--}}

                    {{--url:"/products-filter",--}}

                    {{--method:"POST",--}}

                    {{--headers:{--}}

                        {{--'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')--}}

                    {{--},--}}

                    {{--data:{column_name:column_name, order:order},--}}



                    {{--success:function(data)--}}

                    {{--{--}}

                        {{--$('#employee_table').html(data);--}}

                        {{--$('#'+column_name+'').append(arrow);--}}

                    {{--}--}}

                {{--})--}}

            {{--});--}}

        {{--});--}}

    {{--</script>--}}

    {{--<script>--}}

        {{--$(document).ready(function(){--}}

            {{--$(document).on('change','.sortby', function(){--}}

                {{--var order = $(this).val();--}}

                {{--var items = '';--}}

                {{--$.ajax({--}}

                    {{--url:"/products-filter",--}}

                    {{--method:"POST",--}}

                    {{--headers:{--}}

                        {{--'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')--}}

                    {{--},--}}

                    {{--data:{ order:order},--}}

                    {{--success:function(data)--}}

                    {{--{--}}

                        {{--$('#employee_table').html(data);--}}

                    {{--}--}}

                {{--})--}}

            {{--});--}}

        {{--});--}}

    {{--</script>--}}

@endsection