favorite_data.blade.php 5.48 KB
@extends('layout.site', ['title' => 'Избранное RentTorg'])

@section('custom_js')
    <script>
        $(document).on('click', '.js_sort_group_item', function() {
                var val = $(this).data('val');
                var sort_price_val = '';
                var sort_area_val = '';
                var sort_new_val = '';

                $('.sort-price').each(function() {
                    var this_ = $(this);
                    var v = $(this).data('val');
                    if (this_.hasClass('active'))
                        sort_price_val = v;
                });

                $('.sort-new').each(function() {
                    var v = $(this).data('val');
                    var this_ = $(this);
                    if (this_.hasClass('active'))
                        sort_new_val = v;
                });

                $('.sort-area').each(function() {
                    var v = $(this).data('val');
                    var this_ = $(this);
                    if (this_.hasClass('active'))
                        sort_area_val = v;

                });

                console.log('-------------------');
                $.ajax({
                    type: "GET",
                    url: "{{ route('favorite') }}",
                    data: "sort_price="+sort_price_val+"&sort_new="+sort_new_val+"&sort_area="+sort_area_val+"",
                    success: function(data) {
                        console.log('Сортировка данных обновлена '+data);
                        $('#house_block').html(data);
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    error: function(data) {
                        console.log('Error: '+ data);
                    }
                });
            }
        );
    </script>
@endsection

@section('content')
    <section class="favorites">
        <div class="favorites-top">
            <div class="container">
                <div class="breadcrumbs">
                    <ul class="breadcrumbs__list">
                        <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="{{ route('index') }}">Главная</a></li>
                        <li class="breadcrumbs__item"><span class="breadcrumbs__link">Избранное </span></li>
                    </ul>
                </div>
                <h1 class="favorites__title title-main">Избранное</h1>
                <p class="favorites__descr">Здесь вы можете ознакомиться с недвижимостью которая вам понравилось</p>
            </div>
        </div>
        <div class="favorites-cnt">
            <div class="container">
                <form class="favorites__sorts">
                    <div class="favorites__sort-group sort-group js_sort_group">
                        <input class="js_sort_group_input" type="hidden">
                        <div class="sort-group__current js_sort_group_current">Сначала дешевле</div>
                        <ul class="sort-group__list js_sort_group_list">
                            <li class="sort-price sort-group__item js_sort_group_item active" data-val="1">Сначала дешевле</li>
                            <li class="sort-price sort-group__item js_sort_group_item" data-val="2">Сначала дороже</li>
                        </ul>
                    </div>
                    <div class="favorites__sort-group sort-group js_sort_group">
                        <input class="js_sort_group_input" type="hidden">
                        <div class="sort-group__current js_sort_group_current">Сначала новые</div>
                        <ul class="sort-group__list js_sort_group_list">
                            <li class="sort-new sort-group__item js_sort_group_item active" data-val="1">Сначала новые</li>
                            <li class="sort-new sort-group__item js_sort_group_item" data-val="2">Сначала старые</li>
                        </ul>
                    </div>
                    <div class="favorites__sort-group sort-group sort-group--wide js_sort_group">
                        <input class="js_sort_group_input" type="hidden">
                        <div class="sort-group__current js_sort_group_current">Сначала с большей площадью</div>
                        <ul class="sort-group__list js_sort_group_list">
                            <li class="sort-area sort-group__item js_sort_group_item active" data-val="1">Сначала с большей площадью</li>
                            <li class="sort-area sort-group__item js_sort_group_item" data-val="2">Сначала с меньшей площадью</li>
                        </ul>
                    </div>
                </form>
                <div class="favorites__grid" id="house_block">
                    @if ($houses->count())
                        @foreach ($houses as $house1)
                            @include('catalogs.house_mini', ['house' => $house1])
                        @endforeach
                    @else
                        <h3>Здесь пока что нет предложений</h3>
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection

@section('form_feedback')
    <!-- Форма обратной связи -->
    @include('form.form_feedback')
@endsection