@extends('website.layouts.index')
@section('content')
<div class="content">
    <div class="container">
        <div class="row">				
            
            @include('user.layouts.menu')
            
            <div class="col-md-8 col-lg-9">
            
                <!-- Sort -->
                <div class="row align-items-center">
                    <div class="col-sm-6">
                        <div class="widget-title">
                            <h4>Favorites</h4>
                        </div>
                    </div>							
                </div>
                <!-- /Sort -->
                
                <div class="row">
                
                    @foreach ($favourites as $each)
                        <!-- Service List -->
                    <div class="col-xl-4 col-md-6">
                        <div class="service-widget servicecontent">
                            <div class="service-img">
                                <a href="{{route('service-detail',$each->id)}}">
                                    <img class="img-fluid serv-img" alt="Service Image" src="{{asset($each->image ?? 'assets/img/services/service.jpg')}}">
                                </a>
                                <div class="fav-item">
                                    <a href="#"><span class="item-cat">Home Clean</span></a>
                                    <a href="{{route('user.toggle-favorite',['service_id'=>$each->id])}}" class="fav-icon active">
                                        <i class="feather-heart"></i>
                                    </a>
                                </div>
                                {{-- <div class="item-info">
                                    <a href="providers.html"><span class="item-img"><img src="{{asset('assets/img/profiles/avatar-01.jpg')}}" class="avatar" alt=""></span></a>
                                </div> --}}
                            </div>
                            <div class="service-content">
                                <h3 class="title">
                                    <a href="{{route('service-detail',$each->id)}}">{{$each->title}}</a>
                                </h3>
                                <p><i class="feather-map-pin"></i>{{$each->address}}<span class="rate"><i class="fas fa-star filled"></i>4.9</span></p>
                                <div class="serv-info">
                                    <h6>${{number_format($each->amount,2,'.',',')}}</h6>
                                    <a href="{{route('service-detail',$each->id)}}" class="btn btn-book">Book Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Service List -->
                    @endforeach
                    
                    
                    
                </div>

                
            </div>
                    
        </div>
        
    </div>
</div>
@endsection