D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
dateitor
/
www
/
resources
/
views
/
vcardTemplates
/
Filename :
vcard4.blade.php
back
Copy
<!doctype html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="csrf-token" content="{{ csrf_token() }}"> @if (checkFeature('seo')) @if ($vcard->meta_description) <meta name="description" content="{{ $vcard->meta_description }}"> @endif @if ($vcard->meta_keyword) <meta name="keywords" content="{{ $vcard->meta_keyword }}"> @endif @else <meta name="description" content="{{ strip_tags($vcard->description) }}"> <meta name="keywords" content=""> @endif <meta property="og:image" content="{{ $vcard->cover_url }}" /> <meta name="viewport" content="width=device-width, initial-scale=1"> @if (checkFeature('seo') && $vcard->site_title && $vcard->home_title) <title>{{ $vcard->home_title }} | {{ $vcard->site_title }}</title> @else <title>{{ $vcard->name }} | {{ getAppName() }}</title> @endif <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- PWA --> <meta name="theme-color" content="#6777ef" /> <link rel="apple-touch-icon" href="{{ asset('logo.png') }}"> <link rel="manifest" href="{{ asset('pwa/1.json') }}"> <!-- Bootstrap CSS --> <link href="{{ asset('front/css/bootstrap.min.css') }}" rel="stylesheet"> <!-- Favicon --> <link rel="icon" href="{{ getVcardFavicon($vcard) }}" type="image/png"> {{-- css link --}} <link rel="stylesheet" href="{{ mix('assets/css/vcard4.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/slider/css/slick.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/slider/css/slick-theme.min.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/third-party.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('css/plugins.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/custom-vcard.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/lightbox.css') }}"> @if (checkFeature('custom-fonts') && $vcard->font_family) <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{ $vcard->font_family }}"> @endif @if ($vcard->font_family || $vcard->font_size || $vcard->custom_css) <style> @if (checkFeature('custom-fonts')) @if ($vcard->font_family) body { font-family: {{ $vcard->font_family }}; } @endif @if ($vcard->font_size) div>h4 { font-size: {{ $vcard->font_size }}px !important; } @endif @endif @if (isset(checkFeature('advanced')->custom_css)) {!! $vcard->custom_css !!} @endif </style> @endif </head> <body> <div class="container p-0"> @if (checkFeature('password')) @include('vcards.password') @endif <div class="main-content vcard w-100 mx-auto content-blur allSection @if (getLanguage($vcard->default_language) == 'Arabic') rtl @endif"> <div class="vcard__banner w-100 position-relative"> @php $coverClass = $vcard->cover_image_type == 0 ? 'object-fit-cover' : 'object-fit-contain'; @endphp @if ($vcard->cover_type == 0) <img src="{{ $vcard->cover_url }}" class="img-fluid banner-image {{ $coverClass }}" alt="banner" loading="lazy" /> @elseif($vcard->cover_type == 1) @if (strpos($vcard->cover_url, '.mp4') !== false || strpos($vcard->cover_url, '.mov') !== false || strpos($vcard->cover_url, '.avi') !== false) <video class="cover-video banner-image {{ $coverClass }}" loop autoplay muted playsinline alt="background video" id="cover-video"> <source src="{{ $vcard->cover_url }}" type="video/mp4"> </video> @endif @elseif ($vcard->cover_type == 2) <div class="youtube-link-4"> <iframe src="https://www.youtube.com/embed/{{ YoutubeID($vcard->youtube_link) }}?autoplay=1&mute=1&loop=1&playlist={{ YoutubeID($vcard->youtube_link) }}" class="cover-video banner-image {{ $coverClass }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> </div> @endif <div class="d-flex justify-content-end position-absolute top-0 end-0 me-3 language-btn ms-3"> @if ($vcard->language_enable == \App\Models\Vcard::LANGUAGE_ENABLE) <div class="language pt-4 me-2"> <ul class="text-decoration-none"> <li class="dropdown1 dropdown lang-list"> <a class="dropdown-toggle lang-head text-decoration-none" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> {{ strtoupper(getLanguageIsoCode($vcard->default_language)) }} </a> <ul class="dropdown-menu start-0 lang-hover-list top-dropdown top-100"> @foreach (getAllLanguageWithFullData() as $language) <li class="{{ getLanguageIsoCode($vcard->default_language) == $language->iso_code ? 'active' : '' }}"> <a href="javascript:void(0)" id="languageName" data-name="{{ $language->iso_code }}"> @if (array_key_exists($language->iso_code, \App\Models\User::FLAG)) @foreach (\App\Models\User::FLAG as $imageKey => $imageValue) @if ($imageKey == $language->iso_code) <img src="{{ asset($imageValue) }}" class="me-1" /> @endif @endforeach @else @if (count($language->media) != 0) <img src="{{ $language->image_url }}" class="me-1" /> @else <i class="fa fa-flag fa-xl me-3 text-danger" aria-hidden="true"></i> @endif @endif {{ strtoupper($language->iso_code) }} </a> </li> @endforeach </ul> </li> </ul> </div> @endif </div> </div> {{-- profile details --}} @if (getLanguage($vcard->default_language) != 'Arabic') <div class="vcard__profile d-flex align-items-center px-4 flex-sm-row flex-column @if ($vcard->cover_type == 2) profile-margin @endif"> <div class="vcard__avatar"> <img src="{{ $vcard->profile_url }}" class="rounded-circle" loading="lazy" /> </div> <div class="vcard__position d-flex flex-column mx-sm-4 mt-sm-5 mt-2"> <div class="d-flex flex-column vcard_details"> <h4 class="avatar-name text-sm-start text-center"> {{ ucwords($vcard->first_name . ' ' . $vcard->last_name) }} @if ($vcard->is_verified) <i class="verification-icon bi-patch-check-fill"></i> @endif </h4> <span class="avatar-designation text-sm-start text-center p-1">{{ ucwords($vcard->occupation) }}</span> <span class="avatar-designation text-sm-start text-center ms-1">{{ ucwords($vcard->job_title) }}</span> <span class="avatar-company text-sm-start text-center">{{ ucwords($vcard->company) }}</span> </div> @if (checkFeature('social_links') && getSocialLink($vcard)) <div class="social-icons d-flex flex-wrap justify-content-center pt-4 vcard__social"> @foreach (getSocialLink($vcard) as $value) <span class="icons rounded-circle d-flex justify-content-center align-items-center"> {!! $value !!} </span> @endforeach </div> @endif </div> </div> {{-- custom link section --}} <div class="custom-link-section"> @if (checkFeature('custom-links')) <div class="custom-link d-flex flex-wrap justify-content-center pt-4 w-100 "> @foreach ($customLink as $value) @if ($value->show_as_button == 1) <a href="{{ $value->link }}" @if ($value->open_new_tab == 1) target="_blank" @endif style=" @if ($value->button_color) background-color: {{ $value->button_color }}; @endif @if ($value->button_type === 'rounded') border-radius: 20px; @endif @if ($value->button_type === 'square') border-radius: 0px; @endif" class="m-2 d-flex justify-content-center align-items-center text-decoration-none link-text text-black font-primary btn mt-2"> {{ $value->link_name }} </a> @else <a href="{{ $value->link }}" @if ($value->open_new_tab == 1) target="_blank" @endif class="m-2 d-flex justify-content-center align-items-center text-decoration-none link-text text-black mt-2"> {{ $value->link_name }} </a> @endif @endforeach </div> @endif </div> {{-- End custom link section --}} @endif {{-- profile details --}} @if (getLanguage($vcard->default_language) == 'Arabic') <div class="vcard__profile d-flex align-items-center px-4 flex-sm-row flex-column" dir="rtl"> <div class="vcard__avatar"> <img src="{{ $vcard->profile_url }}" class="rounded-circle" loading="lazy" /> </div> <div class="vcard__position d-flex flex-column mx-sm-4 mt-sm-5 mt-2"> <div class="d-flex flex-column vcard_details"> <h4 class="avatar-name text-sm-start text-center"> {{ ucwords($vcard->first_name . ' ' . $vcard->last_name) }} @if ($vcard->is_verified) <i class="verification-icon bi-patch-check-fill"></i> @endif </h4> <span class="avatar-designation text-sm-start text-center p-1">{{ ucwords($vcard->occupation) }}</span> <span class="avatar-designation text-sm-start text-center ms-1">{{ ucwords($vcard->job_title) }}</span> <span class="avatar-company text-sm-start text-center">{{ ucwords($vcard->company) }}</span> </div> @if (checkFeature('social_links') && getSocialLink($vcard)) <div class="social-icons d-flex flex-wrap justify-content-center pt-4 vcard__social"> @foreach (getSocialLink($vcard) as $value) <span class="icons rounded-circle d-flex justify-content-center align-items-center"> {!! $value !!} </span> @endforeach </div> @endif </div> </div> @endif <div class="d-flex align-items-center justify-content-center"> <span class="pt-2 px-2 profile-description fs-6"> {!! $vcard->description !!}</span> </div> {{-- details --}} @if ((isset($managesection) && $managesection['contact_list']) || empty($managesection)) <div class="px-4 my-3 mb-5"> <div class="vcard__event"> <div class="row py-4 g-3"> @if ($vcard->email) <div class="col-sm-6 col-12"> <div class="card vcard__event-card d-flex flex-column justify-content-center align-items-center border-0 p-3 h-100"> <span class="event-icon"> <img src="{{ asset('assets/img/vcard4/email.png') }}" class="img-fluid"> </span> <a href="mailto:{{ $vcard->email }}" class="event-name text-center mb-0 pt-2 text-decoration-none">{{ $vcard->email }}</a> </div> </div> @endif @if ($vcard->alternative_email) <div class="col-sm-6 col-12"> <div class="card vcard__event-card d-flex flex-column justify-content-center align-items-center border-0 p-3 h-100"> <span class="event-icon"> <img src="{{ asset('img/vcard4/alter-image.png') }}" class="img-fluid" height="22" width="30" alt> </span> <a href="mailto:{{ $vcard->alternative_email }}" class="event-name text-center mb-0 pt-2 text-decoration-none">{{ $vcard->alternative_email }}</a> </div> </div> @endif @if ($vcard->dob) <div class="col-sm-6 col-12"> <div class="card vcard__event-card d-flex flex-column justify-content-center align-items-center border-0 p-3 h-100"> <span class="event-icon"> <img src="{{ asset('assets/img/vcard4/birthday.png') }}" class="img-fluid"> </span> <span class="event-name pt-2">{{ $vcard->dob }}</span> </div> </div> @endif @if ($vcard->phone) <div class="col-sm-6 col-12"> <div class="card vcard__event-card d-flex flex-column justify-content-center align-items-center border-0 p-3 h-100"> <span class="event-icon"> <img src="{{ asset('assets/img/vcard4/mobile.png') }}" class="img-fluid"> </span> <a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}" class="event-name text-center mb-0 pt-2 text-decoration-none" dir="ltr">+{{ $vcard->region_code }} {{ $vcard->phone }}</a> </div> </div> @endif @if ($vcard->alternative_phone) <div class="col-sm-6 col-12"> <div class="card vcard__event-card d-flex flex-column justify-content-center align-items-center border-0 p-3 h-100"> <span class="event-icon"> <img src="{{ asset('img/vcard4/alter-phone.png') }}" class="img-fluid"> </span> <a href="tel:+{{ $vcard->alternative_region_code }} {{ $vcard->alternative_phone }}" class="event-name text-center mb-0 pt-2 text-decoration-none" dir="ltr">+{{ $vcard->alternative_region_code }} {{ $vcard->alternative_phone }}</a> </div> </div> @endif @if ($vcard->location) <div class="col-sm-6 col-12"> <div class="card vcard__event-card d-flex flex-column justify-content-center align-items-center border-0 p-3 h-100"> <span class="event-icon"> <img src="{{ asset('assets/img/vcard4/location.png') }}" class="img-fluid"> </span> <span class="event-name pt-2">{{ $vcard->location }}</span> </div> </div> @endif </div> </div> </div> @endif {{-- QR code --}} @if (isset($vcard['show_qr_code']) && $vcard['show_qr_code'] == 1) <div class="vcard__qr-code"> <div class="px-4 pt-5 pb-4"> <h4 class="vcard__heading text-center pb-10">{{ __('messages.vcard.qr_code') }}</h4> <div class="qr-code d-block mx-auto position-relative px-5 pt-5 pb-3"> <img src="{{ $vcard->profile_url }}" class="qr-code-profile d-block mx-auto position-absolute top-0 start-50 translate-middle" loading="lazy" /> <div class="qr-code-image d-flex justify-content-center pt-7" id="qr-code-four"> @if (isset($customQrCode['applySetting']) && $customQrCode['applySetting'] == 1) {!! QrCode::color( $qrcodeColor['qrcodeColor']->red(), $qrcodeColor['qrcodeColor']->green(), $qrcodeColor['qrcodeColor']->blue(), )->backgroundColor( $qrcodeColor['background_color']->red(), $qrcodeColor['background_color']->green(), $qrcodeColor['background_color']->blue(), )->style($customQrCode['style'])->eye($customQrCode['eye_style'])->size(130)->format('svg')->generate(Request::url()) !!} @else {!! QrCode::size(130)->format('svg')->generate(Request::url()) !!} @endif </div> </div> </div> </div> @endif {{-- our services --}} @if ((isset($managesection) && $managesection['services']) || empty($managesection)) @if (checkFeature('services') && $vcard->services->count()) <div class="my-4 px-4 pb-2 position-relative overflow-hidden pt-2"> <div class="line-shape position-absolute"> <span class="inner-circle position-absolute rounded-circle"></span> </div> <div class="vcard__service mt-3 mb-5"> <h4 class="vcard__heading text-center pb-3">{{ __('messages.vcard.our_service') }}</h4> <div class="container mt-1 bg-white position-relative"> @if ($vcard->services_slider_view) <div class="row services-slider-view"> @foreach ($vcard->services as $service) <div> <div class="service-card my-1 h-100"> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none img {{ $service->service_url ? 'pe-auto' : 'pe-none' }}" target="{{ $service->service_url ? '_blank' : '' }}"> <img src="{{ $service->service_icon }}" class="card-img-top service-new-image" alt="{{ $service->name }}" loading="lazy"> </a> <div class=""> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none" target="{{ $service->service_url ? '_blank' : '' }}"> <h5 class="card-title title-text"> {{ ucwords($service->name) }}</h5> </a> <p class="card-text description-text {{ \Illuminate\Support\Str::length($service->description) > 170 ? 'more' : '' }}"> {!! \Illuminate\Support\Str::limit($service->description, 170, '...') !!}</p> </div> </div> </div> @endforeach </div> @else <div class="row g-6 justify-content-center"> @foreach ($vcard->services as $service) <div class="col-sm-6"> <div class="card service-card h-100"> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none {{ $service->service_url ? 'pe-auto' : 'pe-none' }}" target="{{ $service->service_url ? '_blank' : '' }}"> <img src="{{ $service->service_icon }}" class="card-img-top service-new-image object-fit-contain" alt="{{ $service->name }}" loading="lazy"> </a> <div class="card-body pt-3 p-0"> <h5 class="card-title title-text"> {{ ucwords($service->name) }} </h5> <p class="card-text description-text {{ \Illuminate\Support\Str::length($service->description) > 170 ? 'more' : '' }}"> {!! \Illuminate\Support\Str::limit($service->description, 170, '...') !!}</p> </div> </div> </div> @endforeach </div> @endif </div> </div> </div> @endif @endif {{-- gallery --}} @if ((isset($managesection) && $managesection['galleries']) || empty($managesection)) @if (checkFeature('gallery') && $vcard->gallery->count()) <div class="pt-4 px-4 mt-0 pb-7 mb-5 pb-9"> <div class="vcard__gallery"> <h4 class="vcard__heading text-center">{{ __('messages.plan.gallery') }}</h4> <div class="container mt-2"> <div class="row g-4 justify-content-center gallery-slider"> @foreach ($vcard->gallery as $file) @php $infoPath = pathinfo(public_path($file->gallery_image)); $extension = $infoPath['extension']; @endphp <div class="col-6"> <div class="card gallery-card h-100 border-0 w-100"> <div class="gallery-profile"> @if ($file->type == App\Models\Gallery::TYPE_IMAGE) <a href="{{ $file->gallery_image }}" data-lightbox="gallery-images"><img src="{{ $file->gallery_image }}" alt="profile" class="w-100" loading="lazy" /></a> @elseif($file->type == App\Models\Gallery::TYPE_FILE) <a id="file_url" href="{{ $file->gallery_image }}" class="gallery-link gallery-file-link" target="_blank" loading="lazy"> <div class="gallery-item" @if ($extension == 'pdf') style="background-image: url({{ asset('assets/images/pdf-icon.png') }})"> @endif @if ($extension == 'xls') style="background-image: url({{ asset('assets/images/xls.png') }})"> @endif @if ($extension == 'csv') style="background-image: url({{ asset('assets/images/csv-file.png') }})"> @endif @if ($extension == 'xlsx') style="background-image: url({{ asset('assets/images/xlsx.png') }})"> @endif </div> </a> @elseif($file->type == App\Models\Gallery::TYPE_VIDEO) <div class="d-flex align-items-center video-container"> <video width="100%" controls> <source src="{{ $file->gallery_image }}"> </video> </div> @elseif($file->type == App\Models\Gallery::TYPE_AUDIO) <div class="audio-container"> <img src="{{ asset('assets/img/music.jpeg') }}" alt="Album Cover" class="audio-image" height="173"> <audio controls src="{{ $file->gallery_image }}" class="mt-2"> Your browser does not support the <code>audio</code> element. </audio> </div> @else <iframe src="https://www.youtube.com/embed/{{ YoutubeID($file->link) }}" class="w-100" height="230"> </iframe> @endif </div> </div> </div> @endforeach </div> </div> </div> </div> @endif @endif {{-- Product --}} @if ((isset($managesection) && $managesection['products']) || empty($managesection)) @if (checkFeature('products') && $vcard->products->count()) <div class="pt-4 px-4 position-relative mt-0 "> <div class="vcard__product mt-3 pb-6 mb-5"> <h4 class="vcard__heading text-center">{{ __('messages.plan.products') }}</h4> <div class="container mt-2"> <div class="row g-4 justify-content-center product-slider"> @foreach ($vcardProducts as $product) <div class="col-6"> <a @if ($product->product_url) href="{{ $product->product_url }}" @endif target="_blank" class="text-decoration-none fs-6"> <div class="card product-card h-100 border-0 w-100"> <div class="product-profile"> <img src="{{ $product->product_icon }}" alt="profile" class="w-100 object-fit-contain" height="208px" loading="lazy" /> </div> <div class="product-details mt-3"> <h4>{{ $product->name }}</h4> <p class="mb-2"> {{ $product->description }} </p> @if ($product->currency_id && $product->price) <span class="text-black">{{ $product->currency->currency_icon }}{{ getSuperAdminSettingValue('hide_decimal_values') == 1 ? number_format($product->price, 0) : number_format($product->price, 2) }}</span> @elseif($product->price) <span class="text-black">{{ getUserCurrencyIcon($vcard->user->id) . ' ' . $product->price }}</span> @endif </div> </div> </a> </div> @endforeach </div> <div class="text-center me-5 ms-5 pt-5 mt-5"> <a class="fs-4 mb-0 view-more" href="{{ $vcardProductUrl }}">{{ __('messages.analytics.view_more') }}</a> </div> </div> </div> </div> @endif @endif {{-- Testimonial --}} @if ((isset($managesection) && $managesection['testimonials']) || empty($managesection)) @if (checkFeature('testimonials') && $vcard->testimonials->count()) <div class="px-4 mt-5 pb-7"> <div class="vcard__testimonial mb-5 pb-4"> <h4 class="vcard__heading text-center">{{ __('messages.plan.testimonials') }}</h4> <div class="container mt-1"> <div class="row g-4 justify-content-center testimonial-slider"> @foreach ($vcard->testimonials as $testimonial) <div class="col-6"> <div class="card testimonial-card h-100 border-0 w-100"> <img src="{{ $testimonial->image_url }}" class="testimonial-image d-block mx-auto" loading="lazy" /> <div class="testimonial-details d-flex flex-column"> <p class="mb-0 text-center pt-3 {{ \Illuminate\Support\Str::length($testimonial->description) > 80 ? 'more' : '' }}"> {{ $testimonial->description }} </p> </div> <div class="testimonial-user d-flex justify-content-center flex-column align-center mt-3"> <h5 class="user-name text-center position-relative mt-2"> {{ ucwords($testimonial->name) }}</h5> <span class="user-designation text-center"></span> </div> </div> </div> @endforeach </div> </div> </div> </div> @endif @endif {{-- insta feed --}} @if ((isset($managesection) && $managesection['insta_embed']) || empty($managesection)) @if (checkFeature('insta_embed') && $vcard->instagramEmbed->count()) <div class="mt-5"> <h4 class="insta-heading text-center pt-5">{{ __('messages.feature.insta_embed') }}</h4> <nav> <div class="row insta-toggle"> <div class="nav nav-tabs px-0" id="nav-tab" role="tablist"> <button class="d-flex align-items-center justify-content-center active postbtn instagram-btn fs-2 border-0 py-2" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true"> <svg aria-label="Posts" class="svg-post-icon x1lliihq x1n2onr6 x173jzuc" fill="currentColor" height="24" role="img" viewBox="0 0 24 24" width="24"> <title>Posts</title> <rect fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="18" x="3" y="3"></rect> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="9.015" x2="9.015" y1="3" y2="21"></line> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="14.985" x2="14.985" y1="3" y2="21"></line> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="21" x2="3" y1="9.015" y2="9.015"></line> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="21" x2="3" y1="14.985" y2="14.985"></line> </svg> </button> <button class="d-flex align-items-center justify-content-center instagram-btn reelsbtn fs-2 border-0 py-2" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false"> <svg class="svg-reels-icon" viewBox="0 0 48 48" width="27" height="27"> <path d="m33,6H15c-.16,0-.31,0-.46.01-.7401.04-1.46.17-2.14.38-3.7,1.11-6.4,4.55-6.4,8.61v18c0,4.96,4.04,9,9,9h18c4.96,0,9-4.04,9-9V15c0-4.96-4.04-9-9-9Zm7,27c0,3.86-3.14,7-7,7H15c-3.86,0-7-3.14-7-7V15c0-3.37,2.39-6.19,5.57-6.85.46-.1.94-.15,1.43-.15h18c3.86,0,7,3.14,7,7v18Z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <path d="M21 16h-2.2l-.66-1-4.57-6.85-.76-1.15h2.39l.66 1 4.67 7 .3.45c.11.17.17.36.17.55zM34 16h-2.2l-.66-1-4.67-7-.66-1h2.39l.66 1 4.67 7 .3.45c.11.17.17.36.17.55z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <rect width="36" height="3" x="6" y="15" fill="currentColor" class="color000 svgShape"></rect> <path d="m20,35c-.1753,0-.3506-.0459-.5073-.1382-.3052-.1797-.4927-.5073-.4927-.8618v-10c0-.3545.1875-.6821.4927-.8618.3066-.1797.6831-.1846.9932-.0122l9,5c.3174.1763.5142.5107.5142.874s-.1968.6978-.5142.874l-9,5c-.1514.084-.3188.126-.4858.126Zm1-9.3003v6.6006l5.9409-3.3003-5.9409-3.3003Z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <path d="m6,33c0,4.96,4.04,9,9,9h18c4.96,0,9-4.04,9-9v-16H6v16Zm13-9c0-.35.19-.68.49-.86.31-.18.69-.19,1-.01l9,5c.31.17.51.51.51.87s-.2.7-.51.87l-9,5c-.16.09-.3199.13-.49.13-.18,0-.35-.05-.51-.14-.3-.18-.49-.51-.49-.86v-10Zm23-9c0-4.96-4.04-9-9-9h-5.47l6,9h8.47Zm-10.86,0l-6.01-9h-10.13c-.16,0-.31,0-.46.01l5.99,8.99h10.61ZM12.4,6.39c-3.7,1.11-6.4,4.55-6.4,8.61h12.14l-5.74-8.61Z" fill="currentColor" class="color000 svgShape active-svg"></path> </svg> </button> </div> </div> </nav> <div id="postContent" class="insta-feed"> <div class="row overflow-hidden m-0 mt-2" loading="lazy"> <!-- "Post" content --> @foreach ($vcard->InstagramEmbed as $InstagramEmbed) @if ($InstagramEmbed->type == 0) <div class="col-12 col-sm-6 insta-feed-iframe"> {!! $InstagramEmbed->embedtag !!} </div> @endif @endforeach </div> </div> <div class="d-none insta-feed" id="reelContent"> <div class="row overflow-hidden m-0 mt-2"> <!-- "Reel" content --> @foreach ($vcard->InstagramEmbed as $InstagramEmbed) @if ($InstagramEmbed->type == 1) <div class="col-12 col-sm-6 insta-feed-iframe"> {!! $InstagramEmbed->embedtag !!} </div> @endif @endforeach </div> </div> </div> @endif @endif {{-- blog --}} @if ((isset($managesection) && $managesection['blogs']) || empty($managesection)) @if (checkFeature('blog') && $vcard->blogs->count()) <div class="vcard__blog mt-5"> <h4 class="vcard__heading heading-line position-relative text-center"> {{ __('messages.feature.blog') }}</h4> <div class="container"> <div class="row g-4 blog-slider overflow-hidden"> @foreach ($vcard->blogs as $blog) <?php $vcardBlogUrl = $isCustomDomainUse ? "https://{$customDomain->domain}/{$vcard->url_alias}/blog/{$blog->id}" : route('vcard.show-blog', [$vcard->url_alias, $blog->id]); ?> <div class="col-6 mb-2"> <div class="card blog-card p-2 border-0 w-100 h-100"> <div class="blog-image w-100"> <a href="{{ $vcardBlogUrl }}"> <img src="{{ $blog->blog_icon }}" alt="profile" class="w-100" loading="lazy" /> </a> </div> <div class="blog-details"> <a href="{{ $vcardBlogUrl }}" class="text-decoration-none"> <h4 class="text-sm-start text-center title-color text-black p-3 mb-0"> {{ $blog->title }}</h4> </a> </div> </div> </div> @endforeach </div> </div> </div> @endif @endif {{-- Business hour --}} @if ((isset($managesection) && $managesection['business_hours']) || empty($managesection)) @if ($vcard->businessHours->count()) @php $todayWeekName = strtolower(\Carbon\Carbon::now()->rawFormat('D')); @endphp <div class="vcard__timing mb-10 mt-0"> <div class="px-4 hours-section"> <h4 class="vcard__heading text-center pb-4">{{ __('messages.business.business_hours') }} </h4> <div class="row g-3 mx-sm-4" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> @foreach ($businessDaysTime as $key => $dayTime) <div class="col-12"> <div class="card business-card flex-row {{ \App\Models\BusinessHour::DAY_OF_WEEK[$key] == $todayWeekName ? 'business-card-today' : '' }}"> <div class="calendar-icon p-4 ms-3"> <i class="fa-solid fa-calendar-days fs-1 text-white"></i> </div> <div class="ms-sm-2 ms-3"> <div class="text-muted ms-sm-5 business-hour-day-text"> {{ __('messages.business.' . \App\Models\BusinessHour::DAY_OF_WEEK[$key]) }} </div> <div class="ms-sm-5 fw-bold mt-3 fs-4 business-hour-time-text"> {{ $dayTime ?? __('messages.common.closed') }}</div> </div> </div> </div> @endforeach </div> </div> </div> @endif @endif {{-- Appointment --}} @if ((isset($managesection) && $managesection['appointments']) || empty($managesection)) @if (checkFeature('appointments') && $vcard->appointmentHours->count()) <div class="vcard__appointment mt-0 mb-5 pb-4"> <h4 class="vcard__heading heading-line text-center pb-4 position-relative"> {{ __('messages.make_appointments') }}</h4> <div class="container"> <div class="appointment"> <div class="row d-flex align-items-center justify-content-center mb-3"> <div class="col-md-2"> <label for="date" class="appoint-date mb-2">{{ __('messages.date') }}</label> </div> <div class="col-md-10"> {{ Form::text('date', null, ['class' => 'date appoint-input', 'placeholder' => __('messages.form.pick_date'), 'id' => 'pickUpDate']) }} </div> </div> <div class="row d-flex align-items-center justify-content-center mb-md-3"> <div class="col-md-2"> <label for="text" class="appoint-date mb-2">{{ __('messages.hour') }}</label> </div> <div class="col-md-10"> <div id="slotData" class="row"> </div> </div> </div> <button type="button" class="appointmentAdd appoint-btn rounded text-white mt-4 d-block mx-auto ">{{ __('messages.make_appointments') }} </button> @include('vcardTemplates.appointment') </div> </div> </div> @endif @endif {{-- iframe --}} @if ((isset($managesection) && $managesection['iframe']) || empty($managesection)) @if (checkFeature('iframes') && $vcard->iframes->count()) <div class="vcard__iframe pb-5"> <h4 class="vcard__heading heading-line position-relative text-center mb-5"> {{ __('messages.vcard.iframe') }}</h4> <div class="container my-0 p-0"> <div class="g-4 iframe-section iframe-slider overflow-hidden"> @foreach ($vcard->iframes as $iframe) <div class="pb-3"> <div class="card iframe-card p-4 border-0 w-100 h-100 blog-block"> <iframe src="{{ $iframe->url }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen width="100%" height="400" loading="lazy"> </iframe> </div> </div> @endforeach </div> </div> </div> @endif @endif {{-- contact us --}} @php $currentSubs = $vcard ->subscriptions() ->where('status', \App\Models\Subscription::ACTIVE) ->latest() ->first(); @endphp <div class="vcard__contact-us"> @if ($currentSubs && $currentSubs->plan->planFeature->enquiry_form && $vcard->enable_enquiry_form) <div class="px-4 mb-5 mt-8 inquries"> <h4 class="vcard__heading text-center pb-4">{{ __('messages.contact_us.inquries') }}</h4> <form id="enquiryForm" enctype="multipart/form-data"> @csrf @if (getLanguage($vcard->default_language) != 'Arabic') <div class="contact-form px-sm-5"> <div id="enquiryError" class="alert alert-danger d-none"></div> <div class="mb-3"> <input type="text" name="name" class="form-control" id="name" placeholder="{{ __('messages.form.your_name') }}"> </div> <div class="mb-3"> <input type="email" name="email" class="form-control" id="email" placeholder="{{ __('messages.form.your_email') }}"> </div> <div class="mb-3"> <input type="tel" name="phone" class="form-control" id="phone" placeholder="{{ __('messages.form.enter_phone') }}" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")"> </div> <div class="mb-3"> <textarea class="form-control" placeholder="{{ __('messages.form.type_message') }}" name="message" id="message" rows="5"></textarea> </div> @if (isset($inquiry) && $inquiry == 1) <div class="mb-3"> <div class="wrapper-file-input"> <div class="input-box" id="fileInputTrigger"> <h4> <i class="fa-solid fa-upload ms-2 mb-1"></i>{{ __('messages.choose_file') }} </h4> <input type="file" id="attachment" name="attachment" hidden multiple /> </div> <small>{{ __('messages.file_supported') }}</small> </div> <div class="wrapper-file-section"> <div class="selected-files" id="selectedFilesSection" style="display: none;"> <h5>{{ __('messages.selected_files') }}</h5> <ul class="file-list" id="fileList"></ul> </div> </div> </div> @endif @if (!empty($vcard->privacy_policy) || !empty($vcard->term_condition)) <div class="mb-3"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition" id="termConditionCheckbox" placeholder> <label class="form-check-label" for="privacyPolicyCheckbox"> <span class="text-dark">{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info fs-6">{!! __('messages.vcard.term_and_condition') !!}</a> <span class="text-dark">&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info fs-6">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> @endif <button type="submit" class="contact-btn text-white mt-4 d-block mx-auto">{{ __('messages.contact_us.send_message') }} </button> </div> @endif @if (getLanguage($vcard->default_language) == 'Arabic') <div class="contact-form px-sm-5" dir="rtl"> <div id="enquiryError" class="alert alert-danger d-none"></div> <div class="mb-3"> <input type="text" name="name" class="form-control text-start" id="name" placeholder="{{ __('messages.form.your_name') }}"> </div> <div class="mb-3"> <input type="email" name="email" class="form-control text-start" id="email" placeholder="{{ __('messages.form.your_email') }}"> </div> <div class="mb-3"> <input type="tel" name="phone" class="form-control text-start" id="phone" placeholder="{{ __('messages.form.enter_phone') }}" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")"> </div> <div class="mb-3"> <textarea class="form-control text-start" placeholder="{{ __('messages.form.type_message') }}" name="message" id="message" rows="5"></textarea> </div> @if (isset($inquiry) && $inquiry == 1) <div class="mb-3"> <div class="wrapper-file-input"> <div class="input-box" id="fileInputTrigger"> <h4> <i class="fa-solid fa-upload me-2 mb-1"></i>{{ __('messages.choose_file') }} </h4> <input type="file" id="attachment" name="attachment" hidden multiple /> </div> <small>{{ __('messages.file_supported') }}</small> </div> <div class="wrapper-file-section"> <div class="selected-files" id="selectedFilesSection" style="display: none;"> <h5>{{ __('messages.selected_files') }}</h5> <ul class="file-list" id="fileList"></ul> </div> </div> </div> @endif @if (!empty($vcard->privacy_policy) || !empty($vcard->term_condition)) <div class="mb-3"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition" id="termConditionCheckbox" placeholder> <label class="form-check-label" for="privacyPolicyCheckbox"> <span class="text-dark">{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info fs-6">{!! __('messages.vcard.term_and_condition') !!}</a> <span class="text-dark">&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info fs-6">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> @endif <button type="submit" class="contact-btn text-white mt-4 d-block mx-auto">{{ __('messages.contact_us.send_message') }} </button> </div> @endif </form> </div> @endif </div> @if ($currentSubs && $currentSubs->plan->planFeature->affiliation && $vcard->enable_affiliation) <div class="container mb-10"> <h4 class="vcard-four-heading text-center mb-5"> {{ __('messages.create_vcard') }}</h4> <div class=" link-back p-4 text-center rounded"> <a href="{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}" target="_blank" class="d-flex justify-content-center align-items-center text-decoration-none link-text font-primary">{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}<i class="fa-solid fa-arrow-up-right-from-square ms-3"></i></a> </div> </div> @endif {{-- map --}} @if ((isset($managesection) && $managesection['map']) || empty($managesection)) @if ($vcard->location_type == 0 && ($vcard->location_url && isset($url[5]))) <div class="m-2 mt-0"> <iframe width="100%" height="300px" src='https://maps.google.de/maps?q={{ $url[5] }}/&output=embed' frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="border-radius: 10px;"></iframe> </div> @endif @if ($vcard->location_type == 1 && !empty($vcard->location_embed_tag)) <div class="m-2 mt-0"> <div class="embed-responsive embed-responsive-16by9 rounded overflow-hidden" style="height: 300px;"> {!! $vcard->location_embed_tag ?? '' !!} </div> </div> @endif @endif <div class="d-flex justify-content-evenly pt-8"> @if (checkFeature('advanced')) @if (checkFeature('advanced')->hide_branding && $vcard->branding == 0) @if ($vcard->made_by) <a @if (!is_null($vcard->made_by_url)) href="{{ $vcard->made_by_url }}" @endif class="text-center text-decoration-none text-dark" target="_blank"> <small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small> </a> @else <div class="text-center"> <small>{{ __('messages.made_by') }} {{ $setting['app_name'] }}</small> </div> @endif @endif @else @if ($vcard->made_by) <a @if (!is_null($vcard->made_by_url)) href="{{ $vcard->made_by_url }}" @endif class="text-center text-decoration-none text-dark" target="_blank"> <small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small> </a> @else <div class="text-center"> <small>{{ __('messages.made_by') }} {{ $setting['app_name'] }}</small> </div> @endif @endif @if (!empty($vcard->privacy_policy) || !empty($vcard->term_condition)) <div> <a class="text-decoration-none text-dark cursor-pointer terms-policies-btn" href="{{ $vcardPrivacyAndTerm }}"><small>{!! __('messages.vcard.term_policy') !!}</small></a> </div> @endif </div> <div class="w-100 d-flex justify-content-center position-fixed" style="top:50%; left:0; z-index: 9999;"> <div class="vcard-bars-btn position-relative @if (getLanguage($vcard->default_language) == 'Arabic') vcard-bars-btn-left @endif"> @if (empty($vcard->hide_stickybar)) <a href="javascript:void(0)" class="vcard4-btn-group text-white bars-btn vcard4-sticky-btn d-flex justify-content-center me-5 align-items-center rounded-0 px-5 mb-3 text-decoration-none py-1 rounded-pill justify-content-center"> <img src="{{ asset('assets/img/vcard4/stikcy.png') }}" /> </a> @endif <div class="sub-btn d-none"> <div class="sub-btn-div @if (getLanguage($vcard->default_language) == 'Arabic') sub-btn-div-left @endif"> @if ($vcard->whatsapp_share) <div class="icon-search-container mb-3" data-ic-class="search-trigger"> <div class="wp-btn"> <i class="fab text-light fa-whatsapp fa-2x" id="wpIcon"></i> </div> <input type="number" class="search-input" id="wpNumber" data-ic-class="search-input" placeholder="{{ __('messages.setting.wp_number') }}" /> <div class="share-wp-btn-div"> <a href="javascript:void(0)" class="vcard4-btn-group d-flex justify-content-center text-white align-items-center rounded-0 text-decoration-none py-1 rounded-pill justify-content share-wp-btn"> <i class="fa-solid fa-paper-plane"></i> </a> </div> </div> @endif @if (empty($vcard->hide_stickybar)) <div class="{{ isset($vcard->whatsapp_share) ? 'vcard4-btn-group' : 'stickyIcon' }}"> <button type="button" class="vcard4-btn-group vcard4-share vcard4-sticky-btn d-flex justify-content-center align-items-center px-2 mb-3 py-2"><i class="fas fa-share-alt pt-1 fs-1"></i></button> @if (!empty($vcard->enable_download_qr_code)) <a type="button" class="vcard4-btn-group vcard4-sticky-btn text-white d-flex justify-content-center align-items-center px-2 mb-3 py-2" id="qr-code-btn" download="qr_code.png"><i class="fa-solid fa-qrcode fs-1"></i></a> @endif {{-- <a type="button" class="vcard4-sticky-btn text-white h-100 d-flex justify-content-center rounded-circle align-items-center px-2 mb-3 py-2 d-none" id="videobtn"><i class="fa-solid fa-video fs-1" style="color: #eceeed;"></i></a> --}} </div> @endif </div> </div> <div class="w-100 d-flex justify-content-center sticky-vcard-div sticky-vcard4-div"> @if ($vcard->enable_contact) <div class="" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> @if ($contactRequest == 1) <a href="{{ Auth::check() ? route('add-contact', $vcard->id) : 'javascript:void(0);' }}" class="vcard4-sticky-btn add-contact-btn d-flex justify-content-center text-white align-items-center rounded px-5 text-decoration-none py-1 justify-content-center {{ Auth::check() ? 'auth-contact-btn' : 'ask-contact-detail-form' }}" data-action="{{ Auth::check() ? route('contact-request.store') : 'show-modal' }}"> <i class="fas fa-download fa-address-book fs-4"></i> {{ __('messages.setting.add_contact') }}</a> @else <a href="{{ route('add-contact', $vcard->id) }}" class="vcard4-sticky-btn add-contact-btn d-flex justify-content-center ms-0 text-white align-items-center rounded px-5 text-decoration-none py-1 justify-content-center"><i class="fas fa-download fa-address-book fs-4"></i> {{ __('messages.setting.add_contact') }}</a> @endif </div> @include('vcardTemplates.contact-request') @endif </div> <!-- Modal --> @if ((isset($managesection) && $managesection['news_latter_popup']) || empty($managesection)) <div class="modal fade" id="newsLatterModal" tabindex="-1" aria-labelledby="newsLatterModalLabel" aria-hidden="true"> <div class="modal-dialog news-modal modal-dialog-centered"> <div class="modal-content animate-bottom" id="newsLatter-content"> <div class="newsmodal-header px-0"> <button type="button" class="btn-close close-modal p-5 position-absolute top-0 end-0" data-bs-dismiss="modal" aria-label="Close" id="closeNewsLatterModal"></button> </div> <div class="modal-body"> <h3 class="content text-start mb-2"> {{ __('messages.vcard.subscribe_newslatter') }}</h3> <p class="modal-desc text-start">{{ __('messages.vcard.update_directly') }} </p> <form action="" method="post" id="newsLatterForm"> @csrf <input type="hidden" name="vcard_id" value="{{ $vcard->id }}"> <div class="mb-3 mt-5 d-flex gap-1 justify-content-center align-items-center email-input border-none"> <div class="w-100"> <input type="email" class="form-control bg-dark border-dark text-light email-input" placeholder="{{ __('messages.form.enter_your_email') }}" name="email" id="emailSubscription aria-label="Email" aria-describedby="button-addon2"> </div> <button class="btn ms-1" type="submit" id="email-send">{{ __('messages.subscribe') }}</button> </div> </form> </div> </div> </div> </div> @endif {{-- share modal code --}} <div id="vcard4-shareModel" class="modal fade" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class=""> <div class="row align-items-center mt-3"> <div class="col-10 text-center"> <h5 class="modal-title pl-50">{{ __('messages.vcard.share_my_vcard') }} </h5> </div> <div class="col-2 p-0"> <button type="button" aria-label="Close" class="p-3 btn btn-sm btn-icon btn-active-color-danger border-none" data-bs-dismiss="modal"> <span class="svg-icon svg-icon-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1"> <g transform="translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#000000"> <rect fill="#000000" x="0" y="7" width="16" height="2" rx="1" /> <rect fill="#000000" opacity="0.5" transform="translate(8.000000, 8.000000) rotate(-270.000000) translate(-8.000000, -8.000000)" x="0" y="7" width="16" height="2" rx="1" /> </g> </svg> </span> </button> </div> </div> </div> @php $shareUrl = $vcardUrl; @endphp <div class="modal-body"> <a href="http://www.facebook.com/sharer.php?u={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Facebook"> <div class="row"> <div class="col-2"> <i class="fab fa-facebook fa-2x" style="color: #1B95E0"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_facebook') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://twitter.com/share?url={{ $shareUrl }}&text={{ $vcard->name }}&hashtags=sharebuttons" target="_blank" class="text-decoration-none share" title="Twitter"> <div class="row"> <div class="col-2"> <span><svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /> </svg></span> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_twitter') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://www.linkedin.com/shareArticle?mini=true&url={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Linkedin"> <div class="row"> <div class="col-2"> <i class="fab fa-linkedin fa-2x" style="color: #1B95E0"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_linkedin') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="mailto:?Subject=&Body={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Email"> <div class="row"> <div class="col-2"> <i class="fas fa-envelope fa-2x" style="color: #191a19 "></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_email') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://pinterest.com/pin/create/link/?url={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Pinterest"> <div class="row"> <div class="col-2"> <i class="fab fa-pinterest fa-2x" style="color: #bd081c"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_pinterest') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://reddit.com/submit?url={{ $shareUrl }}&title={{ $vcard->name }}" target="_blank" class="text-decoration-none share" title="Reddit"> <div class="row"> <div class="col-2"> <i class="fab fa-reddit fa-2x" style="color: #ff4500"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_reddit') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="https://wa.me/?text={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Whatsapp"> <div class="row"> <div class="col-2"> <i class="fab fa-whatsapp fa-2x" style="color: limegreen"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_whatsapp') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="https://www.snapchat.com/scan?attachmentUrl={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Snapchat"> <div class="row"> <div class="col-2"> <svg width="30px" height="30px" viewBox="147.353 39.286 514.631 514.631" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"> </g> <g id="SVGRepo_iconCarrier"> <path style="fill:#FFFC00;" d="M147.553,423.021v0.023c0.308,11.424,0.403,22.914,2.33,34.268 c2.042,12.012,4.961,23.725,10.53,34.627c7.529,14.756,17.869,27.217,30.921,37.396c9.371,7.309,19.608,13.111,30.94,16.771 c16.524,5.33,33.571,7.373,50.867,7.473c10.791,0.068,21.575,0.338,32.37,0.293c78.395-0.33,156.792,0.566,235.189-0.484 c10.403-0.141,20.636-1.41,30.846-3.277c19.569-3.582,36.864-11.932,51.661-25.133c17.245-15.381,28.88-34.205,34.132-56.924 c3.437-14.85,4.297-29.916,4.444-45.035v-3.016c0-1.17-0.445-256.892-0.486-260.272c-0.115-9.285-0.799-18.5-2.54-27.636 c-2.117-11.133-5.108-21.981-10.439-32.053c-5.629-10.641-12.68-20.209-21.401-28.57c-13.359-12.81-28.775-21.869-46.722-26.661 c-16.21-4.327-32.747-5.285-49.405-5.27c-0.027-0.004-0.09-0.173-0.094-0.255H278.56c-0.005,0.086-0.008,0.172-0.014,0.255 c-9.454,0.173-18.922,0.102-28.328,1.268c-10.304,1.281-20.509,3.21-30.262,6.812c-15.362,5.682-28.709,14.532-40.11,26.347 c-12.917,13.386-22.022,28.867-26.853,46.894c-4.31,16.084-5.248,32.488-5.271,49.008"> </path> <path style="fill:#FFFFFF;" d="M407.001,473.488c-1.068,0-2.087-0.039-2.862-0.076c-0.615,0.053-1.25,0.076-1.886,0.076 c-22.437,0-37.439-10.607-50.678-19.973c-9.489-6.703-18.438-13.031-28.922-14.775c-5.149-0.854-10.271-1.287-15.22-1.287 c-8.917,0-15.964,1.383-21.109,2.389c-3.166,0.617-5.896,1.148-8.006,1.148c-2.21,0-4.895-0.49-6.014-4.311 c-0.887-3.014-1.523-5.934-2.137-8.746c-1.536-7.027-2.65-11.316-5.281-11.723c-28.141-4.342-44.768-10.738-48.08-18.484 c-0.347-0.814-0.541-1.633-0.584-2.443c-0.129-2.309,1.501-4.334,3.777-4.711c22.348-3.68,42.219-15.492,59.064-35.119 c13.049-15.195,19.457-29.713,20.145-31.316c0.03-0.072,0.065-0.148,0.101-0.217c3.247-6.588,3.893-12.281,1.926-16.916 c-3.626-8.551-15.635-12.361-23.58-14.882c-1.976-0.625-3.845-1.217-5.334-1.808c-7.043-2.782-18.626-8.66-17.083-16.773 c1.124-5.916,8.949-10.036,15.273-10.036c1.756,0,3.312,0.308,4.622,0.923c7.146,3.348,13.575,5.045,19.104,5.045 c6.876,0,10.197-2.618,11-3.362c-0.198-3.668-0.44-7.546-0.674-11.214c0-0.004-0.005-0.048-0.005-0.048 c-1.614-25.675-3.627-57.627,4.546-75.95c24.462-54.847,76.339-59.112,91.651-59.112c0.408,0,6.674-0.062,6.674-0.062 c0.283-0.005,0.59-0.009,0.908-0.009c15.354,0,67.339,4.27,91.816,59.15c8.173,18.335,6.158,50.314,4.539,76.016l-0.076,1.23 c-0.222,3.49-0.427,6.793-0.6,9.995c0.756,0.696,3.795,3.096,9.978,3.339c5.271-0.202,11.328-1.891,17.998-5.014 c2.062-0.968,4.345-1.169,5.895-1.169c2.343,0,4.727,0.456,6.714,1.285l0.106,0.041c5.66,2.009,9.367,6.024,9.447,10.242 c0.071,3.932-2.851,9.809-17.223,15.485c-1.472,0.583-3.35,1.179-5.334,1.808c-7.952,2.524-19.951,6.332-23.577,14.878 c-1.97,4.635-1.322,10.326,1.926,16.912c0.036,0.072,0.067,0.145,0.102,0.221c1,2.344,25.205,57.535,79.209,66.432 c2.275,0.379,3.908,2.406,3.778,4.711c-0.048,0.828-0.248,1.656-0.598,2.465c-3.289,7.703-19.915,14.09-48.064,18.438 c-2.642,0.408-3.755,4.678-5.277,11.668c-0.63,2.887-1.271,5.717-2.146,8.691c-0.819,2.797-2.641,4.164-5.567,4.164h-0.441 c-1.905,0-4.604-0.346-8.008-1.012c-5.95-1.158-12.623-2.236-21.109-2.236c-4.948,0-10.069,0.434-15.224,1.287 c-10.473,1.744-19.421,8.062-28.893,14.758C444.443,462.88,429.436,473.488,407.001,473.488"> </path> <path style="fill:#020202;" d="M408.336,124.235c14.455,0,64.231,3.883,87.688,56.472c7.724,17.317,5.744,48.686,4.156,73.885 c-0.248,3.999-0.494,7.875-0.694,11.576l-0.084,1.591l1.062,1.185c0.429,0.476,4.444,4.672,13.374,5.017l0.144,0.008l0.15-0.003 c5.904-0.225,12.554-2.059,19.776-5.442c1.064-0.498,2.48-0.741,3.978-0.741c1.707,0,3.521,0.321,5.017,0.951l0.226,0.09 c3.787,1.327,6.464,3.829,6.505,6.093c0.022,1.28-0.935,5.891-14.359,11.194c-1.312,0.518-3.039,1.069-5.041,1.7 c-8.736,2.774-21.934,6.96-26.376,17.427c-2.501,5.896-1.816,12.854,2.034,20.678c1.584,3.697,26.52,59.865,82.631,69.111 c-0.011,0.266-0.079,0.557-0.229,0.9c-0.951,2.24-6.996,9.979-44.612,15.783c-5.886,0.902-7.328,7.5-9,15.17 c-0.604,2.746-1.218,5.518-2.062,8.381c-0.258,0.865-0.306,0.914-1.233,0.914c-0.128,0-0.278,0-0.442,0 c-1.668,0-4.2-0.346-7.135-0.922c-5.345-1.041-12.647-2.318-21.982-2.318c-5.21,0-10.577,0.453-15.962,1.352 c-11.511,1.914-20.872,8.535-30.786,15.543c-13.314,9.408-27.075,19.143-48.071,19.143c-0.917,0-1.812-0.031-2.709-0.076 l-0.236-0.01l-0.237,0.018c-0.515,0.045-1.034,0.068-1.564,0.068c-20.993,0-34.76-9.732-48.068-19.143 c-9.916-7.008-19.282-13.629-30.791-15.543c-5.38-0.896-10.752-1.352-15.959-1.352c-9.333,0-16.644,1.428-21.978,2.471 c-2.935,0.574-5.476,1.066-7.139,1.066c-1.362,0-1.388-0.08-1.676-1.064c-0.844-2.865-1.461-5.703-2.062-8.445 c-1.676-7.678-3.119-14.312-9.002-15.215c-37.613-5.809-43.659-13.561-44.613-15.795c-0.149-0.352-0.216-0.652-0.231-0.918 c56.11-9.238,81.041-65.408,82.63-69.119c3.857-7.818,4.541-14.775,2.032-20.678c-4.442-10.461-17.638-14.653-26.368-17.422 c-2.007-0.635-3.735-1.187-5.048-1.705c-11.336-4.479-14.823-8.991-14.305-11.725c0.601-3.153,6.067-6.359,10.837-6.359 c1.072,0,2.012,0.173,2.707,0.498c7.747,3.631,14.819,5.472,21.022,5.472c9.751,0,14.091-4.537,14.557-5.055l1.057-1.182 l-0.085-1.583c-0.197-3.699-0.44-7.574-0.696-11.565c-1.583-25.205-3.563-56.553,4.158-73.871 c23.37-52.396,72.903-56.435,87.525-56.435c0.36,0,6.717-0.065,6.717-0.065C407.744,124.239,408.033,124.235,408.336,124.235 M408.336,115.197h-0.017c-0.333,0-0.646,0-0.944,0.004c-2.376,0.024-6.282,0.062-6.633,0.066c-8.566,0-25.705,1.21-44.115,9.336 c-10.526,4.643-19.994,10.921-28.14,18.66c-9.712,9.221-17.624,20.59-23.512,33.796c-8.623,19.336-6.576,51.905-4.932,78.078 l0.006,0.041c0.176,2.803,0.361,5.73,0.53,8.582c-1.265,0.581-3.316,1.194-6.339,1.194c-4.864,0-10.648-1.555-17.187-4.619 c-1.924-0.896-4.12-1.349-6.543-1.349c-3.893,0-7.997,1.146-11.557,3.239c-4.479,2.63-7.373,6.347-8.159,10.468 c-0.518,2.726-0.493,8.114,5.492,13.578c3.292,3.008,8.128,5.782,14.37,8.249c1.638,0.645,3.582,1.261,5.641,1.914 c7.145,2.271,17.959,5.702,20.779,12.339c1.429,3.365,0.814,7.793-1.823,13.145c-0.069,0.146-0.138,0.289-0.201,0.439 c-0.659,1.539-6.807,15.465-19.418,30.152c-7.166,8.352-15.059,15.332-23.447,20.752c-10.238,6.617-21.316,10.943-32.923,12.855 c-4.558,0.748-7.813,4.809-7.559,9.424c0.078,1.33,0.39,2.656,0.931,3.939c0.004,0.008,0.009,0.016,0.013,0.023 c1.843,4.311,6.116,7.973,13.063,11.203c8.489,3.943,21.185,7.26,37.732,9.855c0.836,1.59,1.704,5.586,2.305,8.322 c0.629,2.908,1.285,5.898,2.22,9.074c1.009,3.441,3.626,7.553,10.349,7.553c2.548,0,5.478-0.574,8.871-1.232 c4.969-0.975,11.764-2.305,20.245-2.305c4.702,0,9.575,0.414,14.48,1.229c9.455,1.574,17.606,7.332,27.037,14 c13.804,9.758,29.429,20.803,53.302,20.803c0.651,0,1.304-0.021,1.949-0.066c0.789,0.037,1.767,0.066,2.799,0.066 c23.88,0,39.501-11.049,53.29-20.799l0.022-0.02c9.433-6.66,17.575-12.41,27.027-13.984c4.903-0.814,9.775-1.229,14.479-1.229 c8.102,0,14.517,1.033,20.245,2.15c3.738,0.736,6.643,1.09,8.872,1.09l0.218,0.004h0.226c4.917,0,8.53-2.699,9.909-7.422 c0.916-3.109,1.57-6.029,2.215-8.986c0.562-2.564,1.46-6.674,2.296-8.281c16.558-2.6,29.249-5.91,37.739-9.852 c6.931-3.215,11.199-6.873,13.053-11.166c0.556-1.287,0.881-2.621,0.954-3.979c0.261-4.607-2.999-8.676-7.56-9.424 c-51.585-8.502-74.824-61.506-75.785-63.758c-0.062-0.148-0.132-0.295-0.205-0.438c-2.637-5.354-3.246-9.777-1.816-13.148 c2.814-6.631,13.621-10.062,20.771-12.332c2.07-0.652,4.021-1.272,5.646-1.914c7.039-2.78,12.07-5.796,15.389-9.221 c3.964-4.083,4.736-7.995,4.688-10.555c-0.121-6.194-4.856-11.698-12.388-14.393c-2.544-1.052-5.445-1.607-8.399-1.607 c-2.011,0-4.989,0.276-7.808,1.592c-6.035,2.824-11.441,4.368-16.082,4.588c-2.468-0.125-4.199-0.66-5.32-1.171 c0.141-2.416,0.297-4.898,0.458-7.486l0.067-1.108c1.653-26.19,3.707-58.784-4.92-78.134c-5.913-13.253-13.853-24.651-23.604-33.892 c-8.178-7.744-17.678-14.021-28.242-18.661C434.052,116.402,416.914,115.197,408.336,115.197"> </path> <rect x="147.553" y="39.443" style="fill:none;" width="514.231" height="514.23"></rect> </g> </svg> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_snapchat') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <div class="col-12 justify-content-between social-link-modal"> <div class="input-group"> <input type="text" class="form-control" placeholder="{{ request()->fullUrl() }}" disabled> <span id="vcardUrlCopy{{ $vcard->id }}" class="d-none" target="_blank"> {{ $vcardUrl }} </span> <button class="copy-vcard-clipboard btn btn-dark" title="Copy Link" data-id="{{ $vcard->id }}"> <i class="fa-regular fa-copy fa-2x"></i> </button> </div> </div> <div class="text-center"> </div> </div> </div> </div> </div> </div> </div> {{-- Pwa support --}} @if (isset($enable_pwa) && $enable_pwa == 1 && !isiOSDevice()) <div class="mt-0"> <div class="pwa-support d-flex align-items-center justify-content-center"> <div> <h1 class="text-start pwa-heading">{{ __('messages.pwa.add_to_home_screen') }}</h1> <p class="text-start pwa-text text-dark">{{ __('messages.pwa.pwa_description') }} </p> <div class="text-end d-flex"> <button id="installPwaBtn" class="pwa-install-button w-50 mb-1 btn">{{ __('messages.pwa.install') }} </button> <button class= "pwa-cancel-button w-50 ms-2 pwa-close btn btn-secondary mb-1">{{ __('messages.common.cancel') }}</button> </div> </div> </div> </div> @endif {{-- support banner --}} @if ((isset($managesection) && $managesection['banner']) || empty($managesection)) @if (isset($banners->title)) <div class="mb-10 mt-0"> <div class="support-banner d-flex align-items-center justify-content-center"> <button type="button" class="text-start banner-close"><i class="fa-solid fa-xmark"></i></button> <div class=""> <h1 class="text-center support_heading">{{ $banners->title }}</h1> <p class="text-center support_text text-dark">{{ $banners->description }} </p> <div class="text-center"> <a href="{{ $banners->url }}" class="act-now text-light" target="_blank" data-turbo="false">{{ $banners->banner_button }} </a> </div> </div> </div> </div> @endif @endif </div> @include('vcardTemplates.template.templates') <script src="https://js.stripe.com/v3/"></script> <script src="https://checkout.razorpay.com/v1/checkout.js"></script> <script type="text/javascript" src="{{ asset('assets/js/front-third-party.js') }}"></script> <script type="text/javascript" src="{{ asset('front/js/bootstrap.bundle.min.js') }}"></script> <script src="{{ asset('assets/js/slider/js/slick.min.js') }}" type="text/javascript"></script> @if (checkFeature('seo') && $vcard->google_analytics) {!! $vcard->google_analytics !!} @endif @if (isset(checkFeature('advanced')->custom_js) && $vcard->custom_js) {!! $vcard->custom_js !!} @endif @php $setting = \App\Models\UserSetting::where('user_id', $vcard->tenant->user->id) ->where('key', 'stripe_key') ->first(); @endphp <script> let stripe = '' @if (!empty($setting) && !empty($setting->value)) stripe = Stripe('{{ $setting->value }}'); @endif $('.testimonial-slider').slick({ dots: true, infinite: true, speed: 300, arrows: false, slidesToShow: 2, slidesToScroll: 1, autoplay: true, prevArrow: '<button class="slide-arrow prev-arrow"></button>', nextArrow: '<button class="slide-arrow next-arrow"></button>', responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true } }] }); @if ($vcard->services_slider_view) $('.services-slider-view').slick({ dots: true, infinite: true, speed: 300, centerMode: true, centerPadding: '60px', slidesToShow: 1, autoplay: false, slidesToScroll: 1, arrows: false, adaptiveHeight: true, responsive: [{ breakpoint: 500, settings: { centerMode: false, }, }, ], }); @endif </script> <script> $('.product-slider').slick({ dots: false, infinite: true, arrows: true, speed: 300, slidesToShow: 2, autoplay: true, slidesToScroll: 1, prevArrow: '<button class="slide-arrow prev-arrow"></button>', nextArrow: '<button class="slide-arrow next-arrow"></button>', responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true } }] }); </script> <script> $('.gallery-slider').slick({ dots: true, infinite: true, arrows: false, speed: 300, slidesToShow: 2, autoplay: true, slidesToScroll: 1, prevArrow: '<button class="slide-arrow prev-arrow"></button>', nextArrow: '<button class="slide-arrow next-arrow"></button>', responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: true, }, }] }); $('.blog-slider').slick({ dots: true, infinite: true, arrows: false, speed: 300, slidesToShow: 1, autoplay: true, slidesToScroll: 1, prevArrow: '<button class="slide-arrow-blog prev-arrow"></button>', nextArrow: '<button class="slide-arrow-blog next-arrow"></button>', }) $('.iframe-slider').slick({ dots: true, infinite: true, arrows: false, speed: 300, slidesToShow: 1, autoplay: false, slidesToScroll: 1, prevArrow: '<button class="slide-arrow-iframe iframe-prev-arrow"></button>', nextArrow: '<button class="slide-arrow-iframe iframe-next-arrow"></button>', }) </script> <script> let isEdit = false let password = "{{ isset(checkFeature('advanced')->password) && !empty($vcard->password) }}" let passwordUrl = "{{ route('vcard.password', $vcard->id) }}"; let enquiryUrl = "{{ route('enquiry.store', ['vcard' => $vcard->id, 'alias' => $vcard->url_alias]) }}"; let appointmentUrl = "{{ route('appointment.store', ['vcard' => $vcard->id, 'alias' => $vcard->url_alias]) }}"; let paypalUrl = "{{ route('paypal.init') }}" let slotUrl = "{{ route('appointment-session-time', $vcard->url_alias) }}"; let appUrl = "{{ config('app.url') }}"; let vcardId = {{ $vcard->id }}; let vcardAlias = "{{ $vcard->url_alias }}" let languageChange = "{{ url('language') }}"; let lang = "{{ checkLanguageSession($vcard->url_alias) }}"; let userDateFormate = "{{ getSuperAdminSettingValue('datetime_method') ?? 1 }}"; let userlanguage = "{{ getLanguage($vcard->default_language) }}" </script> <script> const qrCodeFour = document.getElementById("qr-code-four"); const svg = qrCodeFour.querySelector("svg"); const blob = new Blob([svg.outerHTML], { type: 'image/svg+xml' }); const url = URL.createObjectURL(blob); const image = document.createElement('img'); image.src = url; image.addEventListener('load', () => { const canvas = document.createElement('canvas'); canvas.width = canvas.height = {{ $vcard->qr_code_download_size }}; const context = canvas.getContext('2d'); context.drawImage(image, 0, 0, canvas.width, canvas.height); const link = document.getElementById('qr-code-btn'); link.href = canvas.toDataURL(); URL.revokeObjectURL(url); }); </script> @routes <script src="{{ asset('messages.js?$mixID') }}"></script> <script src="{{ mix('assets/js/custom/helpers.js') }}"></script> <script src="{{ mix('assets/js/custom/custom.js') }}"></script> <script src="{{ mix('assets/js/vcards/vcard-view.js') }}"></script> <script src="{{ mix('assets/js/lightbox.js') }}"></script> <script src="{{ asset('/sw.js') }}"></script> <script> if ("serviceWorker" in navigator) { // Register a service worker hosted at the root of the // site using the default scope. navigator.serviceWorker.register("/sw.js").then( (registration) => { console.log("Service worker registration succeeded:", registration); }, (error) => { console.error(`Service worker registration failed: ${error}`); }, ); } else { console.error("Service workers are not supported."); } </script> <script> let deferredPrompt = null; window.addEventListener("beforeinstallprompt", (event) => { /* event.preventDefault(); */ deferredPrompt = event; document.getElementById("installPwaBtn").style.display = "block"; }); document.getElementById("installPwaBtn").addEventListener("click", async () => { if (deferredPrompt) { deferredPrompt.prompt(); await deferredPrompt.userChoice; deferredPrompt = null; } }); </script> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" defer></script> </body> </html>