@extends('web.layouts.container')
@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.css') }}" />
@endsection
@section('content')
    <section class="page_header">
        <div class="container">
            <div class="content">
                <ul class="links">
                    <li class="li_link">
                        <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home_page')}}</a>
                    </li>
                    <li class="li_link">
                        <span>المفضله</span>
                    </li>
                </ul>
            </div>
            <div class="section_head text-center">
                <h2> المفضله </h2>
            </div>
        </div>
        <img src="{{asset('assets/web/images/heading-pattern-l.png')}}" class="pattern-l">
        <img src="{{asset('assets/web/images/heading-pattern-r.png')}}" class="pattern-r">

    </section>

    <section class="courses products-sec section-padding bg-gray">
        <div class="container">
            <div class="content small_prod">
                <div class="row">
                    @if(count($favorites))
                        @foreach($favorites as $favorite)
                            <div class="col-lg-4 favorites_container">
                                {{--                        <a href="single-product.html">--}}
                                <div class="prod_item">
                                    <div class="img">
                                        <div class="btns">
                                            <button data-href="{{route('eyeStore.addToFavorite', $favorite->id)}}" class="btn add_to_favorite"><i class="fas fa-heart"></i></button>
                                            <button data-href="{{route('eyeStore.addToCart', $favorite->id)}}" class="btn add_to_cart"><i class="fas fa-shopping-cart"></i></button>
                                        </div>
                                        <img src="{{$favorite->image ? asset($favorite->image) : asset('assets/web/images/prod/1.png')}}" alt="">
                                        <span class="sec">{{$favorite->category_name}}</span>
                                    </div>
                                    <div class="info">
                                        <h3><a href="{{route('eyeStore.show', $favorite->id)}}">{{$favorite->name}}</a></h3>
                                        <div class="prc">
                                            <div class="str">
                                                <small>
                                                    ( {{$favorite->evaluate_count}} تقييم )
                                                </small>
                                                <div class="stars">
                                                    <i class="{{abs(round($favorite->evaluate_average)) >=1 ? 'fas' : 'far'}} fa-star"></i>
                                                    <i class="{{abs(round($favorite->evaluate_average)) >=2 ? 'fas' : 'far'}} fa-star"></i>
                                                    <i class="{{abs(round($favorite->evaluate_average)) >=3 ? 'fas' : 'far'}} fa-star"></i>
                                                    <i class="{{abs(round($favorite->evaluate_average)) >=4 ? 'fas' : 'far'}} fa-star"></i>
                                                    <i class="{{abs(round($favorite->evaluate_average)) >=5 ? 'fas' : 'far'}} fa-star"></i>
                                                </div>
                                            </div>
                                            <h3> {{$favorite->price}} <small> SAR </small></h3>
                                        </div>
                                    </div>
                                </div>
                                {{--                        </a>--}}
                            </div>
                        @endforeach
                        @else
                        <div class="alert alert-info text-center text-danger col-md-12 font-weight-bold">No data in favorites</div>
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')
    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>
    <script src="{{asset('assets/web/js/eye_stores.favorites.js')}}"></script>
@endsection