One Hat Cyber Team

Edit File: layout.blade.php

<!DOCTYPE html>
<html class="no-js" lang="ZXX">
	<head>
		
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

@yield('title')

<link rel="icon" href="{{ asset($setting->favicon) }}">

<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">

<link rel="stylesheet" href="{{ asset('frontend/css/bootstrap.min.css') }}">
		
		<link rel="stylesheet" href="{{ asset('frontend/css/jquery-ui.min.css') }}">
		
		<link rel="stylesheet" href="{{ asset('frontend/css/animate.min.css') }}">
		
		<link rel="stylesheet" href="{{ asset('frontend/css/aos.min.css') }}">
		
		<link rel="stylesheet" href="{{ asset('frontend/css/font-awesome-all.min.css') }}">
		
		<link rel="stylesheet" href="{{ asset('frontend/css/swiper-slider.min.css') }}">
		
		<link rel="stylesheet" href="{{ asset('frontend/css/select2-min.css') }}">
		
		<link rel="stylesheet" href="{{ asset('frontend/css/datatables.min.css') }}">
		
		<link rel="stylesheet" href="{{ asset('frontend/css/video-popup.min.css') }}">

<link rel="stylesheet" href="{{ asset('frontend/css/theme-default.css') }}">

@if (Session::get('lang_dir'))
            @if (Session::get('lang_dir') == 'right_to_left')
                <link rel="stylesheet" href="{{ asset('frontend/rtl.css') }}">
            @else
                <link rel="stylesheet" href="{{ asset('frontend/style.css') }}">
            @endif
        @else
            <link rel="stylesheet" href="{{ asset('frontend/style.css') }}">
        @endif

<link rel="stylesheet" href="{{ asset('frontend/css/glightbox.min.css') }}" />

@if ($google_analytic->status == 1)
        <script async src="https://www.googletagmanager.com/gtag/js?id={{ $google_analytic->analytic_id }}"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', '{{ $google_analytic->analytic_id }}');
        </script>
        @endif

@if ($facebook_pixel->status == 1)
            <script>
            !function(f,b,e,v,n,t,s)
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
            n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t,s)}(window, document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '{{ $facebook_pixel->app_id }}');
            fbq('track', 'PageView');
            </script>
            <noscript><img height="1" width="1" style="display:none"
            src="https://www.facebook.com/tr?id={{ $facebook_pixel->app_id }}&ev=PageView&noscript=1"
        /></noscript>
        @endif

</head>

@if (Session::get('lang_dir'))
        @if (Session::get('lang_dir') == 'right_to_left')
            <body class="rtl-theme" id="app">
        @else
            <body id="app">
        @endif
    @else
        <body id="app">
    @endif

@if ($setting->preloader_status == 'enable')
            <div id="loading">
                <div id="loading-center">
                <div id="loading-center-absolute">
                    <div class="object" id="object_one"></div>
                    <div class="object" id="object_two"></div>
                    <div class="object" id="object_three"></div>
                    <div class="object" id="object_four"></div>
                    <div class="object" id="object_five"></div>
                </div>
                </div>
            </div>
         @endif

<div class="modal offcanvas-modal inflanar-mobile-menu fade" id="offcanvas-modal">
			<div class="modal-dialog offcanvas-dialog">
				<div class="modal-content">
					<div class="modal-header offcanvas-header">
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
							<i class="fas fa-remove"></i>
						</button>
					</div>
					
					 <div class="offcanvas-logo">
                        <a href="{{ route('home') }}"><img src="{{ asset($setting->logo) }}" alt="#"></a>
					</div>
					
					
					<nav id="offcanvas-menu" class="offcanvas-menu">
						
						<ul class="nav-menu menu navigation list-none">

@if ($setting->selected_theme == 'all_theme')
                            <li class="menu-item-has-children active"><a href="{{ route('home', ['theme' => 'one']) }}">{{__('admin.Home')}}</a>
                                <ul class="sub-menu">
                                    <li><a href="{{ route('home', ['theme' => 'one']) }}">{{__('admin.Homepage V1')}}</a></li>
                                    <li><a href="{{ route('home', ['theme' => 'two']) }}">{{__('admin.Homepage V2')}}</a></li>
                                    <li><a href="{{ route('home', ['theme' => 'three']) }}">{{__('admin.Homepage V3')}}</a></li>
                                </ul>
                            </li>
                            @else
                                <li><a href="{{ route('home') }}">{{__('admin.Home')}}</a></li>
                            @endif

