@extends('layout')

@section('title'){{MultilanguageController::t_leng('Избранные')}} - {{auth()->user()->name}}@endsection

@section('main_content')



<main>
    <section class="profile_page favorites_page">
    <style>
    #favorites span {
        border-bottom: 1px solid #FFFFFF;
    }
</style>
<section class="flex lk_page">
    @include('partials.userbuynav')

    <div class="lk_page_content">
        @include('partials.userheader')

        <div class="fav_list_container">
            <div class="fav_list flex wow animate__fadeIn">
            @isset($favads)
            
            @foreach ($favads as $ads)
            
            <article class="post_card @if($ads->hidden == 1) post_hidden @endif" id=""
            >

            @if($ads->hidden == 1)
                <span class="hidden_icon">
                {{MultilanguageController::t_leng('Скрыто')}}
                </span>
                @endif
                    <h5 class="post_id">{{$ads->name}}</h5>
        
                    @if(!empty($ads->img_thumbnail))
                    <img class="lazy" data-src="/bezbrok/storage/app/public/uploads/{{$ads->img_thumbnail}}" alt="{{$ads->name}}">
                    @else
                    {{MultilanguageController::t_leng('фото отсутствует')}} 
                     @endif
                    <p class="post_short_descr"> {{ \Illuminate\Support\Str::limit($ads->desc, 100, $end='...') }}</p>
                    <div class="post_card_control flex f_b f_a_c" id="-ctrl">
                    <a href="javascript:void(0);" class="delete_from_fav flex"  data-id="" onclick="ajaxDeleteFromFav($(this));">{{MultilanguageController::t_leng('Удалить из избранного')}}</a>
                    </div>

                    <div class="post_card_footer flex f_a_c">
                        <a href="@if($ads->ondelete == 0) /{{MultilanguageController::currLang()}}/ads/{{$ads->url}} @else javascript:void(0); @endif" class="go_post_page">{{MultilanguageController::t_leng('Перейти на страницу')}}</a>

                        <span class="flex f_a_c"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.47604 7.53313C9.47604 8.62438 8.59104 9.50876 7.49979 9.50876C6.40854 9.50876 5.52417 8.62438 5.52417 7.53313C5.52417 6.44126 6.40854 5.55688 7.49979 5.55688C8.59104 5.55688 9.47604 6.44126 9.47604 7.53313Z" stroke="#130F26" stroke-linecap="round" stroke-linejoin="round" />
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.49875 12.0967C9.87875 12.0967 12.0556 10.3855 13.2812 7.53299C12.0556 4.68049 9.87875 2.96924 7.49875 2.96924H7.50125C5.12125 2.96924 2.94437 4.68049 1.71875 7.53299C2.94437 10.3855 5.12125 12.0967 7.50125 12.0967H7.49875Z" stroke="#130F26" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            {{$ads->viewing}}</span>

                        <span class="flex f_a_c">
                            <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.20734 7.79524C9.70052 10.2877 10.2661 7.4042 11.8535 8.99051C13.3839 10.5205 14.2635 10.827 12.3245 12.7655C12.0816 12.9606 10.5385 15.3089 5.11538 9.88729C-0.308424 4.465 2.03849 2.92028 2.23373 2.67747C4.17742 0.733654 4.47866 1.61836 6.00906 3.14833C7.59648 4.73531 4.71416 5.30276 7.20734 7.79524Z" stroke="#130F26" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            {{$ads->calls}}
                        </span>
                    </div>

                </article>
                @endforeach

                @if(empty($favads))
                    <div class="empty_mess">
                        <h5>{{MultilanguageController::t_leng('У вас в данный момент нет избранных объявлений')}}</h5>
                    </div>
                @endif

                @endif       
</div>
        </div>
      
    </div>

</section>
    </section>
</main>

@include('partials.footer')
@endsection