| Current File : /home/getxxhzo/app.genicards.com/resources/views/vcardTemplates/vcard10.blade.php |
<!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="{{ $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">
{{-- css link --}}
<link rel="stylesheet" href="{{ mix('assets/css/vcard10.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') }}">
{{-- google Font --}}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Roboto&display=swap" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" href="{{ getFaviconUrl() }}" type="image/png">
@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="vcard-ten main-content w-100 mx-auto overflow-hidden content-blur allSection @if (getLanguage($vcard->default_language) == 'Arabic') rtl @endif">
{{-- support banner --}}
@if ((isset($managesection) && $managesection['banner']) || empty($managesection))
@if (isset($banners->title))
<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>
@endif
@endif
{{-- end support banner --}}
{{-- banner --}}
<div class="vcard-ten__banner w-100 position-relative px-2">
@php
$coverClass = $vcard->cover_image_type == 0 ? 'object-fit-cover' : 'object-fit-contain';
@endphp
@if (strpos($vcard->cover_url, '.mp4') !== false ||
strpos($vcard->cover_url, '.mov') !== false ||
strpos($vcard->cover_url, '.avi') !== false)
<video class="cover-video img-fluid banner-image {{ $coverClass }}" loop autoplay muted playsinline
alt="background video" id="cover-video">
<source src="{{ $vcard->cover_url }}" type="video/mp4">
</video>
@else
<img src="{{ $vcard->cover_url }}" class="img-fluid banner-image {{ $coverClass }}" alt="banner" loading="lazy" />
@endif
<div class="d-flex justify-content-end position-absolute top-0 end-0 me-3 language-btn ms-5">
@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">
<i
class="fa-solid fa-language me-2"></i>{{ getLanguage($vcard->default_language) }}
</a>
<ul class="dropdown-menu start-0 top-dropdown lang-hover-list 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
{{ $language->name }}
</a>
</li>
@endforeach
</ul>
</li>
</ul>
</div>
@endif
</div>
</div>
{{-- profile --}}
<div class="vcard-ten__profile position-relative shadow mx-sm-5 mx-4 ">
@if (getLanguage($vcard->default_language) != 'Arabic')
<div class=" d-flex flex-sm-row flex-column justify-content-center align-items-center">
<div class="avatar">
<img src="{{ $vcard->profile_url }}" alt="profile-img" class="rounded-circle"
loading="lazy" />
</div>
<div class="mx-4 mt-sm-0 mt-3">
<h4 class="profile-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="profile-designation text-sm-start text-center d-block p-1">{{ ucwords($vcard->occupation) }}</span>
<span
class="profile-designation text-sm-start text-center d-block p-1">{{ ucwords($vcard->job_title) }}</span>
<p><span
class="profile-company d-block text-sm-start text-center text-secondary ms-1">{{ ucwords($vcard->company) }}</span>
</p>
</div>
</div>
@endif
@if (getLanguage($vcard->default_language) == 'Arabic')
<div class=" d-flex flex-sm-row flex-column justify-content-center align-items-center"
dir="rtl">
<div class="avatar">
<img src="{{ $vcard->profile_url }}" alt="profile-img" class="rounded-circle"
loading="lazy" />
</div>
<div class="mx-4 mt-sm-0 mt-3">
<h4 class="profile-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="profile-designation text-sm-start text-center d-block p-1">{{ ucwords($vcard->occupation) }}</span>
<span
class="profile-designation text-sm-start text-center d-block p-1">{{ ucwords($vcard->job_title) }}</span>
<p><span
class="profile-company d-block text-sm-start text-center text-secondary ms-1">{{ ucwords($vcard->company) }}</span>
</p>
</div>
</div>
@endif
<div class="d-flex align-items-center justify-content-center mb-5">
<span class="pt-5 profile-description fs-6"> {!! $vcard->description !!}</span>
</div>
</div>
{{-- end profile --}}
{{-- profile details --}}
<div class="vcard-ten__profile-details py-4 px-3">
@if (checkFeature('social_links') && getSocialLink($vcard))
<div class="social-icons d-flex justify-content-center pt-4 flex-wrap">
@foreach (getSocialLink($vcard) as $value)
{!! $value !!}
@endforeach
</div>
@endif
</div>
{{-- end profile details --}}
{{-- 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 font-primary btn mt-2">
{{ $value->link_name }}
</a>
@else
<a href="{{ $value->link }}"
@if ($value->open_new_tab == 1) target="_blank" @endif
class="custom-link m-2 d-flex justify-content-center align-items-center text-decoration-none link-text mt-2">
{{ $value->link_name }}
</a>
@endif
@endforeach
</div>
@endif
</div>
{{-- End custom link section --}}
{{-- event --}}
@if ((isset($managesection) && $managesection['contact_list']) || empty($managesection))
<div class="vcard-ten__event py-4 px-sm-3 px-2 position-relative">
@if (getLanguage($vcard->default_language) != 'Arabic')
<div class="container mt-4">
<div class="row g-3">
@if ($vcard->email)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('assets/img/vcard10/vcard10-email.png') }}"
alt="email" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.admin.email') }}</h6>
<h5><a href="mailto:{{ $vcard->email }}"
class="event-name text-sm-start text-center mb-0 text-decoration-none">{{ $vcard->email }}</a>
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_email)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('img/vcard10/alter-email.png') }}" alt="email"
height="19" width="25" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.vcard.alter_email_address') }}</h6>
<h5><a href="mailto:{{ $vcard->alternative_email }}"
class="event-name text-sm-start text-center mb-0 text-decoration-none">{{ $vcard->alternative_email }}</a>
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->phone)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('assets/img/vcard10/vcard10-phone.png') }}"
alt="phone" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.vcard.mobile_number') }}</h6>
<h5><a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}"
class="event-name text-sm-start text-center mb-0 text-decoration-none" dir="ltr">+{{ $vcard->region_code }}
{{ $vcard->phone }}</a>
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_phone)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('img/vcard10/old-typical-phone.png') }}"
alt="phone" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.vcard.alter_mobile_number') }}</h6>
<h5>
<a href="tel:+{{ $vcard->alternative_region_code }} {{ $vcard->alternative_phone }}"
class="event-name text-sm-start text-center mb-0 text-decoration-none" dir="ltr">+{{ $vcard->alternative_region_code }}
{{ $vcard->alternative_phone }}</a>
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->dob)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('assets/img/vcard10/vcard10-birthday.png') }}"
alt="birthday" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.vcard.dob') }}</h6>
<h5 class="event-name text-sm-start text-center mb-0">
{{ $vcard->dob }}
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->location)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('assets/img/vcard10/vcard10-location.png') }}"
alt="location" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.setting.address') }}</h6>
<h5 class="event-name text-sm-start text-center mb-0">
{!! ucwords($vcard->location) !!}
</h5>
</div>
</div>
</div>
@endif
</div>
</div>
@endif
@if (getLanguage($vcard->default_language) == 'Arabic')
<div class="container mt-4" dir="rtl">
<div class="row g-3">
@if ($vcard->email)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('assets/img/vcard10/vcard10-email.png') }}"
alt="email" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.admin.email') }}</h6>
<h5><a href="mailto:{{ $vcard->email }}"
class="event-name text-sm-start text-center mb-0 text-decoration-none">{{ $vcard->email }}</a>
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_email)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('img/vcard10/alter-email.png') }}" alt="email"
height="19" width="25" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.vcard.alter_email_address') }}</h6>
<h5><a href="mailto:{{ $vcard->alternative_email }}"
class="event-name text-sm-start text-center mb-0 text-decoration-none">{{ $vcard->alternative_email }}</a>
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->phone)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('assets/img/vcard10/vcard10-phone.png') }}"
alt="phone" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.vcard.mobile_number') }}</h6>
<h5><a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}"
class="event-name text-sm-start text-center mb-0 text-decoration-none" dir="ltr">+{{ $vcard->region_code }}
{{ $vcard->phone }}</a>
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_phone)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('img/vcard10/old-typical-phone.png') }}"
alt="phone" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.vcard.alter_mobile_number') }}</h6>
<h5>
<a href="tel:+{{ $vcard->alternative_region_code }} {{ $vcard->alternative_phone }}"
class="event-name text-sm-start text-center mb-0 text-decoration-none" dir="ltr">+{{ $vcard->alternative_region_code }}
{{ $vcard->alternative_phone }}</a>
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->dob)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('assets/img/vcard10/vcard10-birthday.png') }}"
alt="birthday" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.vcard.dob') }}</h6>
<h5 class="event-name text-sm-start text-center mb-0">
{{ $vcard->dob }}
</h5>
</div>
</div>
</div>
@endif
@if ($vcard->location)
<div class="col-sm-6 col-12">
<div
class="card event-card p-3 h-100 border-0 flex-sm-row flex-column align-items-center shadow">
<span class="event-icon d-flex justify-content-center align-items-center">
<img src="{{ asset('assets/img/vcard10/vcard10-location.png') }}"
alt="location" />
</span>
<div class="event-detail ms-sm-3 mt-sm-0 mt-4">
<h6 class="event-title text-sm-start text-center">
{{ __('messages.setting.address') }}</h6>
<h5 class="event-name text-sm-start text-center mb-0">
{!! ucwords($vcard->location) !!}
</h5>
</div>
</div>
</div>
@endif
</div>
</div>
@endif
</div>
@endif
{{-- end event --}}
{{-- qr code --}}
@if (isset($vcard['show_qr_code']) && $vcard['show_qr_code'] == 1)
<div class="vcard-ten__qr-code py-4 px-sm-3 px-2 position-relative">
<h4 class="vcard-ten-heading text-center mb-3">{{ __('messages.vcard.qr_code') }}</h4>
<div class="container">
<div
class="card qr-code-card justify-content-center align-items-center px-sm-3 px-4 pt-15 pb-10 position-relative w-100 mx-auto shadow">
<div class="qr-profile mb-3 d-flex justify-content-center position-absolute top-0">
<img src="{{ $vcard->profile_url }}" alt="qr profile" class="rounded-circle"
loading="lazy" />
</div>
<div class="mt-3 qr-code-scanner mx-md-4 mx-2 p-3 mt-5 mb-5 bg-white" id="qr-code-ten">
@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
{{-- end qr code --}}
{{-- service --}}
@if ((isset($managesection) && $managesection['services']) || empty($managesection))
@if (checkFeature('services') && $vcard->services->count())
<div class="vcard-ten__service py-4 pb-3 mb-5 px-sm-3 px-2 position-relative mt-0">
<h4 class="vcard-ten-heading text-center mb-5">{{ __('messages.vcard.our_service') }}</h4>
<div class="container">
@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) > 80 ? 'more' : '' }}">
{!! $service->description !!}</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">
<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"
alt="{{ $service->name }}" loading="lazy">
</a>
<div class="card-body py-4">
<h5 class="card-title text-gray-100">
{{ ucwords($service->name) }}
</h5>
<p
class="card-text text-gray-300 {{ \Illuminate\Support\Str::length($service->description) > 80 ? 'more' : '' }}">
{!! $service->description !!}</p>
</div>
</div>
</div>
@endforeach
</div>
@endif
</div>
</div>
@endif
@endif
{{-- end our services --}}
{{-- gallery --}}
@if ((isset($managesection) && $managesection['galleries']) || empty($managesection))
@if (checkFeature('gallery') && $vcard->gallery->count())
<div class="vcard-ten__gallery py-4 pb-6 mb-4 px-sm-3 px-2 position-relative mt-0">
<h4 class="vcard-ten-heading text-center mb-3">{{ __('messages.plan.gallery') }}</h4>
<div class="container">
<div class="row g-3 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 p-4 border-0 w-100 position-relative shadow">
<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-3">
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 h-100">
</iframe>
@endif
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
@endif
@endif
{{-- end gallery --}}
{{-- product --}}
@if ((isset($managesection) && $managesection['products']) || empty($managesection))
@if (checkFeature('products') && $vcard->products->count())
<div class="vcard-ten__product pb-4 px-sm-3 px-2 position-relative mt-0">
<h4 class="vcard-ten-heading text-center mb-3">{{ __('messages.plan.products') }}</h4>
<div class="container">
<div class="row g-3 product-slider">
@foreach ($vcardProducts as $product)
<div class="col-6 h-100">
<a @if ($product->product_url) href="{{ $product->product_url }}" @endif
target="_blank" class="text-decoration-none fs-6">
<div
class="card product-card p-4 border-0 w-100 position-relative shadow h-100 card-height">
<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 class="text-white">{{ $product->name }}</h4>
<p class="mb-2 text-white">
{{ $product->description }}
</p>
@if ($product->currency_id && $product->price)
<span
class="text-whitek">{{ $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-white">{{ getUserCurrencyIcon($vcard->user->id) . ' ' . $product->price }}</span>
@endif
</div>
</div>
</a>
</div>
@endforeach
</div>
<div class="text-center pt-2 pb-8 mt-10">
<a class=" text-white"
href="{{ route('showProducts', ['id' => $vcard->id, 'alias' => $vcard->url_alias]) }}">{{ __('messages.analytics.view_more') }}</a>
</div>
</div>
</div>
@endif
@endif
{{-- end products --}}
{{-- testimonial --}}
@if ((isset($managesection) && $managesection['testimonials']) || empty($managesection))
@if (checkFeature('testimonials') && $vcard->testimonials->count())
<div class="vcard-ten__testimonial py-4 pt-0 px-sm-3 px-2 position-relative mb-5 pb-5">
<h4 class="vcard-ten-heading text-center mb-3">{{ __('messages.plan.testimonials') }}</h4>
<div class="container">
<div class="row g-3 testimonial-slider">
@foreach ($vcard->testimonials as $testimonial)
<div class="col-12 h-100">
<div
class="card justify-content-between testimonial-card p-4 border-0 w-100 position-relative shadow h-100">
<i class="fas fa-quote-left testimonial-quote"></i>
<p
class="review-message mb-3 text-sm-start text-center {{ \Illuminate\Support\Str::length($testimonial->description) > 80 ? 'more' : '' }}">
{!! $testimonial->description !!}
</p>
<div class="testimonial-user mt-auto d-flex flex-sm-row flex-column align-items-center justify-content-sm-start justify-content-center"
@if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
<img src="{{ $testimonial->image_url }}" alt="profile"
class="rounded-circle ms-2" loading="lazy" />
<div class="user-details d-flex flex-column ms-sm-3 mt-sm-0 mt-2">
<span
class="user-name text-sm-start text-center @if (getLanguage($vcard->default_language) == 'Arabic') text-sm-end" @endif>{{ ucwords($testimonial->name) }}</span>
<span class="user-designation
text-sm-start text-center"></span>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
@endif
@endif
{{-- end testimonial --}}
{{-- insta feed --}}
@if ((isset($managesection) && $managesection['insta_embed']) || empty($managesection))
@if (checkFeature('insta_embed') && $vcard->instagramEmbed->count())
<h4 class="vcard-ten-heading text-center pb-4">{{ __('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 py-0 active postbtn instagram-btn fs-2 border-0"
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 py-2 instagram-btn reelsbtn fs-2 border-0"
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>
@endif
@endif
{{-- end insta feed --}}
{{-- blog --}}
@if ((isset($managesection) && $managesection['blogs']) || empty($managesection))
@if (checkFeature('blog') && $vcard->blogs->count())
<div class="vcard-ten__blog py-5 px-sm-3 px-2 position-relative mt-0">
<h4 class="vcard-ten-heading text-center mb-3">{{ __('messages.feature.blog') }}</h4>
<div class="container">
<div class="row g-4 blog-slider overflow-hidden mb-0">
@foreach ($vcard->blogs as $blog)
<div class="col-6 mb-2">
<div class="card blog-card p-5 border-0 w-100 h-100 shadow">
<div class="blog-image">
<a
href="{{ route('vcard.show-blog', [$vcard->url_alias, $blog->id]) }}">
<img src="{{ $blog->blog_icon }}" alt="profile" class="w-100"
loading="lazy" />
</a>
</div>
<div class="blog-details mt-12">
<a href="{{ route('vcard.show-blog', [$vcard->url_alias, $blog->id]) }}"
class="text-decoration-none">
<h4 class="text-sm-start text-center title-color p-3 text-black">
{{ $blog->title }}</h4>
</a>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
@endif
@endif
{{-- end blog --}}
{{-- 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-ten__timing py-4 px-sm-3 px-2 position-relative mb-5">
<h4 class="vcard-ten-heading text-center mb-5">{{ __('messages.business.business_hours') }}
</h4>
<div class="row g-3 mx-sm-5" @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>
@endif
@endif
{{-- end business hour --}}
{{-- Appointment --}}
@if ((isset($managesection) && $managesection['appointments']) || empty($managesection))
@if (checkFeature('appointments') && $vcard->appointmentHours->count())
<div class="vcard-ten__appointment py-4 px-sm-4 px-3 my-5 position-relative ">
<h4 class="vcard-ten-heading text-center mb-5">{{ __('messages.make_appointments') }}</h4>
<div class="container">
<div class="appointment-card p-3">
<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 mt-4 d-block mx-auto ">{{ __('messages.make_appointments') }}</button>
</div>
</div>
</div>
@include('vcardTemplates.appointment')
@endif
@endif
{{-- End Appointment --}}
{{-- iframe --}}
@if ((isset($managesection) && $managesection['iframe']) || empty($managesection))
@if (checkFeature('iframes') && $vcard->iframes->count())
<div class="vcard-ten__blog py-4 px-sm-3 px-2 position-relative mt-5 mb-3 pb-7">
<h4 class="vcard-ten-heading text-center">{{ __('messages.vcard.iframe') }}</h4>
<div class="container p-0">
<div class="row g-4 iframe-slider overflow-hidden mb-0">
@foreach ($vcard->iframes as $iframe)
<div class="col-6 mb-2">
<div class="card iframe-card p-3 border-0 w-100 h-100 shadow">
<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
{{-- end iframe --}}
{{-- enquiry form --}}
@php
$currentSubs = $vcard
->subscriptions()
->where('status', \App\Models\Subscription::ACTIVE)
->latest()
->first();
@endphp
<div class="vcard-ten__contact px-sm-3 px-2 position-relative">
@if ($currentSubs && $currentSubs->plan->planFeature->enquiry_form && $vcard->enable_enquiry_form)
<h4 class="vcard-ten-heading text-center mb-3">{{ __('messages.contact_us.inquries') }}</h4>
@if (getLanguage($vcard->default_language) != 'Arabic')
<div class="container mb-10 mt-0">
<div class="row mt-4">
<div class="col-12">
<form id="enquiryForm" enctype="multipart/form-data">
@csrf
<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.phone') }}" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")">
</div>
<div class="mb-3">
<textarea class="form-control" name="message" placeholder="{{ __('messages.form.type_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="form-check 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>{{ __('messages.vcard.agree_to_our') }}</span>
<a href="{{ route('vcard.show-privacy-policy', [$vcard->url_alias, $vcard->id]) }}"
target="_blank"
class="text-decoration-none link-info fs-6">{!! __('messages.vcard.term_and_condition') !!}</a>
<span class="text-dark">&</span>
<a href="{{ route('vcard.show-privacy-policy', [$vcard->url_alias, $vcard->id]) }}"
target="_blank"
class="text-decoration-none link-info fs-6">{{ __('messages.vcard.privacy_policy') }}</a>
</label>
</div>
@endif
<button type="submit"
class="contact-btn mt-4 rounded d-block mx-auto mb-3">{{ __('messages.contact_us.send_message') }}</button>
</div>
</form>
</div>
</div>
</div>
@endif
@if (getLanguage($vcard->default_language) == 'Arabic')
<div class="container mb-10 mt-0" dir="rtl">
<div class="row mt-4">
<div class="col-12">
<form id="enquiryForm" enctype="multipart/form-data">
@csrf
<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 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.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" name="message" placeholder="{{ __('messages.form.type_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="form-check 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>{{ __('messages.vcard.agree_to_our') }}</span>
<a href="{{ route('vcard.show-privacy-policy', [$vcard->url_alias, $vcard->id]) }}"
target="_blank"
class="text-decoration-none link-info fs-6">{!! __('messages.vcard.term_and_condition') !!}</a>
<span class="text-dark">&</span>
<a href="{{ route('vcard.show-privacy-policy', [$vcard->url_alias, $vcard->id]) }}"
target="_blank"
class="text-decoration-none link-info fs-6">{{ __('messages.vcard.privacy_policy') }}</a>
</label>
</div>
@endif
<button type="submit"
class="contact-btn mt-4 rounded d-block mx-auto mb-3">{{ __('messages.contact_us.send_message') }}</button>
</div>
</form>
</div>
</div>
</div>
@endif
@endif
</div>
{{-- End enquiry form --}}
{{-- affiliate code --}}
@if ($currentSubs && $currentSubs->plan->planFeature->affiliation && $vcard->enable_affiliation)
<div class="container mb-5 pb-1">
<h4 class="vcard-ten-heading text-center mb-3">
{{ __('messages.create_vcard') }}</h4>
<div class="p-4 text-center rounded my-5 link-bg">
<a href="{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}"
target="_blank"
class="d-flex justify-content-center align-items-center text-light 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
{{-- End affiliate code --}}
{{-- 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
{{-- End map --}}
{{-- app-name and privacy-policy & term-condition --}}
<div class="d-flex justify-content-evenly pt-3">
@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-white" target="_blank">
<small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small>
</a>
@else
<div class="text-center">
<small class="text-white">{{ __('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-white" target="_blank">
<small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small>
</a>
@else
<div class="text-center">
<small class="text-white">{{ __('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-white cursor-pointer terms-policies-btn"
href="{{ route('vcard.show-privacy-policy', [$vcard->url_alias, $vcard->id]) }}"><small>{!! __('messages.vcard.term_policy') !!}</small></a>
</div>
@endif
</div>
{{-- End app-name and privacy-policy & term-condition --}}
{{-- hide stickybar --}}
<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="vcard10-sticky-btn bars-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/vcard10/sticky.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="vcard10-sticky-btn vcard10-btn-group d-flex justify-content-center align-items-center text-light 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) ? 'vcard10-btn-group' : 'stickyIcon' }}">
<button type="button"
class="vcard10-btn-group vcard10-share vcard10-sticky-btn mb-3 px-2 py-1"><i
class="fas fa-share-alt pt-1 fs-1"></i></button>
@if (!empty($vcard->enable_download_qr_code))
<a type="button"
class="vcard10-btn-group vcard10-sticky-btn d-flex justify-content-center text-white 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="vcard10-btn-group vcard10-sticky-btn d-flex justify-content-center text-white 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>
</div>
{{-- end hide stickybar --}}
{{-- add-contact --}}
<div class="w-100 d-flex justify-content-center sticky-vcard-div mb-3">
@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="add-contact-btn d-flex justify-content-center ms-0 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="add-contact-btn d-flex justify-content-center ms-0 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>
{{-- End add-contact --}}
{{-- newsLatterModal --}}
@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">
<div class="modal-content animate-bottom" id="newsLatter-content">
<div class="newsmodal-header">
<button type="button" class="btn-close p-5 position-absolute top-3 end-0"
data-bs-dismiss="modal" aria-label="Close" id="closeNewsLatterModal"></button>
<h1 class="newsmodal-title text-center mt-5" id="newsLatterModalLabel"><i
class="fa-solid fa-envelope-open-text"></i></h1>
</div>
<div class="modal-body">
<h1 class="content text-center p-2">
{{ __('messages.vcard.subscribe_newslatter') }}</h1>
<h3 class="modal-desc text-center">
{{ __('messages.vcard.update_directly') }}</h3>
<form action="" method="post" id="newsLatterForm">
@csrf
<input type="hidden" name="vcard_id" value="{{ $vcard->id }}">
<div class="input-group mb-3 mt-5">
<input type="email" class="form-control"
placeholder="{{ __('messages.form.enter_your_email') }}"
aria-label="Email" name="email" id="emailSubscription"
aria-describedby="button-addon2">
<button class="btn" type="submit" id="email-send"><i
class="fa-regular fa-envelope"></i></button>
</div>
</form>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
@endif
{{-- end newsLatterModal --}}
{{-- share modal code --}}
<div id="vcard10-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 = route('vcard.show', ['alias' => $vcard->url_alias]);
@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">
{{ route('vcard.show', ['alias' => $vcard->url_alias]) }} </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>
{{-- End share modal code --}}
</div>
</div>
</div>
</div>
@include('vcardTemplates.template.templates')
<script src="https://js.stripe.com/v3/"></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,
arrows: false,
autoplay: true,
speed: 300,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: '<button class="slide-arrow prev-arrow"></button>',
nextArrow: '<button class="slide-arrow next-arrow"></button>',
});
@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,
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: false
}
}]
});
</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 blog-prev-arrow"></button>',
nextArrow: '<button class="slide-arrow-blog 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 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 paypalUrl = "{{ route('paypal.init') }}"
let lang = "{{ checkLanguageSession($vcard->url_alias) }}";
let userDateFormate = "{{ getSuperAdminSettingValue('datetime_method') ?? 1 }}";
let userlanguage = "{{ getLanguage($vcard->default_language) }}"
</script>
<script>
const qrCodeTen = document.getElementById("qr-code-ten");
const svg = qrCodeTen.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 src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" defer></script>
</body>
</html>