@include('frontend.WebPages.header')

    <section class="blog-part">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-center-heading">
                        <h2>{{ $user->service_heading }}</h2>
                        <p> {!! $user->bus_service_description !!} </p>
                    </div>
                </div>
            </div>
            <div class="row content-reverse">
                <div class="col-lg-12">
                    <div class="row">
                        @foreach ($MyAds as $index => $data)
                        <div class="col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="product-card">
                                <div class="product-media">
                                    <div class="product-img"><img src="{{ asset('adImages/' . $data->image) }}" alt="product"></div>
                                    <div class="cross-vertical-badge product-badge"><i class="fas fa-fire"></i><span>top</span></div>
                                    <div class="product-type">
                                        <!-- <a href="{{ route('businessProfileViewAdPost.edit', ['name' => $businessProfile->business_slug, 'id' => $data->id]) }}"><span class="flat-badge booking">edit</span></a> -->
                                    </div>
                                    <ul class="product-action">
                                        <!-- <li class="view"><i class="fas fa-eye"></i><span>264</span></li>
                                        <li class="click"><i class="fas fa-mouse"></i><span>134</span></li>
                                        <li class="rating"><i class="fas fa-star"></i><span>4.5/7</span></li> -->
                                    </ul>
                                </div>
                                <div class="product-content">
                                    <ol class="breadcrumb product-category">
                                        <li><i class="fas fa-tags"></i></li>
                                        <li class="breadcrumb-item"><a href="{{ route('businessServiceDetail', ['slug' => $user->business_slug , 'ServiceSlug' => $data->slug ]) }}">{{ $data->category->name }}</a></li>
                                        <!-- <li class="breadcrumb-item active" aria-current="page">resort</li> -->
                                    </ol>
                                    <h5 class="product-title"><a href="{{ route('businessServiceDetail', ['slug' => $user->business_slug , 'ServiceSlug' => $data->slug ]) }}">{{ $data->title }}</a></h5>
                                    <div class="product-meta"><span><i class="fas fa-map-marker-alt"></i>{{ json_decode($data->location->name)->en  }}</span><span><i class="fas fa-clock"></i>{{ \Carbon\Carbon::parse($data->created_at)->diffForHumans() }}</span></div>
                                    <div class="product-info">
                                        <h5 class="product-price">Rs {{ $data->price }}<span>/ {{ $data->price_condition }}</span></h5>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    </div>
                    <!-- <div class="row">
                        <div class="col-lg-12">
                            <ul class="pagination">
                                <li class="page-item"><a class="page-link" href="#"><i class="fas fa-long-arrow-alt-left"></i></a></li>
                                <li class="page-item"><a class="page-link active" href="#">1</a></li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                <li class="page-item">...</li>
                                <li class="page-item"><a class="page-link" href="#">67</a></li>
                                <li class="page-item"><a class="page-link" href="#"><i class="fas fa-long-arrow-alt-right"></i></a></li>
                            </ul>
                        </div>
                    </div> -->
                </div>
            </div>
            @if($user->bus_social_facebook || $user->bus_social_twitter || $user->bus_linkdin || $user->bus_youtube || $user->bus_social_instagram)
                <div class="row content-reverse" style=" margin-top: 20px;">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-md-8 col-lg-12 m-auto">
                                <div class="blog-sidebar">
                                    <div class="blog-sidebar-title">
                                        <h5>follow us</h5>
                                    </div>
                                    <ul class="blog-icon">
                                        @if($user->bus_social_facebook)
                                            <li><a href="{{ $user->bus_social_facebook }}" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                        @endif
                                        @if($user->bus_social_twitter)
                                            <li><a href="{{ $user->bus_social_twitter }}" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                        @endif
                                        @if($user->bus_linkdin)
                                            <li><a href="{{ $user->bus_linkdin }}" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                        @endif
                                        
                                        
                                        @if($user->bus_youtube)
                                            <li><a href="{{ $user->bus_youtube }}" target="_blank"><i class="fab fa-youtube"></i></a></li>
                                        @endif
                                        @if($user->bus_social_instagram)  
                                            <li><a href="{{ $user->bus_social_instagram }}" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        @endif
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </section>

    @include('frontend.WebPages.footer')