| Current File : /home/getxxhzo/app.genicards.com/resources/views/vcardTemplates/vcard33.blade.php |
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<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.0" />
@if (checkFeature('seo') && $vcard->site_title && $vcard->home_title)
<title>{{ $vcard->home_title }} | {{ $vcard->site_title }}</title>
@else
<title>{{ $vcard->name }} | {{ getAppName() }}</title>
@endif
<!-- PWA -->
<meta name="theme-color" content="#6777ef" />
<link rel="apple-touch-icon" href="{{ asset('logo.png') }}">
<link rel="manifest" href="{{ asset('pwa/1.json') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Bootstrap CSS -->
<link href="{{ asset('front/css/bootstrap.min.css') }}" rel="stylesheet">
<link rel="icon" href="{{ getFaviconUrl() }}" type="image/png">
{{-- css link --}}
<link rel="stylesheet" href="{{ mix('assets/css/vcard33.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" href="{{ asset('assets/css/new_vcard/slick-theme.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/new_vcard/slick.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/new_vcard/custom.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/third-party.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 ($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 mx-auto w-100 overflow-hidden position-relative bg-black @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 text-dark support_text">{{ $banners->description }} </p>
<div class="text-center mt-3">
<a href="{{ $banners->url }}" class="act-now text-white" target="blank"
data-turbo="false">{{ $banners->banner_button }}</a>
</div>
</div>
</div>
@endif
@endif
{{-- banner img --}}
<div class="banner-section position-relative">
<div class="banner-img">
@php
$coverClass =
$vcard->cover_image_type == 0
? 'object-fit-cover w-100 h-100'
: 'object-fit-contain w-100 h-100';
@endphp
@if (strpos($vcard->cover_url, '.mp4') !== false ||
strpos($vcard->cover_url, '.mov') !== false ||
strpos($vcard->cover_url, '.avi') !== false)
<video class="cover-video {{ $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="{{ $coverClass }}" loading="lazy" />
@endif
</div>
</div>
{{-- language --}}
<div class="d-flex justify-content-end position-absolute top-0 end-0 me-3 language-btn">
@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 text-dark"
data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i
class="fa-solid fa-language me-2 text-dark"></i>{{ getLanguage($vcard->default_language) }}
</a>
<ul class="dropdown-menu start-0 top-dropdown lang-hover-list top-100 mt-0">
@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 class="overlay"></div>
{{-- profile section --}}
<div class="profile-section px-40 pb-60" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
<div class="card d-flex flex-sm-row gap-4 mb-5">
<div class="card-img position-relative">
<img src="{{ $vcard->profile_url }}" class="w-100 h-100 object-fit-cover" />
<div class="profile-bg">
<img src="{{ asset('assets/img/vcard33/headphone.png') }}" alt="bg-img" />
</div>
</div>
<div class="card-body pt-sm-4 mt-sm-3 p-0 text-sm-start text-center">
<div class="profile-name">
<h2 class="text-white mb-0 fs-28 fw-6">
{{ ucwords($vcard->first_name . ' ' . $vcard->last_name) }}
@if ($vcard->is_verified)
<i class="verification-icon bi-patch-check-fill"></i>
@endif
</h2>
<p class="fs-20 text-primary mb-0 fw-6">{{ ucwords($vcard->occupation) }}</p>
<p class="fs-20 text-primary mb-0 fw-6">{{ ucwords($vcard->job_title) }}</p>
<p class="fs-20 text-primary mb-0 fw-6">{{ ucwords($vcard->company) }}</p>
</div>
</div>
</div>
<div class="text-gray">
<p class="text-gray profile-desc mb-0 fs-14 text-sm-start text-center">
{!! $vcard->description !!}
</p>
</div>
</div>
{{-- social-media --}}
<div class="social-media-section px-40" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
@if (checkFeature('social_links') && getSocialLink($vcard))
<div class="social-media d-flex flex-wrap justify-content-center">
@foreach (getSocialLink($vcard) as $value)
<span class="social-icon d-flex justify-content-center align-items-center">
{!! $value !!}
</span>
@endforeach
</div>
@endif
</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
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>
{{-- contact section --}}
@if ((isset($managesection) && $managesection['contact_list']) || empty($managesection))
<div class="contact-section pt-60 px-40">
@if (getLanguage($vcard->default_language) != 'Arabic')
<div class="row">
@if ($vcard->email)
<div class="col-sm-6 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center me-2">
<img src="{{ asset('assets/img/vcard33/email.png') }}" />
</div>
<div class="contact-desc">
<a href="mailto:{{ $vcard->email }}"
class="text-white fw-5">{{ $vcard->email }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_email)
<div class="col-sm-6 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center me-2">
<img src="{{ asset('assets/img/vcard33/email.png') }}" />
</div>
<div class="contact-desc">
<a href="mailto:{{ $vcard->email }}"
class="text-white fw-5">{{ $vcard->email }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->phone)
<div class="col-sm-6 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center me-2">
<img src="{{ asset('assets/img/vcard33/phone.png') }}" />
</div>
<div class="contact-desc">
<a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}"
class="text-white fw-5">+{{ $vcard->region_code }}{{ $vcard->phone }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_phone)
<div class="col-sm-6 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center me-2">
<img src="{{ asset('assets/img/vcard33/phone.png') }}" />
</div>
<div class="contact-desc">
<a href="tel:+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_phone }}"
class="text-white fw-5">+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_phone }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->dob)
<div class="col-sm-6 mb-sm-0 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center me-2">
<img src="{{ asset('assets/img/vcard33/dob.png') }}" />
</div>
<div class="contact-desc">
<p class="mb-0 text-white fw-5">{{ $vcard->dob }}</p>
</div>
</div>
</div>
@endif
@if ($vcard->location)
<div class="col-sm-6">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center me-2">
<img src="{{ asset('assets/img/vcard33/location.png') }}" />
</div>
<div class="contact-desc">
<p class="mb-0 text-white fw-5">{!! ucwords($vcard->location) !!}</p>
</div>
</div>
</div>
@endif
</div>
@endif
@if (getLanguage($vcard->default_language) == 'Arabic')
<div class="row" dir="rtl">
@if ($vcard->email)
<div class="col-sm-6 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<img src="{{ asset('assets/img/vcard33/email.png') }}" />
</div>
<div class="contact-desc">
<a href="mailto:{{ $vcard->email }}"
class="text-white fw-5">{{ $vcard->email }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_email)
<div class="col-sm-6 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<img src="{{ asset('assets/img/vcard33/email.png') }}" />
</div>
<div class="contact-desc">
<a href="mailto:{{ $vcard->email }}"
class="text-white fw-5">{{ $vcard->email }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->phone)
<div class="col-sm-6 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<img src="{{ asset('assets/img/vcard33/email.png') }}" />
</div>
<div class="contact-desc" dir="ltr">
<a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}"
class="text-white fw-5">+{{ $vcard->region_code }}{{ $vcard->phone }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_phone)
<div class="col-sm-6 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<img src="{{ asset('assets/img/vcard33/email.png') }}" />
</div>
<div class="contact-desc" dir="ltr">
<a href="tel:+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_phone }}"
class="text-white fw-5">+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_phone }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->dob)
<div class="col-sm-6 mb-sm-0 mb-4">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<img src="{{ asset('assets/img/vcard33/dob.png') }}" />
</div>
<div class="contact-desc">
<p class="mb-0 text-white fw-5">{{ $vcard->dob }}</p>
</div>
</div>
</div>
@endif
@if ($vcard->location)
<div class="col-sm-6">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<img src="{{ asset('assets/img/vcard33/location.png') }}" />
</div>
<div class="contact-desc">
<p class="mb-0 text-white fw-5">{!! ucwords($vcard->location) !!}</p>
</div>
</div>
</div>
@endif
</div>
@endif
</div>
@endif
{{-- gallery --}}
@if ((isset($managesection) && $managesection['galleries']) || empty($managesection))
<div class="gallery-section pt-60 position-relative">
<div class="gallery-bg text-end">
<img src="{{ asset('assets/img/vcard33/gallery-bg.png') }}" alt="bg-img" />
</div>
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.plan.gallery') }}</h2>
</div>
<div class="gallery-slider px-sm-0 px-40">
@foreach ($vcard->gallery as $file)
@php
$infoPath = pathinfo(public_path($file->gallery_image));
$extension = $infoPath['extension'];
@endphp
<div class="slide px-sm-2 px-1">
<div class="gallery-img">
@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 h-100 object-fit-cover" 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 gallery-file-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)
<video width="100%" height="100%" class="object-fit-cover" controls>
<source src="{{ $file->gallery_image }}">
</video>
@elseif($file->type == App\Models\Gallery::TYPE_AUDIO)
<div class="audio-container mt-2">
<img src="{{ asset('assets/img/music.jpeg') }}" alt="Album Cover"
class="audio-image">
<audio controls src="{{ $file->gallery_image }}" class="audio-control">
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="315">
</iframe>
@endif
</div>
</div>
@endforeach
</div>
</div>
@endif
{{-- our service --}}
@if ((isset($managesection) && $managesection['services']) || empty($managesection))
@if (checkFeature('services') && $vcard->services->count())
<div class="our-services-section pt-60 px-40">
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.vcard.our_service') }}</h2>
</div>
<div class="services">
@if ($vcard->services_slider_view)
<div class="row services-slider-view">
@foreach ($vcard->services as $service)
<div class="col-sm-6 mb-40">
<div class="service-card h-100">
<div
class="card-img d-flex justify-content-center align-items-center mb-4">
<a href="{{ $service->service_url ?? 'javascript:void(0)' }}"
class="{{ $service->service_url ? 'pe-auto' : 'pe-none' }}"
target="{{ $service->service_url ? '_blank' : '' }}">
<img src="{{ $service->service_icon }}" alt="branding"
loading="lazy" class="h-100 w-100 object-fit-cover" />
</a>
</div>
<div class="card-body p-0">
<h3 class="card-title fs-18 fw-6 text-white mb-10">
{{ ucwords($service->name) }}
</h3>
<p
class="mb-0 fs-14 text-gray {{ \Illuminate\Support\Str::length($service->description) > 80 ? 'more' : '' }}">
{!! $service->description !!}
</p>
</div>
</div>
</div>
@endforeach
</div>
@else
<div class="row">
@foreach ($vcard->services as $service)
<div class="col-sm-6 mb-3">
<div class="service-card h-100">
<div
class="card-img d-flex justify-content-center align-items-center mb-4">
<a href="{{ $service->service_url ?? 'javascript:void(0)' }}"
class="{{ $service->service_url ? 'pe-auto' : 'pe-none' }}"
target="{{ $service->service_url ? '_blank' : '' }}">
<img src="{{ $service->service_icon }}" alt="branding"
loading="lazy" class="h-100 w-100 object-fit-cover" />
</a>
</div>
<div class="card-body p-0">
<h3 class="card-title fs-18 fw-6 text-white mb-10">
{{ ucwords($service->name) }}
</h3>
<p
class="mb-0 fs-14 text-gray {{ \Illuminate\Support\Str::length($service->description) > 80 ? 'more' : '' }}">
{!! $service->description !!}
</p>
</div>
</div>
</div>
@endforeach
</div>
@endif
</div>
</div>
@endif
@endif
{{-- make appointment --}}
@if ((isset($managesection) && $managesection['appointments']) || empty($managesection))
@if (checkFeature('appointments') && $vcard->appointmentHours->count())
<div class="appointment-section pt-60 px-40" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.make_appointments') }}</h2>
</div>
<div class="appointment">
<div class="row">
<div class="col-sm-2">
<label class="mt-sm-3 mb-2 fw-5 text-white">{{ __('messages.date') }}:</label>
</div>
<div class="col-sm-10 mb-4">
<div class="position-relative">
{{ Form::text('date', null, [
'class' => 'date appoint-input form-control appointment-input text-start',
'placeholder' => __('messages.form.pick_date'),
'id' => 'pickUpDate',
]) }}
<span class="calendar-icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M6.25 9.375V10.625C6.25 10.9705 5.97047 11.25 5.625 11.25H4.375C4.02953 11.25 3.75 10.9705 3.75 10.625V9.375C3.75 9.02953 4.02953 8.75 4.375 8.75H5.625C5.97047 8.75 6.25 9.02953 6.25 9.375ZM5.625 13.75H4.375C4.02953 13.75 3.75 14.0295 3.75 14.375V15.625C3.75 15.9705 4.02953 16.25 4.375 16.25H5.625C5.97047 16.25 6.25 15.9705 6.25 15.625V14.375C6.25 14.0295 5.97047 13.75 5.625 13.75ZM10.625 8.75H9.375C9.02953 8.75 8.75 9.02953 8.75 9.375V10.625C8.75 10.9705 9.02953 11.25 9.375 11.25H10.625C10.9705 11.25 11.25 10.9705 11.25 10.625V9.375C11.25 9.02953 10.9705 8.75 10.625 8.75ZM10.625 13.75H9.375C9.02953 13.75 8.75 14.0295 8.75 14.375V15.625C8.75 15.9705 9.02953 16.25 9.375 16.25H10.625C10.9705 16.25 11.25 15.9705 11.25 15.625V14.375C11.25 14.0295 10.9705 13.75 10.625 13.75ZM15.625 8.75H14.375C14.0295 8.75 13.75 9.02953 13.75 9.375V10.625C13.75 10.9705 14.0295 11.25 14.375 11.25H15.625C15.9705 11.25 16.25 10.9705 16.25 10.625V9.375C16.25 9.02953 15.9705 8.75 15.625 8.75ZM15.625 13.75H14.375C14.0295 13.75 13.75 14.0295 13.75 14.375V15.625C13.75 15.9705 14.0295 16.25 14.375 16.25H15.625C15.9705 16.25 16.25 15.9705 16.25 15.625V14.375C16.25 14.0295 15.9705 13.75 15.625 13.75ZM4.375 3.75H5.625C5.97047 3.75 6.25 3.47047 6.25 3.125V0.625C6.25 0.279531 5.97047 0 5.625 0H4.375C4.02953 0 3.75 0.279531 3.75 0.625V3.125C3.75 3.47047 4.02953 3.75 4.375 3.75ZM20 5V17.5C20 18.8806 18.8806 20 17.5 20H2.5C1.11937 20 0 18.8806 0 17.5V5C0 3.61937 1.11937 2.5 2.5 2.5H3.125V3.125C3.125 3.81348 3.6859 4.375 4.375 4.375H5.625C6.3141 4.375 6.875 3.81348 6.875 3.125V2.5H13.125V3.125C13.125 3.81348 13.6865 4.375 14.375 4.375H15.625C16.3135 4.375 16.875 3.81348 16.875 3.125V2.5H17.5C18.8806 2.5 20 3.61937 20 5ZM18.75 7.5C18.75 6.81152 18.1897 6.25 17.5 6.25H2.5C1.8109 6.25 1.25 6.81152 1.25 7.5V17.5C1.25 18.1897 1.8109 18.75 2.5 18.75H17.5C18.1897 18.75 18.75 18.1897 18.75 17.5V7.5ZM14.375 3.75H15.625C15.9705 3.75 16.25 3.47047 16.25 3.125V0.625C16.25 0.279531 15.9705 0 15.625 0H14.375C14.0295 0 13.75 0.279531 13.75 0.625V3.125C13.75 3.47047 14.0295 3.75 14.375 3.75Z"
fill="#0BC5FF" />
</svg>
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<label class="mt-sm-3 mb-2 fw-5 text-white">{{ __('messages.hour') }}:</label>
</div>
<div class="col-sm-10">
<div id="slotData" class="row ">
</div>
<div class="mt-3">
<button class="appoint-btn appointmentAdd btn btn-gradient w-100">
{{ __('messages.make_appointments') }}
</button>
</div>
</div>
</div>
</div>
</div>
@include('vcardTemplates.appointment')
@endif
@endif
{{-- product --}}
@if ((isset($managesection) && $managesection['products']) || empty($managesection))
@if (checkFeature('products') && $vcard->products->count())
<div class="product-section pt-60 px-4 position-relative">
<div class="product-bg">
<img src="{{ asset('assets/img/vcard33/product-bg.png') }}" alt="bg-img" />
</div>
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.plan.products') }}</h2>
</div>
<div class="product-slider">
@foreach ($vcard->products as $product)
<div>
<div class="product-card card">
<a @if ($product->product_url) href="{{ $product->product_url }}" @endif
target="_blank"
class="text-decoration-none fs-6 position-relative d-block h-100">
<div class="product-img card-img position-relative">
<img src="{{ $product->product_icon }}"
class="w-100 h-100 object-fit-cover" />
</div>
<div class="product-desc card-body">
<div class="d-flex justify-content-between align-items-center mb-1">
<h3 class="text-white fs-18 fw-5 mb-0">{{ $product->name }}</h3>
<p class="amount fs-18 mb-0 fw-6 text-primary">
@if ($product->currency_id && $product->price)
<span
class="fs-18 fw-6 text-primary">{{ $product->currency->currency_icon }}{{ number_format($product->price, 2) }}</span>
@elseif($product->price)
<span
class="fs-18 fw-6 text-primary">{{ getUserCurrencyIcon($vcard->user->id) . ' ' . $product->price }}</span>
@endif
</p>
</div>
<p class="fs-14 text-gray mb-0">
{{ $product->description }}
</p>
</div>
</a>
</div>
</div>
@endforeach
</div>
<div class="me-5 mt-3 text-center view-more mb-5">
<a class="fs-6 text text-decoration-underline text-primary ms-5"
href="{{ route('showProducts', ['id' => $vcard->id, 'alias' => $vcard->url_alias]) }}">{{ __('messages.analytics.view_more') }}</a>
</div>
</div>
@endif
@endif
{{-- testimonials --}}
@if ((isset($managesection) && $managesection['testimonials']) || empty($managesection))
@if (checkFeature('testimonials') && $vcard->testimonials->count())
<div class="testimonial-section pt-60 px-40">
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.plan.testimonials') }}</h2>
</div>
<div class="testimonial-slider">
@foreach ($vcard->testimonials as $testimonial)
<div>
<div class="testimonial-card card">
<div class="card-img testimonial-profile-img mb-4">
<img src="{{ $testimonial->image_url }}"
class="w-100 h-100 object-fit-cover rounded-circle" />
</div>
<div class="card-body p-0 text-center">
<h3 class="text-white fs-18 mb-10">{{ ucwords($testimonial->name) }}</h3>
<p
class="desc text-gray fs-14 mb-0 {{ \Illuminate\Support\Str::length($testimonial->description) > 80 ? 'more' : '' }}">
{!! $testimonial->description !!}
</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
@endif
@endif
{{-- insta feed --}}
@if ((isset($managesection) && $managesection['insta_embed']) || empty($managesection))
@if (checkFeature('insta_embed') && $vcard->instagramEmbed->count())
<div class="">
<div class="section-heading mb-5 mt-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.feature.insta_embed') }}</h2>
</div>
<nav>
<div class="row insta-toggle">
<div class="nav nav-tabs border-0 px-0" id="nav-tab" role="tablist">
<button
class="d-flex align-items-center justify-content-center py-2 active postbtn instagram-btn border-0 text-dark"
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 border-0 text-dark mr-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>
<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
{{-- blog --}}
@if ((isset($managesection) && $managesection['blogs']) || empty($managesection))
@if (checkFeature('blog') && $vcard->blogs->count())
<div class="blog-section pt-60">
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.feature.blog') }}</h2>
</div>
<div class="blog-slider px-30">
@foreach ($vcard->blogs as $blog)
<div>
<div class="blog-card card" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
<div class="card-img">
<a href="{{ route('vcard.show-blog', [$vcard->url_alias, $blog->id]) }}">
<img src="{{ $blog->blog_icon }}"
class="w-100 h-100 object-fit-cover" />
</a>
</div>
<div class="card-body">
<h2 class="fs-18 fw-5 text-white mb-10">{{ $blog->title }}</h2>
<p class="text-gray blog-desc fw-5 fs-14 mb-0">
{{ Illuminate\Support\Str::words(strip_tags($blog->description), 100, '...') }}
</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
@endif
@endif
{{-- buisness hours --}}
@if ((isset($managesection) && $managesection['business_hours']) || empty($managesection))
@if ($vcard->businessHours->count())
@php
$todayWeekName = strtolower(\Carbon\Carbon::now()->rawFormat('D'));
@endphp
<div class="business-hour-section pt-60 pb-60 px-40">
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.business.business_hours') }}</h2>
</div>
@if (getLanguage($vcard->default_language) != 'Arabic')
<div class="business-hour-card row justify-content-center">
@foreach ($businessDaysTime as $key => $dayTime)
<div class="col-sm-6 mb-3 pe-sm-2">
<div class="business-hour">
<span
class="me-2">{{ __('messages.business.' . \App\Models\BusinessHour::DAY_OF_WEEK[$key]) }}:</span>
<span>{{ $dayTime ?? __('messages.common.closed') }}</span>
</div>
</div>
@endforeach
</div>
@endif
@if (getLanguage($vcard->default_language) == 'Arabic')
<div class="business-hour-card row justify-content-center" dir="rtl">
@foreach ($businessDaysTime as $key => $dayTime)
<div class="col-sm-6 mb-3 pe-sm-2">
<div class="business-hour">
<span
class="ms-2">{{ __('messages.business.' . \App\Models\BusinessHour::DAY_OF_WEEK[$key]) }}:</span>
<span>{{ $dayTime ?? __('messages.common.closed') }}</span>
</div>
</div>
@endforeach
</div>
@endif
</div>
@endif
@endif
{{-- qrcode --}}
@if (isset($vcard['show_qr_code']) && $vcard['show_qr_code'] == 1)
<div class="qr-code-section pt-30 pb-60 px-40">
<div class="section-heading mb-5 pb-30 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.vcard.qr_code') }}</h2>
</div>
<div
class="qr-code mx-auto mt-5 position-relative @if (getLanguage($vcard->default_language) == 'Arabic') dir="
rtl" @endif">
<div class="qr-profile-img">
<img src="{{ $vcard->profile_url }}"
class="w-100 h-100 object-fit-cover rounded-circle" />
</div>
<div class="qr-code-img mx-auto" id="qr-code-thirtyone">
@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>
@endif
{{-- iframe --}}
@if ((isset($managesection) && $managesection['iframe']) || empty($managesection))
@if (checkFeature('iframes') && $vcard->iframes->count())
<div class="blog-section pt-40 mb-3">
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.vcard.iframe') }}</h2>
</div>
<div class="iframe-slider">
@foreach ($vcard->iframes as $iframe)
<div class="slide p-3">
<div class="iframe-card">
<div class="overlay">
<iframe src="{{ $iframe->url }}" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen width="100%" height="350">
</iframe>
</div>
</div>
</div>
@endforeach
</div>
</div>
@endif
@endif
{{-- inquiries --}}
@php
$currentSubs = $vcard
->subscriptions()
->where('status', \App\Models\Subscription::ACTIVE)
->latest()
->first();
@endphp
@if ($currentSubs && $currentSubs->plan->planFeature->enquiry_form && $vcard->enable_enquiry_form)
<div class="contact-us-section pt-60 pb-40 px-40">
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.contact_us.inquries') }}</h2>
</div>
@if (getLanguage($vcard->default_language) != 'Arabic')
<div class="contact-form">
<form action="" id="enquiryForm" enctype="multipart/form-data">
@csrf
<div class="row">
<div id="enquiryError" class="alert alert-danger d-none"></div>
<div class="col-sm-6">
<input type="text" class="form-control"
placeholder="{{ __('messages.form.your_name') }}" name="name" />
</div>
<div class="col-sm-6">
<input type="tel" class="form-control"
placeholder="{{ __('messages.form.phone') }}" name="phone" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")"/>
</div>
<div class="col-12">
<input type="email" class="form-control"
placeholder="{{ __('messages.form.your_email') }}" name="email" />
</div>
<div class="col-12">
<textarea class="form-control h-100" placeholder="{{ __('messages.form.type_message') }}" name="message"
rows="3"></textarea>
</div>
@if (isset($inquiry) && $inquiry == 1)
<div class="mb-3 mt-3">
<div class="wrapper-file-input">
<div class="input-box" id="fileInputTrigger">
<h4> <i
class="fa-solid fa-upload me-2"></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="col-12 mb-4 mt-2">
<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-gray">{{ __('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-gray">&</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
<div class="col-12 text-center">
<button class="btn btn-gradient w-100 send-btn" type="submit">
{{ __('messages.contact_us.send_message') }}
</button>
</div>
</div>
</form>
</div>
@endif
@if (getLanguage($vcard->default_language) == 'Arabic')
<div class="contact-form" dir="rtl">
<form action="" id="enquiryForm" enctype="multipart/form-data">
@csrf
<div class="row">
<div id="enquiryError" class="alert alert-danger d-none"></div>
<div class="col-sm-6">
<input type="text" class="form-control text-start"
placeholder="{{ __('messages.form.your_name') }}" name="name" />
</div>
<div class="col-sm-6">
<input type="tel" class="form-control text-start"
placeholder="{{ __('messages.form.phone') }}" name="phone" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")"/>
</div>
<div class="col-12">
<input type="email" class="form-control text-start"
placeholder="{{ __('messages.form.your_email') }}" name="email" />
</div>
<div class="col-12">
<textarea class="form-control text-start h-100" placeholder="{{ __('messages.form.type_message') }}" name="message"
rows="3"></textarea>
</div>
@if (isset($inquiry) && $inquiry == 1)
<div class="mb-3 mt-2">
<div class="wrapper-file-input">
<div class="input-box" id="fileInputTrigger">
<h4> <i
class="fa-solid fa-upload me-2"></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="col-12 mb-4">
<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="{{ 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
<div class="col-12 text-center">
<button class="btn btn-gradient w-100 send-btn" type="submit">
{{ __('messages.contact_us.send_message') }}
</button>
</div>
</div>
</form>
</div>
@endif
</div>
@endif
{{-- create your vcard --}}
<div class="create-vcard-img">
<img src="{{ asset('assets/img/vcard33/create-vcard.png') }}" class="w-100" alt="bg-img" />
</div>
@if ($currentSubs && $currentSubs->plan->planFeature->affiliation && $vcard->enable_affiliation)
<div class="create-vcard-section pt-40 px-40">
<div class="content">
<div class="section-heading mb-5 text-center text-white">
<h2 class="mb-0 fw-6">{{ __('messages.create_vcard') }}</h2>
</div>
<div class="pb-5">
<div class="vcard-link-card card mx-sm-4 mb-5">
<div class="d-flex align-items-center justify-content-center">
<a href="{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}"
class="text-primary link-text fw-normal">{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}</a>
<i class="icon fa-solid fa-arrow-up-right-from-square ms-4 text-primary"></i>
</div>
</div>
</div>
</div>
</div>
@endif
{{-- map --}}
@if ((isset($managesection) && $managesection['map']) || empty($managesection))
<div class="container">
<div class="d-flex flex-column justify-content-center mt-2 mb-sm-5">
@if ($vcard->location_url && isset($url[5]))
<div class="m-2 mb-10 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
</div>
</div>
@endif
{{-- add to contact --}}
@if ($vcard->enable_contact)
<div class="add-to-contact-section">
<div class="text-center d-flex align-items-center justify-content-center"
@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 add-contact-btn rounded-4 btn btn-gradient {{ 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 rounded-4 btn btn-gradient"><i
class="fas fa-download fa-address-book"></i>
{{ __('messages.setting.add_contact') }}</a>
@endif
</div>
</div>
@include('vcardTemplates.contact-request')
@endif
{{-- made by --}}
<div class="d-flex justify-content-evenly">
@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-gray" target="_blank">
<small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small>
</a>
@else
<div class="text-center">
<small class="text-gray">{{ __('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-gray" target="_blank">
<small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small>
</a>
@else
<div class="text-center">
<small class="text-gray">{{ __('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-gray 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>
{{-- sticky btns --}}
<div class="btn-section cursor-pointer @if (getLanguage($vcard->default_language) == 'Arabic') rtl @endif">
<div class="fixed-btn-section">
@if (empty($vcard->hide_stickybar))
<div class="bars-btn marriage-bars-btn">
<img src="{{ asset('assets/img/vcard33/sticky.png') }}" />
</div>
@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="bg-black search-wrapper">
<div class="vcard33-sticky-btn">
<div class="vcard33-btn-group wp-btn">
{{-- <i class="fab text-gradient fa-whatsapp fa-2x" id="wpIcon"></i> --}}
<svg width="25" height="25" viewBox="0 0 25 25"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M21.3057 3.63045C18.955 1.2907 15.8277 0.00133515 12.4994 0C9.17859 0 6.04639 1.28822 3.68014 3.6274C1.3097 5.97057 0.00305469 9.08451 0 12.3842V12.388V12.3903C0.000381837 14.3875 0.525598 16.4022 1.52257 18.2413L0.0341744 25L6.87726 23.4449C8.61042 24.3176 10.5442 24.7776 12.4947 24.7784H12.4996C15.8199 24.7784 18.9521 23.49 21.3187 21.1506C23.6913 18.8055 24.9985 15.6956 25 12.3938C25.001 9.11522 23.6892 6.003 21.3057 3.63045ZM12.4994 22.8271H12.495C10.7437 22.8264 9.00848 22.3871 7.47713 21.5565L7.15352 21.381L2.60317 22.415L3.59156 17.9274L3.40102 17.5991C2.45368 15.967 1.9531 14.1653 1.9531 12.3882C1.95672 6.63624 6.6873 1.95122 12.499 1.95122C15.3067 1.95236 17.9448 3.03974 19.9273 5.0127C21.9398 7.01618 23.0477 9.63726 23.0467 12.3932C23.0444 18.1465 18.3129 22.8271 12.4994 22.8271Z"
fill="url(#paint0_linear_4098_691)" />
<path
d="M9.09818 6.92676H8.55024C8.35951 6.92676 8.04984 6.99809 7.7879 7.28286C7.52577 7.56782 6.78711 8.25656 6.78711 9.65732C6.78711 11.0581 7.81177 12.4115 7.95458 12.6017C8.09757 12.7917 9.93249 15.758 12.8387 16.8991C15.254 17.8475 15.7456 17.6588 16.2696 17.6113C16.7939 17.564 17.9614 16.9228 18.1996 16.2581C18.4379 15.5934 18.4379 15.0235 18.3665 14.9044C18.2949 14.7858 18.1042 14.7147 17.8184 14.5724C17.5324 14.4299 16.131 13.7295 15.8689 13.6343C15.6068 13.5395 15.4162 13.492 15.2255 13.7772C15.0348 14.0618 14.4733 14.7202 14.3064 14.9102C14.1398 15.1003 13.9729 15.1242 13.6869 14.9817C13.4009 14.8388 12.4895 14.5329 11.3972 13.5632C10.5471 12.8084 9.95712 11.846 9.79026 11.561C9.62358 11.2763 9.7725 11.1222 9.91588 10.9801C10.0444 10.8527 10.2179 10.6783 10.3609 10.5122C10.5037 10.3459 10.5444 10.2272 10.6398 10.0373C10.7351 9.84729 10.6874 9.68097 10.616 9.53868C10.5444 9.3962 9.99568 7.98839 9.74138 7.42534H9.74157C9.52736 6.95117 9.30189 6.93515 9.09818 6.92676Z"
fill="url(#paint1_linear_4098_691)" />
<defs>
<linearGradient id="paint0_linear_4098_691" x1="15.121"
y1="-8.95833" x2="-2.9946" y2="-1.25231"
gradientUnits="userSpaceOnUse">
<stop stop-color="#158FFF" />
<stop offset="1" stop-color="#01FCFF" />
</linearGradient>
<linearGradient id="paint1_linear_4098_691" x1="13.8159"
y1="3.0812" x2="5.61204" y2="6.86013"
gradientUnits="userSpaceOnUse">
<stop stop-color="#158FFF" />
<stop offset="1" stop-color="#01FCFF" />
</linearGradient>
</defs>
</svg>
</div>
</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="vcard33-btn-group d-flex justify-content-center text-primary align-items-center rounded-0 text-decoration-none py-1 rounded-pill justify-content share-wp-btn d-flex justify-content-center align-items-center">
<div class="wp-bg d-flex justify-content-center align-items-center">
<i class="fa-solid fa-paper-plane"></i>
</div>
</a>
</div>
</div>
</div>
@endif
@if (empty($vcard->hide_stickybar))
<div class="{{ isset($vcard->whatsapp_share) ? '' : 'stickyIcon' }}">
<div class="vcard33-sticky-btn mb-3">
<button type="button" class="vcard33-btn-group vcard33-share">
{{-- <i class="fas fa-share-alt fs-4 pt-1 text-gradient"></i> --}}
<svg width="23" height="25" viewBox="0 0 23 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M18.6875 16.2109C17.2672 16.2109 16.0156 16.9229 15.2295 18.0056L8.43285 14.4592C8.5457 14.0672 8.625 13.661 8.625 13.2324C8.625 12.6511 8.50803 12.0984 8.30597 11.59L15.419 7.22832C16.2105 8.175 17.3741 8.78906 18.6875 8.78906C21.0656 8.78906 23 6.81782 23 4.39453C23 1.97124 21.0656 0 18.6875 0C16.3094 0 14.375 1.97124 14.375 4.39453C14.375 4.95298 14.4878 5.48272 14.6751 5.97451L7.54089 10.349C6.74997 9.43047 5.60323 8.83789 4.3125 8.83789C1.93444 8.83789 0 10.8091 0 13.2324C0 15.6557 1.93444 17.627 4.3125 17.627C5.75623 17.627 7.02894 16.8941 7.81209 15.781L14.5864 19.3159C14.4616 19.7263 14.375 20.1538 14.375 20.6055C14.375 23.0288 16.3094 25 18.6875 25C21.0656 25 23 23.0288 23 20.6055C23 18.1822 21.0656 16.2109 18.6875 16.2109Z"
fill="url(#paint0_linear_4098_698)" />
<defs>
<linearGradient id="paint0_linear_4098_698" x1="13.9113"
y1="-8.95833" x2="-3.15673" y2="-2.27875"
gradientUnits="userSpaceOnUse">
<stop stop-color="#158FFF" />
<stop offset="1" stop-color="#01FCFF" />
</linearGradient>
</defs>
</svg>
</button>
</div>
@if (!empty($vcard->enable_download_qr_code))
<div class="vcard33-sticky-btn">
<a type="button"
class="vcard33-btn-group d-flex justify-content-center align-items-center "
id="qr-code-btn" download="qr_code.png"><i
class="fa-solid fa-qrcode fs-4 text-primary"></i></a>
</div>
@endif
</div>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
{{-- newslatter 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">
<div class="modal-content animate-bottom" id="newsLatter-content">
<div class="newsmodal-header">
<button type="button" class="btn-close text-light position-absolute top-0 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 text-gradient"></i> --}}
<svg width="60" height="60" viewBox="0 0 60 60" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M25.2422 11.25H16.875H12.6328H11.25V12.2812V16.875V21.6094V32.0391L0.0234375 23.7305C0.210938 21.6094 1.30078 19.6406 3.03516 18.3633L5.625 16.4414V11.25C5.625 8.14453 8.14453 5.625 11.25 5.625H20.2266L26.0742 1.30078C27.2109 0.457031 28.582 0 30 0C31.418 0 32.7891 0.457031 33.9258 1.28906L39.7734 5.625H48.75C51.8555 5.625 54.375 8.14453 54.375 11.25V16.4414L56.9648 18.3633C58.6992 19.6406 59.7891 21.6094 59.9766 23.7305L48.75 32.0391V21.6094V16.875V12.2812V11.25H47.3672H43.125H34.7578H25.2305H25.2422ZM0 52.5V28.3711L25.5 47.2617C26.8008 48.2227 28.3828 48.75 30 48.75C31.6172 48.75 33.1992 48.2344 34.5 47.2617L60 28.3711V52.5C60 56.6367 56.6367 60 52.5 60H7.5C3.36328 60 0 56.6367 0 52.5ZM20.625 18.75H39.375C40.4062 18.75 41.25 19.5938 41.25 20.625C41.25 21.6562 40.4062 22.5 39.375 22.5H20.625C19.5938 22.5 18.75 21.6562 18.75 20.625C18.75 19.5938 19.5938 18.75 20.625 18.75ZM20.625 26.25H39.375C40.4062 26.25 41.25 27.0938 41.25 28.125C41.25 29.1562 40.4062 30 39.375 30H20.625C19.5938 30 18.75 29.1562 18.75 28.125C18.75 27.0938 19.5938 26.25 20.625 26.25Z"
fill="url(#paint0_linear_4298_680)" />
<defs>
<linearGradient id="paint0_linear_4298_680" x1="36.2903" y1="-21.5"
x2="-7.18704" y2="-3.00555" gradientUnits="userSpaceOnUse">
<stop stop-color="#158FFF" />
<stop offset="1" stop-color="#01FCFF" />
</linearGradient>
</defs>
</svg>
</h1>
</div>
<div class="modal-body">
<h1 class="content text-center text-gradient p-lg-0">
{{ __('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 text-dark"
placeholder="{{ __('messages.form.enter_your_email') }}" name="email"
id="emailSubscription" aria-label="Email" 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
{{-- share modal code --}}
<div id="vcard33-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 text-center">
<button type="button" aria-label="Close"
class="btn btn-sm btn-icon btn-active-color-danger border-none p-0"
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 fw-bolder">
{{ __('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 class="fa-2x"><svg xmlns="http://www.w3.org/2000/svg" height="1em"
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 fw-bolder">
{{ __('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 fw-bolder">
{{ __('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 fw-bolder">
{{ __('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 fw-bolder">
{{ __('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 fw-bolder">
{{ __('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 fw-bolder">
{{ __('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 fw-bolder">
{{ __('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 copy-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>
</body>
<script>
@if (isset(checkFeature('advanced')->custom_js) && $vcard->custom_js)
{!! $vcard->custom_js !!}
@endif
</script>
@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
@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
$().ready(function() {
$(".gallery-slider").slick({
slidesToShow: 1,
slidesToScroll: 1,
centerMode: true,
arrows: false,
dots: false,
speed: 300,
centerPadding: "124px",
infinite: true,
autoplaySpeed: 5000,
autoplay: true,
responsive: [{
breakpoint: 768,
settings: {
centerPadding: "104px",
},
},
{
breakpoint: 575,
settings: {
centerPadding: "0",
},
},
],
});
$(".product-slider").slick({
arrows: false,
infinite: true,
dots: false,
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
responsive: [{
breakpoint: 575,
settings: {
slidesToShow: 1,
},
}, ],
});
$(".iframe-slider").slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
speed: 300,
infinite: true,
autoplaySpeed: 5000,
autoplay: false,
responsive: [{
breakpoint: 575,
settings: {
centerPadding: "125px",
dots: true,
},
},
{
breakpoint: 480,
settings: {
centerPadding: "0",
dots: true,
},
},
],
});
$(".testimonial-slider").slick({
arrows: false,
infinite: true,
dots: false,
slidesToShow: 1,
autoplay: true,
prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-arrow-left"></i></button>',
nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-arrow-right"></i></button>',
responsive: [{
breakpoint: 575,
settings: {
arrows: false,
},
}, ],
});
$(".blog-slider").slick({
slidesToShow: 2,
slidesToScroll: 1,
arrows: false,
dots: false,
speed: 300,
infinite: true,
autoplay: true,
responsive: [{
breakpoint: 575,
settings: {
slidesToShow: 1,
},
}, ],
});
@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>
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 qrCodeThirtyone = document.getElementById("qr-code-thirtyone");
const svg = qrCodeThirtyone.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') }}"></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>
</html>