<li><a href="{{ route('about-us') }}">{{__('admin.About Us')}}</a></li>

<li><a href="{{ route('influencers') }}">{{__('admin.Influencers')}}</a></li>

<li><a href="{{ route('services') }}">{{__('admin.Services')}}</a></li>

<li class="menu-item-has-children"><a href="#">{{__('admin.Pages')}}</a>
                                <ul class="sub-menu">
                                    @if ($setting->commission_type == 'subscription')
                                        @php
                                            $json_module_data = file_get_contents(base_path('modules_statuses.json'));
                                            $module_status = json_decode($json_module_data);
                                        @endphp

@if ($module_status->Subscription)

<li>
                                                <a class="{{ Route::is('pricing-plan') ? 'active':'' }}" href="{{ route('pricing-plan') }}">{{__('admin.Subscription')}}</a>
                                            </li>
                                        @endif
                                    @endif
                                    <li><a href="{{ route('blogs') }}">{{__('admin.Our Blogs')}}</a></li>
                                    <li><a href="{{ route('faq') }}">{{__('admin.FAQ')}}</a></li>
                                    <li><a href="{{ route('terms-conditions') }}">{{__('admin.Terms & Conditions')}}</a></li>
                                    <li><a href="{{ route('privacy-policy') }}">{{__('admin.Privacy Policy')}}</a></li>
                                    @foreach ($custom_pages as $custom_page)
                                        <li><a href="{{ route('custom-page', $custom_page->slug) }}">{{ $custom_page->page_name }}</a></li>
                                    @endforeach

</ul>
                            </li>

<li><a href="{{ route('contact-us') }}">{{__('admin.Contact')}}</a></li>
						</ul>
						
					</nav>

<div class="inflanar-header__button h-with-lang-switch mobile ">
						<div class="currency-item">
							<i class="fa-solid fa-dollar-sign"></i>
								 
								<select class="form-select form-select-lg mb-3 inflanar-header__lang--list" 	aria-label=".form-select-lg example">
                                    @if (Session::get('currency_code'))
                                        @foreach ($currency_list as $currency_item)
                                        <option {{ Session::get('currency_code') == $currency_item->lang_code ? 'selected' : '' }} value="{{ $currency_item->currency_code }}" >{{ $currency_item->currency_name }}</option>
                                        @endforeach
                                    @else
                                        @foreach ($currency_list as $currency_item)
                                        <option value="{{ $currency_item->currency_code }}" >{{ $currency_item->currency_name }}</option>
                                        @endforeach
                                    @endif

</select>
						</div>

<div class="qnav-btn-item">
 						
 						<form action="{{ route('language-switcher') }}" id="lang_swithcer_form_for_mobile">
							<div class="inflanar-header__lang">
								<i class="fas fa-globe"></i>
								<select id="lang_swithcer_for_mobile"  class="inflanar-header__lang--list" name="lang_code">
									@if (Session::get('front_lang'))
									@foreach ($language_list as $language)
									<option {{ Session::get('front_lang') == $language->lang_code ? 'selected' : '' }} value="{{ $language->lang_code }}">{{ $language->lang_name }}</option>
									@endforeach
									@else
									@foreach ($language_list as $language)
									<option value="{{ $language->lang_code }}">{{ $language->lang_name }}</option>
									@endforeach
									@endif
								</select>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

<header id="active-sticky" class="inflanar-header  {{ Route::is('home') ? '' : 'inflanar-header__v2' }}">
			<div class="inflanar-header__middle">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-12">
							<div class="inflanar-header__inside">
								<div class="inflanar-header__group">
									<div class="inflanar-header__logo">
										<a href="{{ route('home') }}"><img src="{{ asset($setting->logo) }}" alt="#"></a>
									</div>
									<div class="inflanar-header__menu">
										<div class="navbar">
											<div class="nav-item">
												
												<ul class="nav-menu menu navigation list-none">
                                                    @if ($setting->selected_theme == 'all_theme')
													<li class="menu-item-has-children"><a href="{{ route('home', ['theme' => 'one']) }}">{{__('admin.Home')}}</a>
														<ul class="sub-menu">
															<li><a href="{{ route('home', ['theme' => 'one']) }}">{{__('admin.Homepage V1')}}</a></li>
															<li><a href="{{ route('home', ['theme' => 'two']) }}">{{__('admin.Homepage V2')}}</a></li>
															<li><a href="{{ route('home', ['theme' => 'three']) }}">{{__('admin.Homepage V3')}}</a></li>
														</ul>
													</li>
                                                    @else
                                                        <li><a href="{{ route('home') }}">{{__('admin.Home')}}</a></li>
                                                    @endif

