@extends('layout')
@section('title')
    <title>{{ $influencer->name }}</title>
    @php
        $tags = '';
        if($influencer->tags){
            foreach (json_decode($influencer->tags) as $influencer_tag) {
                $tags .= $influencer_tag->value.', ';
            }
        }
    @endphp

    <meta name="keywords" content="{{ $tags }}">
    <meta name="title" content="{{ $influencer->name }}">
    <meta name="description" content="{{ $influencer->name }}">
@endsection
@section('frontend-content')

    <!-- Breadcrumbs -->
    <div class="inflanar-breadcrumb"></div>
    <!-- End breadcrumbs -->

    <section class="influencers-profile">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <div class="influencer-profile__inner">
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-12 mg-top-30">
                                <div class="inflanar-influencer inflanar-influencer__sidebar">
                                    <!-- Influencer Head-->
                                    <div class="inflanar-influencer__head">
                                        <img src="{{ $influencer->image ? asset($influencer->image) : asset($setting->default_avatar) }}" alt="#">
                                    </div>
                                    <!-- Influencer Body -->
                                    <div class="inflanar-influencer__body">

                                        <div class="inflanar-influencer__follower single-follower">

                                            <div class="inflanar-influencer__follower--single single-wrapper">
                                                <div class="single-item">
                                                    <div class="single-img">
                                                        <a target="_blank" href="{{ $influencer->facebook }}"><img src="{{ asset('frontend/img/in-social1.svg') }}"></a>
                                                    </div>
                                                    <b>{{ html_decode($influencer->facebook_follower) }}</b>
                                                </div>
                                               <div class="single-content">
                                                    <p>{{__('admin.Followers')}}</p>
                                               </div>
                                            </div>

                                            <div class="inflancer-hborder"></div>
                                            <div class="inflanar-influencer__follower--single single-wrapper">
                                                <div class="single-item">
                                                    <div class="single-img">
                                                    <a href="{{ html_decode($influencer->tiktok) }}" target="_blank"><img src="{{ asset('frontend/img/in-social2.svg') }}"></a>
                                                    </div>
                                                    <b>{{ html_decode($influencer->tiktok_follower) }}</b>
                                                </div>
                                                <div class="single-content">
                                                        <p>{{__('admin.Followers')}}</p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="inflanar-influencer__follower single-follower">
                                            <div class="inflanar-influencer__follower--single single-wrapper">
                                                <div class="single-item">
                                                    <div class="single-img">
                                                        <a href="{{ html_decode($influencer->youtube) }}" target="_blank"><img src="{{ asset('frontend/img/youtube-icon.svg') }}"></a>
                                                    </div>
                                                    <b>{{ html_decode($influencer->youtube_follower) }}</b>
                                                </div>
                                               <div class="single-content">
                                                    <p>{{__('admin.Followers')}}</p>
                                               </div>
                                            </div>

                                            <div class="inflancer-hborder"></div>
                                            <div class="inflanar-influencer__follower--single single-wrapper">
                                                <div class="single-item">
                                                    <div class="single-img">
                                                    <a href="{{ html_decode($influencer->instagram) }}" target="_blank"><img src="{{ asset('frontend/img/in-social4.svg') }}"></a>
                                                    </div>
                                                    <b>{{ html_decode($influencer->instagram_follower) }}</b>
                                                </div>
                                               <div class="single-content">
                                                    <p>{{__('admin.Followers')}}</p>
                                               </div>
                                            </div>
                                        </div>

                                    </div>
                                    <!-- End Influencer Body -->
                                </div>
                            </div>
                            <div class="col-lg-9 col-md-8 col-12 mg-top-30">
                                <div class="influencers-pinfo">
                                    <div class="influencers-pinfo__content">
                                        <h2 class="influencers-pinfo__title">
                                            <span>{{ html_decode($influencer->designation) }}</span>
                                            <div>
                                                {{ html_decode($influencer->name) }}
                                                @php
                                                $kyc = Modules\Kyc\Entities\KycInformation::where('user_id',$influencer->id)->where('status',1)->first();
                                                @endphp
                                                @if($kyc)
                                                    <button class="varified-badge detail-varified-badge">
                                                        <span>
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10.007 2.10377C8.60544 1.65006 7.08181 2.28116 6.41156 3.59306L5.60578 5.17023C5.51004 5.35763 5.35763 5.51004 5.17023 5.60578L3.59306 6.41156C2.28116 7.08181 1.65006 8.60544 2.10377 10.007L2.64923 11.692C2.71404 11.8922 2.71404 12.1078 2.64923 12.308L2.10377 13.993C1.65006 15.3946 2.28116 16.9182 3.59306 17.5885L5.17023 18.3942C5.35763 18.49 5.51004 18.6424 5.60578 18.8298L6.41156 20.407C7.08181 21.7189 8.60544 22.35 10.007 21.8963L11.692 21.3508C11.8922 21.286 12.1078 21.286 12.308 21.3508L13.993 21.8963C15.3946 22.35 16.9182 21.7189 17.5885 20.407L18.3942 18.8298C18.49 18.6424 18.6424 18.49 18.8298 18.3942L20.407 17.5885C21.7189 16.9182 22.35 15.3946 21.8963 13.993L21.3508 12.308C21.286 12.1078 21.286 11.8922 21.3508 11.692L21.8963 10.007C22.35 8.60544 21.7189 7.08181 20.407 6.41156L18.8298 5.60578C18.6424 5.51004 18.49 5.35763 18.3942 5.17023L17.5885 3.59306C16.9182 2.28116 15.3946 1.65006 13.993 2.10377L12.308 2.64923C12.1078 2.71403 11.8922 2.71404 11.692 2.64923L10.007 2.10377ZM6.75977 11.7573L8.17399 10.343L11.0024 13.1715L16.6593 7.51465L18.0735 8.92886L11.0024 15.9999L6.75977 11.7573Z"></path></svg>
                                                        </span>
                                                    </button>
                                                @endif

                                            </div>
                                        </h2>
                                        <p class="influencers-pinfo__label">{{__('admin.Member Since')}}: {{ $influencer->created_at->format('d F Y') }}</p>
                                        <p class="influencers-pinfo__reviews"><i class="fas fa-star"></i>{{__('admin.Reviews')}}<span>{{ $total_review }}</span></p>
                                    </div>
                                    <div class="influencers-pinfo__social">
                                        <div class="influencers-pinfo__sinner">
                                            <div class="influencers-pinfo__sbutton">

                                                @auth('web')
                                                <a href="#services-row" class="inflanar-btn inflanar-btn__active" onclick="sendNewMessage('{{ $influencer->name }}','{{ $influencer->id }}', '{{ $influencer->designation }}', '{{ $influencer->image }}')">{{__('admin.Contact Here')}}</a>
                                                @else
                                                    <a href="#services-row" class="inflanar-btn inflanar-btn__active" onclick="sendNewMessagePrevLogin()">{{__('admin.Contact Here')}}</a>
                                                @endauth



                                            </div>
                                            <div class="social-infos d-none">
                                                <h4 class="social-headline">{{__('admin.Social Info')}}</h4>
                                                <ul class="influencers-pinfo__ssocial list-none">
                                                    @if ($influencer->facebook)
                                                    <li><a href="{{ $influencer->facebook }}"><img src="{{ asset('frontend/img/in-social1.svg') }}"></a></li>
                                                    @endif

                                                    @if ($influencer->tiktok)
                                                    <li><a href="{{ $influencer->tiktok }}"><img src="{{ asset('frontend/img/in-social2.svg') }}"></a></li>
                                                    @endif

                                                    @if ($influencer->twitter)
                                                    <li><a href="{{ $influencer->twitter }}"><img src="{{ asset('frontend/img/in-social3.svg') }}"></a></li>
                                                    @endif

                                                    @if ($influencer->instagram)
                                                    <li><a href="{{ $influencer->instagram }}"><img src="{{ asset('frontend/img/in-social4.svg') }}"></a></li>
                                                    @endif

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-3 col-md-6 col-12 mg-top-30">
                                        <div class="influencers-pinfo__card">
                                            <h4 class="influencers-pinfo__card--title">{{__('admin.Active Job')}}</h4>
                                            <p class="influencers-pinfo__card--info">{{ $active_booking }}</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-12 mg-top-30">
                                        <div class="influencers-pinfo__card influencers-pinfo__card--color2">
                                            <h4 class="influencers-pinfo__card--title">{{__('admin.Pending Job')}}</h4>
                                            <p class="influencers-pinfo__card--info">{{ $total_pending }}</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-12 mg-top-30">
                                        <div class="influencers-pinfo__card influencers-pinfo__card--color3">
                                            <h4 class="influencers-pinfo__card--title">{{__('admin.Cancel Job')}}</h4>
                                            <p class="influencers-pinfo__card--info">{{ $cancel_booking }}</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-12  mg-top-30 influencers-pinfo__card--color4">
                                        <div class="influencers-pinfo__card">
                                            <h4 class="influencers-pinfo__card--title">{{__('admin.Complete Job')}}</h4>
                                            <p class="influencers-pinfo__card--info">{{ $complete_booking }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Influencers -->
    <section class="influencers pd-top-20 pd-btm-120"  >
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-4 col-12 mg-top-30">
                    <!-- Single Sidebar -->
                    <div class="influencers-sidebar">
                        <!-- Single Inner Sidebar -->
                        <div class="influencers-sidebar__single">
                            <h4 class="influencers-sidebar__title">{{__('admin.About Me')}}</h4>
                            <p class="influencers-sidebar__text">{{ $influencer->about_me }}</p>
                        </div>
                        <!-- End Single Inner Sidebar -->

                        @if ($influencer->tags)
                        <!-- Single Inner Sidebar -->
                        <div class="influencers-sidebar__single mg-top-50">
                            <h4 class="influencers-sidebar__title">{{__('admin.Skills')}}</h4>
                            <ul class="influencers-sidebar__tag list-none">
                                @foreach (json_decode($influencer->tags) as $influencer_tag)
                                    <li><a href="javascript:;">{{ $influencer_tag->value }}</a></li>
                                @endforeach
                            </ul>
                        </div>
                        <!-- End Single Inner Sidebar -->
                        @endif


                        <!-- End Single Inner Sidebar -->
                   </div>
                   <!-- End Single Inner Sidebar -->
                </div>
                <div class="col-xl-9 col-lg-8 col-12 mg-top-30" >
                    <h2 class="influencers__ptitle">{{__('admin.Services')}}</h2>
                    <div class="row">
                        @forelse ($services as $index => $service)
                            <div class="col-xl-4 col-lg-6 col-md-6 col-12 mg-top-30" data-aos="fade-in" data-aos-delay="400">
                                <!-- Single property-->
                                <div class="inflanar-service">
                                    <!-- Property Head-->
                                    <div class="inflanar-service__head">
                                        <img src="{{ asset($service->thumbnail_image) }}" alt="#">
                                        @auth('web')
                                            <div class="inflanar-service__wishlist {{ $service->is_wishlist($service->id) == true ? 'active' : '' }} add_to_wishlist" data-service_id="{{ $service->id }}">
                                                <a href="javascript:;" ><i class="fas fa-heart"></i></a>
                                            </div>
                                        @else
                                            <div class="inflanar-service__wishlist add_to_wishlist" data-service_id="{{ $service->id }}">
                                                <a href="javascript:;" ><i class="fas fa-heart"></i></a>
                                            </div>
                                        @endauth
                                    </div>
                                    <!-- Property Body-->
                                    <div class="inflanar-service__body">
                                        <div class="inflanar-service__top">
                                            @if ($service->category)
                                            <a href="{{ route('services', ['categories[]' => $service->category->slug]) }}" class="inflanar-service__cat"><img src="{{ asset('frontend/img/in-cat-label.svg') }}">{{ $service->category->name }}</a>
                                            @endif

                                            <div class="inflanar-service__price">
                                                {{ currency($service->price) }}
                                            </div>
                                        </div>
                                        <h3 class="inflanar-service__title"><a href="{{ route('service', $service->slug) }}">{{ $service->title }}</a></h3>
                                        <div class="inflanar-service__author">
                                            <div class="inflanar-service__author--info">
                                                @if ($service->influencer)
                                                    <a href="{{ route('influencer', $service->influencer->username) }}"><img src="{{ $service->influencer->image ? asset($service->influencer->image) : asset($setting->default_avatar) }}">{{ $service->influencer->name }}</a>
                                                @endif

                                            </div>

                                            <div class="inflanar-service__author--rating">
                                                @php
                                                    if ($service->total_review > 0) {
                                                        $average = $service->average_rating;

                                                        $int_average = intval($average);

                                                        $next_value = $int_average + 1;
                                                        $review_point = $int_average;
                                                        $half_review=false;
                                                        if($int_average < $average && $average < $next_value){
                                                            $review_point= $int_average + 0.5;
                                                            $half_review=true;
                                                        }
                                                    }
                                                @endphp
                                                <div class="inflanar-service__author--star">
                                                    @if ($service->total_review > 0)
                                                        @for ($i = 1; $i <=5; $i++)
                                                            @if ($i <= $review_point)
                                                            <span><i class="fa-solid fa-star"></i></span>
                                                            @elseif ($i> $review_point )
                                                                @if ($half_review==true)
                                                                <span><i class="fa-solid fa-star-half-stroke"></i></span>
                                                                    @php
                                                                        $half_review=false
                                                                    @endphp
                                                                @else
                                                                <span><i class="fa-regular fa-star"></i></span>
                                                                @endif
                                                            @endif
                                                        @endfor
                                                    @else
                                                        <span><i class="fa-regular fa-star"></i></span>
                                                        <span><i class="fa-regular fa-star"></i></span>
                                                        <span><i class="fa-regular fa-star"></i></span>
                                                        <span><i class="fa-regular fa-star"></i></span>
                                                        <span><i class="fa-regular fa-star"></i></span>
                                                    @endif

                                                </div>
                                                <div class="inflanar-service__author--label">({{ $service->total_review }})</div>
                                            </div>

                                        </div>
                                        <a class="inflanar-btn-full inflanar-btn-full--v2 mg-top-20" href="{{ route('booking-service', $service->slug) }}">{{__('admin.Book Now')}}</a>
                                    </div>
                                </div>
                                <!-- End Single property-->
                            </div>
                        @empty
                        <div class="col-12 mg-top-30 text-center text-danger">
                            <h3>{{__('admin.Sorry!! Service not found.')}}</h3>
                        </div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection