@extends('themes.basic.businesses.layout')
@section('title',
    d_trans(':business_name Reviews - Read Reviews About :business_name', [
    'business_name' => ucFirst($business->trans->name),
    ]))
@section('description', $business->trans->short_description.' - Trustly Offers Business Reviews For Local Businesses, Find Your Local Business & Review Them to Help Build Their Reputation - Trustly Local Business Reviews')
@section('keywords', $business->trans->tags)
@section('og_image', $business->getLogoLink())
@if ($business->hasCategory())
    @section('breadcrumbs_schema', Breadcrumbs::view('breadcrumbs::json-ld', 'businesses.show', $business))
    @section('breadcrumbs', Breadcrumbs::render('businesses.show', $business))
@endif
@section('container', 'container-custom')
@section('business_tabs', true)
@section('write_button', true)
@section('content')
    <div id="searchPage" class="row g-3">
        <div class="col-12 col-xl-8">
        <div class="alert alert-warning"><svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-alert-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm.01 13l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -8a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z" /></svg>Businesses on Trustly are not allowed to offer incentives or pay to hide reviews</div>
            <div class="row row-cols-1 g-3">
                <div class="col">
                    <div class="item-box box">
                        <div class="item-box-header">
                            <h4 class="item-box-title mb-0">{{ d_trans('Average Rating') }}</h4>
                        </div>
                        <div class="item-box-body">
                            <div class="rating-box">
                                <div class="rating-number">
                                    <div class="d-flex align-items-end">
                                        <p class="rating-value mb-0">{{ $business->avg_ratings }}</p>
                                        <div class="rating-divider">/</div>
                                        <span class="rating-max">5</span>
                                    </div>
                                    <p class="rating-desc mb-0">
                                        {{ translate_choice(':count Review|:count Reviews', $business->total_reviews, [
                                            'count' => numberFormat($business->total_reviews),
                                        ]) }}
                                    </p>
                                </div>
                                <div class="ratings-rows">
                                    @foreach ([5, 4, 3, 2, 1] as $star)
                                        <div class="ratings-row">
                                            <div class="ratings-row-text">
                                                <input type="checkbox" class="form-check-input search-param m-0"
                                                    name="stars[]" value="{{ $star }}" data-multiple="true"
                                                    id="stars{{ $star }}">
                                                <span>{{ d_trans(':number Star', ['number' => $star]) }}</span>
                                            </div>
                                            <div class="progress">
                                                <div class="progress-bar" role="progressbar"
                                                    aria-valuenow="{{ $starPercentages[$star] }}" aria-valuemin="0"
                                                    aria-valuemax="100" style="width: {{ $starPercentages[$star] }}%;">
                                                </div>
                                            </div>
                                            <span>{{ $starPercentages[$star] }}%</span>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="my-3">
                        <div class="row row-cols-auto align-items-center justify-content-between g-3">
                            <div class="col">
                                <h4 class="item-box-title mb-0">
                                    {{ collect(request()->query())->count() > 0 ? d_trans('Filtered Reviews') : d_trans('All Reviews') }}
                                </h4>
                            </div>
                            <div class="col">
                                <button class="btn btn-light" data-bs-toggle="collapse" data-bs-target="#filters">
                                    <i class="bi bi-funnel"></i><span
                                        class="ms-2 d-none d-lg-inline">{{ d_trans('More Filters') }}<i
                                            class="bi bi-chevron-down ms-2"></i></span>
                                </button>
                                @if (collect(request()->query())->only(['search', 'country', 'review_time'])->count() > 0)
                                    <a href="{{ url()->current() }}" class="btn btn-outline-primary ms-1"><i
                                            class="bi bi-arrow-repeat me-2"></i>{{ d_trans('Reset') }}</a>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div id="filters"
                        class="collapse {{ collect(request()->query())->only(['search', 'country', 'review_time'])->count() > 0? 'show': '' }}">
                        <div class="item-box box">
                            <h4 class="item-box-title mb-4">{{ d_trans('Filter Reviews') }} </h4>
                            <div class="row g-3">
                                <div class="col-lg-6">
                                    <form class="search-form" method="GET">
                                        <div class="form-search form-search-reverse">
                                            <button class="icon">
                                                <i class="bi bi-search"></i>
                                            </button>
                                            <input type="text" name="search" placeholder="{{ d_trans('Search...') }}"
                                                class="form-control form-control-md" value="{{ request('search') ?? '' }}">
                                        </div>
                                    </form>
                                </div>
                                <div class="col-lg-6">
                                    <select name="country" class="selectpicker selectpicker-md search-select"
                                        title="{{ d_trans('Country') }}" data-size="5" data-live-search="true">
                                        <option value="">{{ d_trans('All') }}</option>
                                        @foreach (countries() as $country)
                                            <option value="{{ $country->code }}" @selected(request('country') == $country->code)>
                                                {{ $country->trans->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-12">
                                    <div class="item-box box p-3">
                                        <p class="fw-medium">{{ d_trans('Review Time') }}</p>
                                        <div class="row row-cols-1 row-cols-lg-5 g-3">
                                            <div class="col">
                                                <div class="form-check d-flex align-items-center gap-2">
                                                    <input type="checkbox" name="review_time" value=""
                                                        class="form-check-input search-param my-0" id="reviewTime11" />
                                                    <label class="form-check-label text-muted"
                                                        for="reviewTime11">{{ d_trans('Any time') }}</label>
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="form-check d-flex align-items-center gap-2">
                                                    <input type="checkbox" name="review_time" value="this_month"
                                                        class="form-check-input search-param my-0" id="reviewTime22" />
                                                    <label class="form-check-label text-muted"
                                                        for="reviewTime22">{{ d_trans('This month') }}</label>
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="form-check d-flex align-items-center gap-2">
                                                    <input type="checkbox" name="review_time" value="last_month"
                                                        class="form-check-input search-param my-0" id="reviewTime33" />
                                                    <label class="form-check-label text-muted"
                                                        for="reviewTime33">{{ d_trans('Last month') }}</label>
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="form-check d-flex align-items-center gap-2">
                                                    <input type="checkbox" name="review_time" value="this_year"
                                                        class="form-check-input search-param my-0" id="reviewTime44" />
                                                    <label class="form-check-label text-muted"
                                                        for="reviewTime44">{{ d_trans('This year') }}</label>
                                                </div>
                                            </div>
                                            <div class="col">
                                                <div class="form-check d-flex align-items-center gap-2">
                                                    <input type="checkbox" name="review_time" value="last_year"
                                                        class="form-check-input search-param my-0" id="reviewTime55" />
                                                    <label class="form-check-label text-muted"
                                                        for="reviewTime55">{{ d_trans('Last year') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if ($reviews->count() > 0)
                        <div class="item-reviews mt-3">
                            @foreach ($reviews as $key => $review)
                                @include('themes.basic.partials.review', [
                                    'review' => $review,
                                    'review_referrer' => $business->getLink(),
                                ])
                                @if ($key == 2)
                                    <x-ad alias="business_page_center" />
                                @endif
                            @endforeach
                        </div>
                    @else
                        <div class="mt-3">
                            @include('themes.basic.partials.empty-box', [
                                'empty_image' => 'v2',
                                'title' => d_trans('No Reviews Found'),
                                'description' => d_trans(
                                    'No reviews have been submitted for this business or no matches for your search'),
                            ])
                        </div>
                    @endif
                </div>
                {{ $reviews->links() }}
            </div>
        </div>
        <div class="col-12 col-xl-4">
            <div class="row row-cols-1 g-3">
                @if (!$business->isClaimed() && !$business->hasPendingVerification())
                    <div class="col">
                        <div class="item-box box">
                            <div class="item-box-header">
                                <h4 class="item-box-title mb-0">{{ d_trans('Is this your business?') }}</h4>
                            </div>
                            <div class="item-box-body">
                                <p class="mb-3">
                                    {{ d_trans('Claim your business profile now and gain access to all features and respond to customer reviews, its 100% free forever!.') }}
                                </p>
                                <form action="{{ route('businesses.claim', hash_encode($business->id)) }}"
                                    method="POST">
                                    @csrf
                                    <button
                                        class="btn-pulsing btn btn-outline-primary btn-md w-100">{{ d_trans('Claim Business Profile') }}</button>
                                </form>
                            </div>
                        </div>
                    </div>
                @endif
                @if ($business->description || $business->hasAddressCompleted() || $business->email || $business->phone)
                    <div class="col">
                        <div class="item-box box">
                            <div class="item-box-header">
                                <h4 class="item-box-title mb-0">{{ d_trans('Business Details') }}</h4>
                            </div>
                            <div class="item-box-body">
                                <ul class="d-flex flex-column gap-3 list-unstyled mb-0">
                                    @if ($business->description)
                                        <li>
                                            <p class="item-box-text text-muted mb-0">{!! purifier($business->trans->description, false) !!}</p>
                                        </li>
                                    @endif
                                    @if ($business->hasAddressCompleted())
                                        <li>
                                            <h6 class="mb-1"><i
                                                    class="bi bi-geo-alt me-2"></i>{{ d_trans('Location') }}
                                            </h6>
                                            <p class="mb-2"><a href="{{ $business->getGoogleMapAddress() }}" target="_blank"
                                                class="item-box-text text-muted">
                                                {{ $business->address_line_1 }}, {{ $business->city }}, {{ $business->getCountry() }}, {{ $business->zip }}
                                            </a></p>
                                            <div class="mapouter"><div class="gmap_canvas"><iframe class="gmap_iframe" width="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=400&amp;height=200&amp;hl=en&amp;q={{ $business->address_line_1 }}, {{ $business->city }}, {{ $business->state }}, {{ $business->zip }}&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe><a href="https://embed-googlemap.com">google map embed html</a></div><style>.mapouter{position:relative;text-align:right;width:100%;height:200px;}.gmap_canvas {overflow:hidden;background:none!important;width:100%;height:200px;}.gmap_iframe {height:200px!important;}</style></div>
                                        </li>
                                    @endif
                                    @if ($business->email)
                                        <li>
                                            <h6 class="mb-1"><i
                                                    class="bi bi-envelope-at me-2"></i>{{ d_trans('Email') }}
                                            </h6>
                                            <a href="{{ url()->current() }}/contact"
                                                class="item-box-text text-muted mb-0">Use Contact Us Form</a>
                                        </li>
                                    @endif
                                    @if ($business->phone)
                                        <li>
                                            <h6 class="mb-1"><i class="bi bi-telephone me-2"></i>{{ d_trans('Phone') }}
                                            </h6>
                                            <div class="phone" data-tel="{{ $business->phone }}">
                                             <a href="#">Show Number</a>
                                             </div>
                                        </li>
                                    @endif
                                      <li>
    <button data-bs-toggle="modal" data-bs-target="#ShareModal" class="align-items-center justify-content-center btn fw-semibold rounded-0 w-100 btn-outline-primary btn-sm rounded-pill" href="#">
            <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-share"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M18 6m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M8.7 10.7l6.6 -3.4" /><path d="M8.7 13.3l6.6 3.4" /></svg>
            Share Business
        </button>
    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                @endif
                
               <div class="col">
                    <div class="item-box box mb-3">
                        <div class="item-box-header">
                            <h4 class="item-box-title mb-0">{{ d_trans('Business Tags') }}</h4>
                        </div>
                        <div class="item-box-body mb-3">
                            @php
                                $tagsSource = $business->trans->tags ?? $business->tags;
                                $tags = array_filter(array_map('trim', explode(',', (string) $tagsSource)));
                            @endphp
                            @foreach ($tags as $tag)
                                <a href="javascript:void(0)" class="tagz">{{ $tag }}</a>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div> 
            
                
                <div class="col">
                        <div class="item-box box mb-3">
                            <div class="item-box-header">
                                <h4 class="item-box-title mb-0">{{ d_trans('Business Opening Hours') }}</h4>
                            </div>
                                                        <div class="item-box-body mb-3">
                                                                @php
                                                                        $now = \Carbon\Carbon::now();
                                                                        $weekday = (int) $now->dayOfWeek; // 0..6
                                                                        $today = $business->openingHours->firstWhere('weekday', $weekday);
                                                                        $isOpenNow = false;
                                                                        if ($business->opening_hours_enabled && $today && !$today->is_closed && $today->opens_at && $today->closes_at) {
                                                                                $open = \Carbon\Carbon::createFromFormat('H:i:s', $today->opens_at);
                                                                                $close = \Carbon\Carbon::createFromFormat('H:i:s', $today->closes_at);
                                                                                $isOpenNow = $now->between($open, $close);
                                                                        }
                                                                @endphp
                                                                @if ($business->opening_hours_enabled)
                                                                        @if ($isOpenNow)
                                                                                <h6 class="text-center text-success fw-bold mb-3">{{ d_trans('OPEN NOW!') }}</h6>
                                                                        @else
                                                                                <h6 class="text-center text-danger fw-bold mb-3">{{ d_trans('CLOSED NOW!') }}</h6>
                                                                        @endif
                                                                        <div id="target-inner">
                                                                                @php
                                                                                        $days = [1=>'Monday',2=>'Tuesday',3=>'Wednesday',4=>'Thursday',5=>'Friday',6=>'Saturday',0=>'Sunday'];
                                                                                @endphp
                                                                                @foreach ($days as $w => $label)
                                                                                        @php
                                                                                                $row = $business->openingHours->firstWhere('weekday', $w);
                                                                                                $closed = !$row || $row->is_closed || !$row->opens_at || !$row->closes_at;
                                                                                        @endphp
                                                                                        @if(!isset($row))
                                                                                            @continue
                                                                                        @endif
                                                                                        @if($row->is_closed)
                                                                                            @continue
                                                                                        @endif
                                                                                        <div id="day-{{ $w }}" class="dateTime {{ $weekday === $w ? 'fw-semibold' : '' }}">
                                                                                                <div class="day blogproduct_text">{{ $label }}</div>
                                                                                                <div class="time blogproduct_text">{{ $closed ? d_trans('Closed') : (\Carbon\Carbon::createFromFormat('H:i:s',$row->opens_at)->format('g:i A') . ' - ' . \Carbon\Carbon::createFromFormat('H:i:s',$row->closes_at)->format('g:i A')) }}</div>
                                                                                        </div>
                                                                                        <br>
                                                                                @endforeach
                                                                        </div>
                                                                @else
                                                                        <div class="alert alert-warning">{{ d_trans('No opening hours to display.') }}</div>
                                                                @endif
                                                        </div>
                            </div>
                            </div>
               
                
                @php
                    $socialLinks = $business->social_links;
                @endphp
                @if (
                    ($socialLinks && @$socialLinks->facebook) ||
                        @$socialLinks->x ||
                        @$socialLinks->linkedin ||
                        @$socialLinks->youtube ||
                        @$socialLinks->instagram ||
                        @$socialLinks->pinterest)
                    <div class="col">
                        <div class="item-box box mb-3">
                            <div class="item-box-header">
                                <h4 class="item-box-title mb-0">{{ d_trans('Business Social Links') }}
                                </h4>
                            </div>
                            <div class="item-box-body">
                                <div class="socials socials-sm">
                                    @if (@$socialLinks->facebook)
                                        <a href="https://facebook.com/{{ @$socialLinks->facebook }}" target="_blank"
                                            class="social-btn social-facebook">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    @endif
                                    @if (@$socialLinks->x)
                                        <a href="https://x.com/{{ @$socialLinks->x }}" target="_blank"
                                            class="social-btn social-x">
                                            <i class="fab fa-x-twitter"></i>
                                        </a>
                                    @endif
                                    @if (@$socialLinks->linkedin)
                                        <a href="https://linkedin.com/in/{{ @$socialLinks->linkedin }}" target="_blank"
                                            class="social-btn social-linkedin">
                                            <i class="fab fa-linkedin"></i>
                                        </a>
                                    @endif
                                    @if (@$socialLinks->youtube)
                                        <a href="https://youtube.com/{{ '@' . @$socialLinks->youtube }}" target="_blank"
                                            class="social-btn social-youtube">
                                            <i class="fab fa-youtube"></i>
                                        </a>
                                    @endif
                                    @if (@$socialLinks->instagram)
                                        <a href="https://instagram.com/{{ @$socialLinks->instagram }}" target="_blank"
                                            class="social-btn social-instagram">
                                            <i class="fab fa-instagram"></i>
                                        </a>
                                    @endif
                                    @if (@$socialLinks->pinterest)
                                        <a href="https://pinterest.com/{{ @$socialLinks->pinterest }}" target="_blank"
                                            class="social-btn social-pinterest">
                                            <i class="fab fa-pinterest"></i>
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                <x-ad alias="business_page_sidebar" @class('col') />
                @if ($similarBusinesses->count() > 0)
                    <div class="col">
                        <div class="item-box box">
                            <div class="item-box-header">
                                <h4 class="item-box-title mb-0">
                                    {{ $business->hasCategory() ? d_trans('Similar Businesses') : d_trans('More Businesses') }}
                                </h4>
                            </div>
                            <div class="item-box-body">
                                <div class="demo">
                                <ul class="list-unstyled d-flex flex-column gap-1 mb-0">
                                    @foreach ($similarBusinesses as $similarBusiness)
                                        <li>
                                            <a href="{{ $similarBusiness->getLink() }}"
                                                class="d-flex align-items-center justify-content-between gap-3">
                                                <div class="item-sm d-flex align-items-center gap-3 overflow-hidden py-2">
                                                    <div class="item-img flex-shrink-0">
                                                        <img loading="lazy" src="{{ $similarBusiness->getLogoLink() }}"
                                                            alt="{{ $similarBusiness->trans->name }}">
                                                        @if ($similarBusiness->isVerified())
                                                            <div class="item-verified">
                                                                <i class="bi bi-patch-check-fill" data-bs-toggle="tooltip"
                                                                    data-bs-title="{{ d_trans('Verified') }}"></i>
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <div class="item-info">
                                                        <h6 class="item-title text-truncate">
                                                            {{ $similarBusiness->trans->name }}</h6>
                                                        <div class="ratings">
                                                    <img loading="lazy"
                                                        src="{{ $similarBusiness->getAvgRatingImageLink() }}"
                                                        alt="{{ $similarBusiness->avg_ratings }}" />
                                                </div>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        
                                    @endforeach
                                </ul>
                            </div>
                           </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
    
    <!-- Share Modal -->
        <div class="modal fade" id="ShareModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="exampleModalLabel">Share Business</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <!-- AddToAny BEGIN -->
                        <div class="d-flex align-items-center justify-content-center a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-url="{{ url()->current() }}" data-a2a-title="I found this local business you might like">
                            <a class="a2a_dd" href="https://www.addtoany.com/share"></a>
                            <a class="a2a_button_facebook"></a>
                            <a class="a2a_button_mastodon"></a>
                            <a class="a2a_button_email"></a>
                            <a class="a2a_button_whatsapp"></a>
                            <a class="a2a_button_pinterest"></a>
                            <a class="a2a_button_google_gmail"></a>
                        </div>
                        <div class="d-flex align-items-center justify-content-center mt-3">
                            <div class="input-group mb-3">
                                <input type="text" class="form-control" id="myShare" value="{{ url()->current() }}" placeholder="">
                                <button onclick="myFunctionShare()" class="btn btn-outline-primary" type="button" id="button-addon2">
                                    Copy
                                </button>
                            </div>
                        </div>
                        <script defer src="https://static.addtoany.com/menu/page.js"></script>
                        <script>
                            function myFunctionShare() {
                                var copyText = document.getElementById("myShare");
                                copyText.select();
                                copyText.setSelectionRange(0, 99999); // For mobile devices
                                navigator.clipboard.writeText(copyText.value);
                                //alert("Copied the advert URL: " + copyText.value);
                            }
                        </script>
                        <!-- AddToAny END -->
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>  
    
    
    @push('schema')
        {!! schema($__env, 'business', ['business' => $business]) !!}
    @endpush
    @push('styles_libs')
        <link rel="stylesheet" href="{{ asset('vendor/libs/bootstrap/select/bootstrap-select.min.css') }}">
        <link rel="stylesheet" href="{{ asset('vendor/libs/swiper/swiper-bundle.min.css') }}">
    @endpush
    @push('scripts_libs')
        <script src="{{ asset('vendor/libs/autosize/autosize.min.js') }}"></script>
        <script src="{{ asset('vendor/libs/bootstrap/select/bootstrap-select.min.js') }}"></script>
        <script src="{{ asset('vendor/libs/swiper/swiper-bundle.min.js') }}"></script>
    @endpush
    @push('scripts')
        <script src="{{ asset('themes/basic/assets/js/image-modal.js') }}"></script>
        <script src="{{ asset('themes/basic/assets/js/hide-phone-num.min.js') }}"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
        <script src="{{ asset('themes/basic/assets/js/jquery.easy-ticker.js') }}"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.demo').easyTicker({
direction: 'up', // up or down
easing: 'swing', // easing function
speed: 'slow', // the speed of transition
interval: 2000, // the time for the next transition to take place. 
height: 'auto', // the height of the elements
visible: 0, // the number of visible elements of the list
mousePause: 1, // pause on mouse hover
controls:{ // assign the elements which control the transition. 
up: '',
down: '',
toggle: ''
}
});
});
</script>   
    <script>
$(function(){
  $('.phone').hidePhoneNum();
});
</script>
    @endpush
@endsection