<li><a href="{{ route('influencers') }}">{{__('admin.Influencers')}}</a></li>

<li><a href="{{ route('services') }}">{{__('admin.Services')}}</a></li>

<li class="menu-item-has-children"><a href="#">{{__('admin.Pages')}}</a>
														<ul class="sub-menu">

@if ($setting->commission_type == 'subscription')
                                                                @php
                                                                    $json_module_data = file_get_contents(base_path('modules_statuses.json'));
                                                                    $module_status = json_decode($json_module_data);
                                                                @endphp

@if ($module_status->Subscription)

<li>
                                                                        <a class="{{ Route::is('pricing-plan') ? 'active':'' }}" href="{{ route('pricing-plan') }}">{{__('admin.Subscription')}}</a>
                                                                    </li>
                                                                @endif
                                                            @endif

<li><a href="{{ route('about-us') }}">{{__('admin.About Us')}}</a></li>

<li><a href="{{ route('blogs') }}">{{__('admin.Our Blogs')}}</a></li>
															<li><a href="{{ route('faq') }}">{{__('admin.FAQ')}}</a></li>
															<li><a href="{{ route('terms-conditions') }}">{{__('admin.Terms & Conditions')}}</a></li>
															<li><a href="{{ route('privacy-policy') }}">{{__('admin.Privacy Policy')}}</a></li>
                                                            @foreach ($custom_pages as $custom_page)
															    <li><a href="{{ route('custom-page', $custom_page->slug) }}">{{ $custom_page->page_name }}</a></li>
                                                            @endforeach

</ul>
													</li>
													<li><a href="{{ route('contact-us') }}">{{__('admin.Contact')}}</a></li>
												</ul>
												
											</div>
										</div>
									</div>
								</div>
								<button type="button" class="offcanvas-toggler" data-bs-toggle="modal" data-bs-target="#offcanvas-modal"><span class="line"></span><span class="line"></span><span class="line"></span>
								</button>
								<div class="inflanar-header__button h-with-lang-switch">

<div class="currency-item">
										<i class="fa-solid fa-dollar-sign"></i>
                                            <form action="{{ route('currency-switcher') }}" id="currency_swithcer_form">
												 
												<select name="currency_code" id="currency_swithcer" class="form-select form-select-lg mb-3 inflanar-header__lang--list" 	aria-label=".form-select-lg example">
                                                @foreach ($currency_list as $currency_item)
                                                    @if (Session::get('currency_code'))
                                                        <option {{ Session::get('currency_code') == $currency_item->currency_code ? 'selected' : '' }} value="{{ $currency_item->currency_code }}">{{ $currency_item->currency_name }}</option>
                                                    @else
                                                        <option value="{{ $currency_item->currency_code }}">{{ $currency_item->currency_name }}</option>
                                                    @endif
                                                @endforeach

</select>
                                            </form>
										</div>

