@extends('layouts.adminLayouts')

@section('head')
    <!-- Select2 -->
    <link rel="stylesheet" href="{{url('/assets/admin/bower_components/select2/dist/css/select2.min.css')}}">
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" href="{{url('/assets/admin/plugins/iCheck/all.css')}}">
    <!-- SwiperSlider -->
    <link rel="stylesheet" href="{{url('/assets/admin/plugins/swiperslider/swiper.min.css')}}">
    <meta name="_token" content="{{csrf_token()}}">
@stop

@section('content-header')
    <section class="content-header">
        <h1>
            ویرایش محصولات لیست
        </h1>
        {{ Breadcrumbs::render('homes.edit',['title' => $list->name ]) }}

    </section>
@stop


@section('content')

    <div class="widget-slider" id="reload-product">
        @include('admin.home.selected_adv')
    </div>
    <div class="box box-default pt-0">

        <div class="box-header">
            <div class="row">
                <div class="col-xs-12 text-center filter-product mb-2">
                    <div class="col-lg-2 col-md-3 col-xs-8 pr-0">
                        <select class="form-control select2 float-right" id="select-sort">
                            <option value="">مرتب سازی بر اساس</option>
                            <option value="new" @if(array_key_exists('sortBy',$filters) && $filters['sortBy'] == 'new') selected @endif>جدید ترین</option>
                            <option value="old" @if(array_key_exists('sortBy',$filters) && $filters['sortBy'] == 'old') selected @endif>قدیمی ترین</option>
                            <option value="four" @if(array_key_exists('sortBy',$filters) && $filters['sortBy'] == 'four') selected @endif>تبلیغ چهارتایی</option>
                            <option value="two" @if(array_key_exists('sortBy',$filters) && $filters['sortBy'] == 'two') selected @endif>تبلیغ دوتایی</option>
                            <option value="own" @if(array_key_exists('sortBy',$filters) && $filters['sortBy'] == 'own') selected @endif>تبلیغ تکی</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="mt-3 products">
                @include('admin.home.load_adv')
            </div>
        </div>
    </div>
@stop

@section('footer')
    <!-- Select2 -->
    <script src="{{url('/assets/admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
    <!-- SwiperSlider -->
    <script src="{{url('/assets/admin/plugins/swiperslider/swiper.min.js')}}"></script>
    <!-- iCheck 1.0.1 -->
    <script src="{{url('/assets/admin/plugins/iCheck/icheck.min.js')}}"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.select2').select2();
            //Flat red color scheme for iCheck
            $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
                checkboxClass: 'icheckbox_flat-green',
                radioClass: 'iradio_flat-green'
            });

        });
    </script>

    <script>
        $('#select-sort').on('change', function () {
            sortBy(this.value);
        });

        sortBy = function (sort) {
            var url = new URL(window.location.href);
            var query_string = url.search;
            var search_params = new URLSearchParams(query_string);
            search_params.delete('sortBy');
            search_params.append('sortBy', sort);
            url.search = search_params.toString();
            var new_url = url.toString();
            window.history.pushState("", "", new_url);
            getProducts(url);
        };

        function getProducts(url) {
            $('#loading').show();
            $.ajax({
                url: url
            }).done(function (data) {
                $('.products').html('');
                $('.products').html(data);
                lazyload();
                console.log(data.filters);
                $('#loading').hide();
            }).fail(function () {
                $('#loading').hide();
                toastr.warning('خطایی در حین انجام عملیات رخ داد', 'اوپس...');
            });
        }
    </script>

@stop