<div class="qnav-btn-item">
										 
										 <form action="{{ route('language-switcher') }}" id="lang_swithcer_form">
                                            <div class="inflanar-header__lang">
                                                <i class="fas fa-globe"></i>
                                                <select id="lang_swithcer" class="inflanar-header__lang--list" name="lang_code">
                                                    @if (Session::get('front_lang'))
                                                        @foreach ($language_list as $language)
                                                            <option {{ Session::get('front_lang') == $language->lang_code ? 'selected' : '' }} value="{{ $language->lang_code }}">{{ $language->lang_name }}</option>
                                                        @endforeach
                                                    @else
                                                        @foreach ($language_list as $language)
                                                            <option value="{{ $language->lang_code }}">{{ $language->lang_name }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </form>
									</div>

@guest('web')
                                            <a href="{{ route('login') }}" class="inflanar-btn inflanar-btn--header"><span> {{__('admin.Login')}}</span></a>
                                        @else
                                            @php
                                                $auth_user = Auth::guard('web')->user();
                                            @endphp
                                            @if ($auth_user->is_influencer == 'yes')
                                                <a href="{{ route('influencer.dashboard') }}" class="inflanar-btn inflanar-btn--header"><span>{{__('admin.Dashboard')}}</span></a>
                                            @else
                                                <a href="{{ route('user.dashboard') }}" class="inflanar-btn inflanar-btn--header"><span>{{__('admin.Dashboard')}}</span></a>
                                            @endif
                                        @endguest
									</div>

</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>

@yield('frontend-content')

<section  class="footer-cta inflanar-bg-cover section-padding">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="footer-cta__inner inflanar-bg-cover  inflanar-section-shape3">
							<div class="footer-cta__content">
								<h3 class="footer-cta__title">{{ $home_page->provider_joining_title }}</h3>
								<a href="{{ route('register') }}" class="inflanar-btn inflanar-btn__big"><span>{{__('admin.Join as Influencer')}}</span></a>
							</div>
							<div class="footer-cta__img">
								<img src="{{ asset($home_page->provider_joining_image) }}">
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

<footer class="footer-area p-relative">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="footer-top-inner pd-top-30 pd-btm-100">
							<div class="row">
								<div class="col-lg-4 col-md-6 col-12">
									
									<div class="footer-about-widget">
										<div class="footer-logo inflanar-header__logo">
											<a class="logo" href="{{ route('home') }}"><img src="{{ asset($setting->footer_logo) }}" alt="#"></a>
										</div>
										<h4 class="footer-about-widget__title">{{ $setting->about_us }}</h4>
										<div class="footer-get-touch">
											<p>{{__('admin.Get in Touch..')}} <a href="mailto:{{ $setting->email }}">{{ $setting->email }}</a></p>
										</div>
									</div>
									
								</div>
								<div class="col-lg-4 col-md-6 col-12">
									
									<div class="single-widget footer-useful-links">
										<h3 class="widget-title">{{__('admin.Quick Links')}}</h3>
										<ul class="footer__list list-none">
											<li><a href="{{ route('about-us') }}">{{__('admin.About Us')}}</a></li>
											<li><a href="{{ route('services') }}">{{__('admin.Our Services')}}</a></li>
											<li><a href="{{ route('influencers') }}">{{__('admin.Our Influencers')}}</a></li>
											<li><a href="{{ route('blogs') }}">{{__('admin.Our Blogs')}}</a></li>
											<li><a href="{{ route('contact-us') }}">{{__('admin.Contact Us')}}</a></li>
											<li><a href="{{ route('terms-conditions') }}">{{__('admin.Terms And Conditions')}}</a></li>
											<li><a href="{{ route('privacy-policy') }}">{{__('admin.Privacy Policy')}}</a></li>
											<li><a href="{{ route('faq') }}">{{__('admin.FAQ')}}</a></li>
											<li><a href="{{ route('user.dashboard') }}">{{__('admin.My Profile')}}</a></li>
											<li><a href="{{ route('user.change-password') }}">{{__('admin.Change Password')}}</a></li>
										</ul>
									</div>
									
								</div>
								<div class="col-lg-4 col-md-6 col-12">
									
									<div class="single-widget footer-contact">
										<h3 class="widget-title">{{__('admin.Working Hour')}}</h3>
										<div class="f-contact__form-top">
											<ul class="f-contact-list list-none">
												<li>{{ $setting->open_day }}</li>
												<li>{{ $setting->closed_day }}</li>
											</ul>
										</div>
									</div>
									
									
									<div class="single-widget footer-contact mg-top-30">
										<h3 class="widget-title">{{__('admin.Our Location')}}</h3>
										<div class="f-contact__form-top">
											<p>{{ $setting->address }}</p>
										</div>
									</div>
									
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="copyright">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="copyright__inner">
								
								<p class="copyright-text">{{ $setting->copyright }}</p>
								
								<ul class="inflanar-social inflanar-social__v2">
                                    @if ($setting->twitter)
                                        <li><a href="{{ $setting->twitter }}"><i class="fa-brands fa-twitter"></i></a></li>
                                    @endif

@if ($setting->behance)
                                        <li><a href="{{ $setting->behance }}"><i class="fa-brands fa-behance"></i></a></li>
                                    @endif

@if ($setting->instagram)
                                        <li><a href="{{ $setting->instagram }}"><i class="fa-brands fa-instagram"></i></a></li>
                                    @endif

@if ($setting->linkedin)
                                        <li><a href="{{ $setting->linkedin }}"><i class="fa-brands fa-linkedin"></i></a></li>
                                    @endif

@if ($setting->facebook)
                                        <li><a href="{{ $setting->facebook }}"><i class="fa-brands fa-facebook-f"></i></a></li>
                                    @endif

</ul>
								
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</footer>

@auth('web')
            <button class="wsus__message__button inflanar-btn inflanar-btn--header">
                <span><img src="{{ asset('uploads/website-images/chat_icon.png') }}" alt="chat" class="img-fluid w-100"></span>
                {{__('admin.Live Chat')}}
            </button>
        @else

<button class="wsus__message__button inflanar-btn inflanar-btn--header" onclick="sendNewMessagePrevLogin()">
            <span><img src="{{ asset('uploads/website-images/chat_icon.png') }}" alt="chat" class="img-fluid w-100"></span>
            {{__('admin.Live Chat')}}
        </button>
        @endauth

{{-- start message area --}}
        @auth('web')
            <div class="wsus__message_area">
                <p class="heading">
                    <span><img src="{{ asset('uploads/website-images/chat_icon.png') }}" alt="chat" class="img-fluid w-100"></span>
                    {{__('admin.Live Chat')}}
                    <a class="close_chat"><i class="fa fa-times-circle"></i></a>
                </p>

@php
                                $login_buyer = Auth::guard('web')->user();

$providers = App\Models\Message::with('provider')->where(['buyer_id' => $login_buyer->id])->select('provider_id')->groupBy('provider_id')->orderBy('id','desc')->get();

$setting = App\Models\Setting::first();
                                $default_avatar = (object) array(
                                    'image' => $setting->default_avatar
                                );
                            @endphp

@foreach ($providers as $provider)
                                <li class="provider-list single-provider-{{ $provider->provider_id }}" data-provider-id="{{ $provider->provider_id }}" onclick="loadChatBox({{ $provider->provider_id }})">
                                    <div class="img">
                                        @if ($provider->provider->image)
                                        <img src="{{ asset($provider->provider->image) }}" alt="user" class="img-fluid w-100">
                                        @else
                                        <img src="{{ asset($default_avatar->image) }}" alt="user" class="img-fluid w-100">
                                        @endif

@php
                                            $un_read = App\Models\Message::where(['provider_id' => $provider->provider_id, 'buyer_id' => $login_buyer->id, 'buyer_read_msg' => 0])->count();
                                        @endphp

<span id="pending-{{ $provider->provider_id }}" class="{{ $un_read == 0 ? 'd-none' : '' }}">{{ $un_read }}</span>
                                    </div>
                                    <div class="text">
                                        <h3>{{ $provider->provider->name }}</h3>
                                        <p>{{ $provider->provider->designation }}</p>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="wsus__message_box">

<div class="wsus__empty_message">
                            <div class="img">
                                <img src="{{ asset('uploads/website-images/empty_chat.png') }}" alt="empty" class="img-fluid w-100">
                            </div>
                            <h3>{{__('admin.No Message yet!')}}</h3>
                            <p>{{__('admin.Please choose one')}}</p>
                        </div>

</div>
                        <form id="chat-form">
                            @csrf
                            <input type="text" name="message" placeholder="{{__('admin.Type message')}}" id="provider_message" autocomplete="off">
                            <input type="hidden" name="provider_id" id="message_provider_id">
                            <button type="submit"><i class="fas fa-paper-plane"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        @endauth
        {{-- end message area --}}

{{-- <a href="#" class="scrollToTop"><img src="{{ asset('frontend/img/in-scroll-up.svg') }}"></a> --}}

@if ($tawk_chat->status == 1)
            <script type="text/javascript">
                var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
                (function(){
                    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
                    s1.async=true;
                    s1.src='{{ $tawk_chat->chat_link }}';
                    s1.charset='UTF-8';
                    s1.setAttribute('crossorigin','*');
                    s0.parentNode.insertBefore(s1,s0);
                })();
            </script>
        @endif

@if ($cookie_consent->status == 1)
            <script src="{{ asset('frontend/js/cookieconsent.min.js') }}"></script>

<script src="{{ asset('frontend/js/glightbox.min.js') }}"></script>

@vite('resources/js/app.js')

@if ($errors->any())
        @foreach ($errors->all() as $error)
            <script>
                toastr.error('{{ $error }}');
            </script>
        @endforeach
        @endif

</script>

$(".add_to_wishlist").on('click',function(e) {
                e.preventDefault();

var isDemo = "{{ env('APP_MODE') }}"
                if(isDemo == 'DEMO'){
                    toastr.error('This Is Demo Version. You Can Not Change Anything');
                    return;
                }

if(error.status == 403){
                            toastr.error(error.responseJSON.message);
                        }
                    }

});

})

$("#lang_swithcer").on("change", function(e){
                $("#lang_swithcer_form").submit();
            })

$("#lang_swithcer_for_mobile").on("change", function(e){
                $("#lang_swithcer_form_for_mobile").submit();
            })

$("#currency_swithcer").on("change", function(e){
                $("#currency_swithcer_form").submit();
            })

});
    })(jQuery);

function sendNewMessagePrevLogin(){
        toastr.error("{{__('admin.Please login first')}}");
    }

</script>
@stack('frontend_js')

@auth('web')

let default_avatar = "{{ $setting->default_avatar }}";

let active_provider_id = 0;

(function($) {
        "use strict";
        $(document).ready(function () {

$("#chat-form").on("submit", function(e){

e.preventDefault();

Echo.private("live_chat.{{$login_buyer->id}}")
            .listen('LiveChat', (e) => {
                console.log('hi');
                let sender_provider_id = e.message[0].provider_id;

if(parseInt(sender_provider_id) == parseInt(active_provider_id)){
                    $("#pending-"+sender_provider_id).addClass('d-none');
                    $.ajax({
                        type:"get",
                        url: "{{ url('user/load-chat-box/') }}" + "/" + sender_provider_id,
                        success:function(response){
                            $(".wsus__message_box_text").html(response)
                            scrollToBottomFunc();
                        },
                        error:function(err){
                        }
                    })
                }else{

let is_exist = false;
                    $('.provider-list').each(function() {
                        let provider_Id = $(this).data('provider-id');
                        if(parseInt(provider_Id) == parseInt(sender_provider_id)) is_exist = true;
                    });
                    console.log('befr logic');

if(is_exist){
                        let current_qty = $("#pending-"+sender_provider_id).html();
                        let new_qty = parseInt(current_qty) + parseInt(1);
                        $("#pending-"+sender_provider_id).html(new_qty);
                        console.log(new_qty);
                        $("#pending-"+sender_provider_id).removeClass('d-none');
                    }

console.log('after logic');
                }
            });

// Echo.channel(`test_event`)
            // .listen('TestEvent', (e) => {
            //     console.log('listening event', e);
            // });

});

})(jQuery);

function loadChatBox(provider_id){
        $("#message_provider_id").val(provider_id);
        active_provider_id = provider_id;
        $(".wsus__empty_message").addClass('d-none');
        $(".wsus__message_preloader").removeClass('d-none');
        $("#pending-"+provider_id).addClass('d-none');
        $("#pending-"+provider_id).html(0);

$(".provider-list").removeClass('active');
        $(".single-provider-"+provider_id).addClass('active');

$.ajax({
            type:"get",
            url: "{{ url('user/load-chat-box/') }}" + "/" + provider_id,
            success:function(response){
                $(".wsus__message_box_text").html(response)
                $(".wsus__message_preloader").addClass('d-none');
                $(".wsus__message_box_text").removeClass('d-none');
                scrollToBottomFunc();
            },
            error:function(err){
            }
        })
    }

function scrollToBottomFunc() {
        $('.wsus__message_box_text').animate({
            scrollTop: $('.wsus__message_box_text').get(0).scrollHeight
        }, 50);
    }

function sendNewMessage(name, id, designation, image, service_id = null, service_name = null, service_image = null){

let root_url = "{{ route('home') }}";
        let avatar = '';
        if(image){
            avatar = `<img src="${root_url}/${image}" alt="user" class="img-fluid w-100">`
        }else{
            avatar = `<img src="${root_url}/${default_avatar}" alt="user" class="img-fluid w-100">`
        }

let new_item = `<li class="provider-list single-provider-${id}" data-provider-id="${id}" onclick="loadChatBox(${id})">
            <div class="img">
                ${avatar}
                <span id="pending-${id}" class="d-none">0</span>
            </div>
            <div class="text">
                <h3>${name}</h3>
                <p>${designation}</p>
            </div>
        </li>`;

let is_exist = false;
        $('.provider-list').each(function() {
            let provider_Id = $(this).data('provider-id');
            if(parseInt(provider_Id) == parseInt(id)) is_exist = true;
        });

if(is_exist == false){
            $("#provider_existing_list").prepend(new_item)
        }

$(".wsus__message_area").addClass("show_chat");

let _token = "{{ csrf_token() }}";

$(".single-provider-"+id).click();

$("#message_provider_id").val(id);

if(service_id != null){
            $.ajax({
                type:"post",
                data: {_token, provider_id : id, service_id : service_id},
                url: "{{ url('user/send-message-to-provider') }}",
                success:function(response){
                    $(".wsus__message_box_text").html(response);
                    scrollToBottomFunc();
                },
                error:function(err){
                }
            })
        }
    }

</script>
@endauth

</body>
</html>