| Current File : /home/getxxhzo/app.genicards.com/resources/views/vcardTemplates/vcard32.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="{{ asset('assets/css/vcard32.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 @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-bg">
<img src="{{ asset('assets/img/vcard32/banner-bg.png') }}" alt="bg-img" />
</div>
<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>
<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-3 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 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=" d-flex flex-sm-row gap-4 flex-column px-30">
<div class="profile-section @if (getLanguage($vcard->default_language) == 'Arabic') rtl @endif">
<div class="card flex-sm-row gap-4 mb-20">
<div class="card-img">
<img src="{{ $vcard->profile_url }}" class="w-100 h-100 object-fit-cover"
loading="lazy" />
</div>
<div class="card-body pt-sm-3 p-0 text-sm-start text-center">
<div class="profile-name">
<h2 class="text-secondary mb-0 fs-30 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-18 text-gray mb-0">{{ ucwords($vcard->occupation) }}</p>
<p class="fs-18 text-gray mb-0">{{ ucwords($vcard->job_title) }}</p>
<p class="fs-18 text-gray mb-0">{{ ucwords($vcard->company) }}</p>
</div>
</div>
</div>
<div class="text-gray profile-desc fs-14 text-sm-start text-center mb-0 mt-3">
{!! $vcard->description !!}
</div>
</div>
{{-- social-media --}}
<div class="social-media-section mt-sm-4" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
@if (checkFeature('social_links') && getSocialLink($vcard))
<div class="d-flex gap-3 flex-sm-column flex-row flex-wrap justify-content-center">
@foreach (getSocialLink($vcard) as $value)
<div class="social-icon d-flex justify-content-center align-items-center">
{!! $value !!}
</div>
@endforeach
</div>
@endif
</div>
</div>
{{-- contact section --}}
@if ((isset($managesection) && $managesection['contact_list']) || empty($managesection))
<div class="contact-section pt-40 px-30">
@if (getLanguage($vcard->default_language) != 'Arabic')
<div class="row">
@if ($vcard->email)
<div class="col-sm-6 mb-40">
<div class="contact-box d-flex align-items-center">
<div class="contact-icon d-flex justify-content-center align-items-center">
<svg width="22" height="15" viewBox="0 0 22 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.0229 0.00124986C13.824 0.00124986 16.6195 -0.00374959 19.4206 0.00624932C19.7869 0.00624932 20.1589 0.0412455 20.5139 0.111238C21.1508 0.241224 21.5904 0.601185 21.8666 1.12113C22.1089 1.57608 22.03 1.82605 21.5566 2.09102C20.9423 2.43599 20.3223 2.77595 19.708 3.12091C17.0253 4.63575 14.3425 6.14058 11.671 7.66542C11.1863 7.94539 10.8031 7.93539 10.3184 7.66042C7.06643 5.80562 3.79755 3.97582 0.534299 2.13602C0.466667 2.09602 0.393399 2.06103 0.331403 2.02103C0.0101504 1.82605 -0.0518457 1.67107 0.0608744 1.3461C0.337039 0.546191 1.02463 0.0812412 2.03348 0.0312466C2.43927 0.0112488 2.84506 0.0112488 3.24522 0.00624932C5.83778 0.00624932 8.43034 0.00624932 11.0229 0.00124986Z"
fill="#51553A" />
<path
d="M10.9765 14.995C8.13035 14.995 5.2898 15 2.44362 14.99C2.08855 14.99 1.72221 14.955 1.37841 14.87C0.685182 14.695 0.256845 14.2601 0.0483128 13.6551C-0.0587713 13.3402 0.00322478 13.1852 0.324477 13.0052C2.95086 11.5404 5.57723 10.0755 8.20361 8.61069C8.47978 8.4557 8.77285 8.4557 9.04901 8.60069C9.54498 8.86066 10.0297 9.13063 10.5144 9.4056C10.9145 9.63558 11.0836 9.64058 11.4725 9.4156C11.9854 9.12063 12.5039 8.83566 13.0168 8.54069C13.2929 8.38071 13.5409 8.43071 13.7945 8.57569C14.6343 9.05564 15.4741 9.53059 16.3195 10.0055C18.0441 10.9754 19.7743 11.9353 21.499 12.9052C22.0287 13.2002 22.1133 13.4452 21.854 13.9401C21.499 14.61 20.8564 14.895 20.073 14.98C19.8758 15 19.6785 15 19.4813 15C16.6464 14.995 13.8114 14.995 10.9765 14.995Z"
fill="#51553A" />
<path
d="M0.0429635 11.5204C0.0429635 8.83066 0.0429635 6.18595 0.0429635 3.49624C2.42136 4.8411 4.76594 6.16095 7.14997 7.50581C4.77157 8.85066 2.42699 10.1755 0.0429635 11.5204Z"
fill="#51553A" />
<path
d="M14.871 7.50581C17.2438 6.16596 19.5884 4.8411 21.9667 3.49624C21.9667 6.17595 21.9667 8.81567 21.9667 11.5104C19.594 10.1755 17.2494 8.85067 14.871 7.50581Z"
fill="#51553A" />
</svg>
</div>
<div class="contact-desc">
<a href="mailto:{{ $vcard->email }}"
class="text-secondary fs-6 fw-5 word-wrap">{{ $vcard->email }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_email)
<div class="col-sm-6 mb-40">
<div class="contact-box d-flex align-items-center">
<div class="contact-icon d-flex justify-content-center align-items-center">
<svg width="22" height="15" viewBox="0 0 22 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.0229 0.00124986C13.824 0.00124986 16.6195 -0.00374959 19.4206 0.00624932C19.7869 0.00624932 20.1589 0.0412455 20.5139 0.111238C21.1508 0.241224 21.5904 0.601185 21.8666 1.12113C22.1089 1.57608 22.03 1.82605 21.5566 2.09102C20.9423 2.43599 20.3223 2.77595 19.708 3.12091C17.0253 4.63575 14.3425 6.14058 11.671 7.66542C11.1863 7.94539 10.8031 7.93539 10.3184 7.66042C7.06643 5.80562 3.79755 3.97582 0.534299 2.13602C0.466667 2.09602 0.393399 2.06103 0.331403 2.02103C0.0101504 1.82605 -0.0518457 1.67107 0.0608744 1.3461C0.337039 0.546191 1.02463 0.0812412 2.03348 0.0312466C2.43927 0.0112488 2.84506 0.0112488 3.24522 0.00624932C5.83778 0.00624932 8.43034 0.00624932 11.0229 0.00124986Z"
fill="#51553A" />
<path
d="M10.9765 14.995C8.13035 14.995 5.2898 15 2.44362 14.99C2.08855 14.99 1.72221 14.955 1.37841 14.87C0.685182 14.695 0.256845 14.2601 0.0483128 13.6551C-0.0587713 13.3402 0.00322478 13.1852 0.324477 13.0052C2.95086 11.5404 5.57723 10.0755 8.20361 8.61069C8.47978 8.4557 8.77285 8.4557 9.04901 8.60069C9.54498 8.86066 10.0297 9.13063 10.5144 9.4056C10.9145 9.63558 11.0836 9.64058 11.4725 9.4156C11.9854 9.12063 12.5039 8.83566 13.0168 8.54069C13.2929 8.38071 13.5409 8.43071 13.7945 8.57569C14.6343 9.05564 15.4741 9.53059 16.3195 10.0055C18.0441 10.9754 19.7743 11.9353 21.499 12.9052C22.0287 13.2002 22.1133 13.4452 21.854 13.9401C21.499 14.61 20.8564 14.895 20.073 14.98C19.8758 15 19.6785 15 19.4813 15C16.6464 14.995 13.8114 14.995 10.9765 14.995Z"
fill="#51553A" />
<path
d="M0.0429635 11.5204C0.0429635 8.83066 0.0429635 6.18595 0.0429635 3.49624C2.42136 4.8411 4.76594 6.16095 7.14997 7.50581C4.77157 8.85066 2.42699 10.1755 0.0429635 11.5204Z"
fill="#51553A" />
<path
d="M14.871 7.50581C17.2438 6.16596 19.5884 4.8411 21.9667 3.49624C21.9667 6.17595 21.9667 8.81567 21.9667 11.5104C19.594 10.1755 17.2494 8.85067 14.871 7.50581Z"
fill="#51553A" />
</svg>
</div>
<div class="contact-desc">
<a href="mailto:{{ $vcard->alternative_email }}"
class="text-secondary fs-6 fw-5 word-wrap">{{ $vcard->alternative_email }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->phone)
<div class="col-sm-6 mb-40">
<div class="contact-box d-flex align-items-center">
<div class="contact-icon d-flex justify-content-center align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M4.03788 8.65636C5.68074 11.8074 8.01407 14.1974 11.0974 15.8383C11.2284 15.9096 11.5379 15.8264 11.6688 15.7075C12.3712 15.0416 13.0617 14.3639 13.7284 13.6623C14.0974 13.2699 14.5022 13.2105 15.0141 13.3056C16.2284 13.5196 17.4545 13.7337 18.6807 13.8763C19.6569 13.9952 20.0022 14.3163 20.0022 15.3151C20.0022 16.3853 20.0022 17.4435 20.0022 18.5137C20.0022 19.6671 19.6331 20.0238 18.4545 20C10.0736 19.8573 2.57359 13.912 0.597401 5.75505C0.252163 4.31629 0.14502 2.80618 0.0140678 1.31986C-0.0692655 0.439952 0.41883 0.0118906 1.29978 0.0118906C2.46645 0 3.63312 0 4.79978 0C5.65693 0 6.01407 0.39239 6.12121 1.24851C6.28788 2.50892 6.51407 3.76932 6.75216 5.01784C6.8474 5.55291 6.75216 5.98098 6.35931 6.36147C5.57359 7.12247 4.81169 7.88347 4.03788 8.65636Z"
fill="#51553A" />
</svg>
</div>
<div class="contact-desc">
<a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}"
class="text-secondary fs-6 fw-5"
dir="ltr">+{{ $vcard->region_code }}{{ $vcard->phone }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_phone)
<div class="col-sm-6 mb-40">
<div class="contact-box d-flex align-items-center">
<div class="contact-icon d-flex justify-content-center align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M4.03788 8.65636C5.68074 11.8074 8.01407 14.1974 11.0974 15.8383C11.2284 15.9096 11.5379 15.8264 11.6688 15.7075C12.3712 15.0416 13.0617 14.3639 13.7284 13.6623C14.0974 13.2699 14.5022 13.2105 15.0141 13.3056C16.2284 13.5196 17.4545 13.7337 18.6807 13.8763C19.6569 13.9952 20.0022 14.3163 20.0022 15.3151C20.0022 16.3853 20.0022 17.4435 20.0022 18.5137C20.0022 19.6671 19.6331 20.0238 18.4545 20C10.0736 19.8573 2.57359 13.912 0.597401 5.75505C0.252163 4.31629 0.14502 2.80618 0.0140678 1.31986C-0.0692655 0.439952 0.41883 0.0118906 1.29978 0.0118906C2.46645 0 3.63312 0 4.79978 0C5.65693 0 6.01407 0.39239 6.12121 1.24851C6.28788 2.50892 6.51407 3.76932 6.75216 5.01784C6.8474 5.55291 6.75216 5.98098 6.35931 6.36147C5.57359 7.12247 4.81169 7.88347 4.03788 8.65636Z"
fill="#51553A" />
</svg>
</div>
<div class="contact-desc">
<a href="tel:+{{ $vcard->region_code }}{{ $vcard->alternative_phone }}"
class="text-secondary fs-6 fw-5"
dir="ltr">+{{ $vcard->region_code }}{{ $vcard->alternative_phone }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->dob)
<div class="col-sm-6 mb-sm-0 mb-40">
<div class="contact-box d-flex align-items-center">
<div class="contact-icon d-flex justify-content-center align-items-center">
<svg width="24" height="20" viewBox="0 0 24 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1990_491)">
<path
d="M0.31262 20C0.211822 19.8165 0.0505452 19.6427 0.0203058 19.4495C-0.0300932 19.1019 0.0203058 18.7446 0.000146203 18.3969C-0.0099336 18.0782 0.131184 17.9141 0.473897 17.9237C0.574695 17.9237 0.675493 17.9237 0.776291 17.9237C8.26558 17.9237 15.7448 17.9237 23.2341 17.9334C23.4861 17.9334 23.7381 18.0299 23.9901 18.0782C23.9901 18.7156 23.9901 19.3626 23.9901 20C16.1077 20 8.2051 20 0.31262 20Z"
fill="#51553A" />
<path
d="M12.0254 8.18927C14.7167 8.18927 17.408 8.18927 20.1094 8.18927C21.6315 8.18927 22.3774 8.91356 22.3874 10.3814C22.3874 10.4008 22.3874 10.4104 22.3874 10.4297C22.5689 11.2796 22.1556 11.7624 21.3694 12.0908C20.5731 12.4191 19.807 12.4867 19.1115 11.9169C18.7688 11.6369 18.4866 11.2989 18.2043 10.9609C17.8314 10.5263 17.4786 10.5166 17.0956 10.9416C16.8436 11.2216 16.5916 11.5017 16.3093 11.7431C15.513 12.4288 14.6361 12.506 13.739 11.9556C13.3358 11.7045 12.9729 11.3858 12.6201 11.0671C12.1363 10.6325 11.9246 10.6325 11.4509 11.0864C11.1787 11.3472 10.8965 11.5983 10.584 11.8107C9.52563 12.5447 8.56805 12.4964 7.58023 11.6852C7.42903 11.5596 7.28791 11.4244 7.15687 11.2796C6.48153 10.536 6.34041 10.536 5.66506 11.3085C4.7478 12.3515 3.58863 12.5833 2.29841 12.0232C1.79442 11.8011 1.60291 11.4631 1.6533 10.9609C1.68354 10.7194 1.71378 10.478 1.68354 10.2462C1.51219 9.05842 2.51009 8.16996 3.8003 8.17961C6.53193 8.20858 9.27363 8.18927 12.0254 8.18927Z"
fill="#51553A" />
<path
d="M22.1861 16.62C15.4024 16.62 8.64894 16.62 1.86523 16.62C1.86523 15.606 1.86523 14.592 1.86523 13.5394C3.54856 14.0802 5.02021 13.7325 6.22979 12.4867C8.24575 14.3409 10.1004 14.0898 12.0458 12.4288C14.4549 14.4375 16.1886 13.9739 17.8316 12.3998C18.386 12.9696 18.9908 13.4911 19.8174 13.6939C20.6338 13.8967 21.3999 13.7325 22.2063 13.4042C22.1861 14.4858 22.1861 15.5287 22.1861 16.62Z"
fill="#51553A" />
<path
d="M10.5836 7.2815C10.5836 6.32544 10.5735 5.3887 10.5937 4.44229C10.6037 4.13326 10.8356 3.94978 11.1682 3.94978C11.7226 3.94012 12.277 3.94012 12.8213 3.94978C13.2043 3.94978 13.4261 4.16224 13.4261 4.51955C13.4462 5.42732 13.4362 6.34475 13.4362 7.2815C12.4786 7.2815 11.5512 7.2815 10.5836 7.2815Z"
fill="#51553A" />
<path
d="M12.015 0C12.257 0.424915 12.5392 0.907774 12.8113 1.40029C12.9323 1.6224 13.0936 1.84452 13.1641 2.08595C13.3153 2.61709 13.0734 3.19652 12.64 3.4283C12.2066 3.66007 11.5413 3.59247 11.1885 3.28344C10.8155 2.94544 10.6946 2.29841 10.9567 1.82521C11.2994 1.18783 11.6723 0.569773 12.015 0Z"
fill="#51553A" />
</g>
<defs>
<clipPath id="clip0_1990_491">
<rect width="24" height="20" fill="#51553A" />
</clipPath>
</defs>
</svg>
</div>
<div class="contact-desc">
<p class="mb-0 text-dark 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">
<svg width="18" height="24" viewBox="0 0 18 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1990_518)">
<path
d="M8.99374 19.6847C8.69236 19.3226 8.4028 18.979 8.11915 18.6322C6.58862 16.7439 5.14082 14.7906 3.88803 12.6887C3.32368 11.7446 2.83024 10.7633 2.40772 9.73866C1.63064 7.84726 1.7636 5.98682 2.62046 4.1852C3.72847 1.85732 5.54561 0.470506 8.00392 0.0835592C11.7859 -0.510791 15.3788 2.26904 15.9964 6.19732C16.1973 7.48508 16.0052 8.69236 15.5236 9.87487C14.9859 11.1936 14.2915 12.4194 13.5351 13.605C12.1848 15.7162 10.675 17.6943 9.06761 19.595C9.04988 19.6166 9.0292 19.6414 8.99374 19.6847ZM12.5482 6.80405C12.5512 4.75478 10.9557 3.08627 8.9967 3.08627C7.03478 3.08627 5.4422 4.75169 5.4422 6.80096C5.4422 8.85023 7.03478 10.5187 8.99374 10.5187C10.9527 10.5187 12.5453 8.85642 12.5482 6.80405Z"
fill="#51553A" />
<path
d="M6.23156 17.1619C5.88881 17.2145 5.54902 17.264 5.21219 17.3259C4.19577 17.5086 3.20004 17.7655 2.26045 18.2267C1.89406 18.4094 1.54541 18.6199 1.25881 18.9263C0.797873 19.4216 0.797873 19.9293 1.27062 20.4153C1.67246 20.8301 2.17181 21.0716 2.68888 21.2821C3.69052 21.6845 4.73648 21.9043 5.79722 22.0529C7.25979 22.2603 8.73123 22.3098 10.2056 22.2355C11.8573 22.1519 13.4912 21.9352 15.0661 21.3719C15.5329 21.2047 15.988 21.0066 16.3898 20.697C16.57 20.5577 16.7444 20.3967 16.8832 20.2141C17.1521 19.8612 17.161 19.4681 16.8832 19.1245C16.6941 18.8892 16.4607 18.6756 16.2125 18.5084C15.5182 18.041 14.7381 17.7748 13.9404 17.5829C13.2785 17.425 12.6078 17.3228 11.94 17.1959C11.8809 17.1835 11.8248 17.1743 11.7657 17.165C11.875 16.9235 11.8957 16.9173 12.135 16.9359C13.1219 17.0164 14.1058 17.1278 15.072 17.3538C15.5979 17.4745 16.118 17.62 16.5937 17.8831C16.8921 18.0472 17.1876 18.2391 17.4328 18.4744C18.0622 19.0811 18.1744 19.9231 17.7726 20.7156C17.5569 21.1428 17.2407 21.4802 16.8803 21.7743C16.0943 22.4151 15.1991 22.8392 14.2595 23.1642C12.2828 23.8483 10.247 24.0743 8.17279 23.9814C6.58021 23.9071 5.02309 23.6378 3.51619 23.0744C2.58842 22.7277 1.70496 22.2943 0.948562 21.6133C0.617636 21.3161 0.33694 20.9694 0.159659 20.5453C-0.138766 19.8303 -0.00284963 19.0749 0.520131 18.5208C0.957426 18.0565 1.50995 17.7996 2.08612 17.5983C2.87502 17.3228 3.69052 17.1804 4.51192 17.0752C4.96695 17.0164 5.42197 16.9823 5.87995 16.9328C6.10155 16.9111 6.11928 16.9235 6.23156 17.1619Z"
fill="#51553A" />
</g>
<defs>
<clipPath id="clip0_1990_518">
<rect width="18" height="24" fill="#51553A" />
</clipPath>
</defs>
</svg>
</div>
<div class="contact-desc">
<p class="mb-0 text-dark 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-40">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<svg width="22" height="15" viewBox="0 0 22 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.0229 0.00124986C13.824 0.00124986 16.6195 -0.00374959 19.4206 0.00624932C19.7869 0.00624932 20.1589 0.0412455 20.5139 0.111238C21.1508 0.241224 21.5904 0.601185 21.8666 1.12113C22.1089 1.57608 22.03 1.82605 21.5566 2.09102C20.9423 2.43599 20.3223 2.77595 19.708 3.12091C17.0253 4.63575 14.3425 6.14058 11.671 7.66542C11.1863 7.94539 10.8031 7.93539 10.3184 7.66042C7.06643 5.80562 3.79755 3.97582 0.534299 2.13602C0.466667 2.09602 0.393399 2.06103 0.331403 2.02103C0.0101504 1.82605 -0.0518457 1.67107 0.0608744 1.3461C0.337039 0.546191 1.02463 0.0812412 2.03348 0.0312466C2.43927 0.0112488 2.84506 0.0112488 3.24522 0.00624932C5.83778 0.00624932 8.43034 0.00624932 11.0229 0.00124986Z"
fill="#51553A" />
<path
d="M10.9765 14.995C8.13035 14.995 5.2898 15 2.44362 14.99C2.08855 14.99 1.72221 14.955 1.37841 14.87C0.685182 14.695 0.256845 14.2601 0.0483128 13.6551C-0.0587713 13.3402 0.00322478 13.1852 0.324477 13.0052C2.95086 11.5404 5.57723 10.0755 8.20361 8.61069C8.47978 8.4557 8.77285 8.4557 9.04901 8.60069C9.54498 8.86066 10.0297 9.13063 10.5144 9.4056C10.9145 9.63558 11.0836 9.64058 11.4725 9.4156C11.9854 9.12063 12.5039 8.83566 13.0168 8.54069C13.2929 8.38071 13.5409 8.43071 13.7945 8.57569C14.6343 9.05564 15.4741 9.53059 16.3195 10.0055C18.0441 10.9754 19.7743 11.9353 21.499 12.9052C22.0287 13.2002 22.1133 13.4452 21.854 13.9401C21.499 14.61 20.8564 14.895 20.073 14.98C19.8758 15 19.6785 15 19.4813 15C16.6464 14.995 13.8114 14.995 10.9765 14.995Z"
fill="#51553A" />
<path
d="M0.0429635 11.5204C0.0429635 8.83066 0.0429635 6.18595 0.0429635 3.49624C2.42136 4.8411 4.76594 6.16095 7.14997 7.50581C4.77157 8.85066 2.42699 10.1755 0.0429635 11.5204Z"
fill="#51553A" />
<path
d="M14.871 7.50581C17.2438 6.16596 19.5884 4.8411 21.9667 3.49624C21.9667 6.17595 21.9667 8.81567 21.9667 11.5104C19.594 10.1755 17.2494 8.85067 14.871 7.50581Z"
fill="#51553A" />
</svg>
</div>
<div class="contact-desc">
<a href="mailto:{{ $vcard->email }}"
class="text-secondary fs-6 fw-5 word-wrap">{{ $vcard->email }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_email)
<div class="col-sm-6 mb-40">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<svg width="22" height="15" viewBox="0 0 22 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.0229 0.00124986C13.824 0.00124986 16.6195 -0.00374959 19.4206 0.00624932C19.7869 0.00624932 20.1589 0.0412455 20.5139 0.111238C21.1508 0.241224 21.5904 0.601185 21.8666 1.12113C22.1089 1.57608 22.03 1.82605 21.5566 2.09102C20.9423 2.43599 20.3223 2.77595 19.708 3.12091C17.0253 4.63575 14.3425 6.14058 11.671 7.66542C11.1863 7.94539 10.8031 7.93539 10.3184 7.66042C7.06643 5.80562 3.79755 3.97582 0.534299 2.13602C0.466667 2.09602 0.393399 2.06103 0.331403 2.02103C0.0101504 1.82605 -0.0518457 1.67107 0.0608744 1.3461C0.337039 0.546191 1.02463 0.0812412 2.03348 0.0312466C2.43927 0.0112488 2.84506 0.0112488 3.24522 0.00624932C5.83778 0.00624932 8.43034 0.00624932 11.0229 0.00124986Z"
fill="#51553A" />
<path
d="M10.9765 14.995C8.13035 14.995 5.2898 15 2.44362 14.99C2.08855 14.99 1.72221 14.955 1.37841 14.87C0.685182 14.695 0.256845 14.2601 0.0483128 13.6551C-0.0587713 13.3402 0.00322478 13.1852 0.324477 13.0052C2.95086 11.5404 5.57723 10.0755 8.20361 8.61069C8.47978 8.4557 8.77285 8.4557 9.04901 8.60069C9.54498 8.86066 10.0297 9.13063 10.5144 9.4056C10.9145 9.63558 11.0836 9.64058 11.4725 9.4156C11.9854 9.12063 12.5039 8.83566 13.0168 8.54069C13.2929 8.38071 13.5409 8.43071 13.7945 8.57569C14.6343 9.05564 15.4741 9.53059 16.3195 10.0055C18.0441 10.9754 19.7743 11.9353 21.499 12.9052C22.0287 13.2002 22.1133 13.4452 21.854 13.9401C21.499 14.61 20.8564 14.895 20.073 14.98C19.8758 15 19.6785 15 19.4813 15C16.6464 14.995 13.8114 14.995 10.9765 14.995Z"
fill="#51553A" />
<path
d="M0.0429635 11.5204C0.0429635 8.83066 0.0429635 6.18595 0.0429635 3.49624C2.42136 4.8411 4.76594 6.16095 7.14997 7.50581C4.77157 8.85066 2.42699 10.1755 0.0429635 11.5204Z"
fill="#51553A" />
<path
d="M14.871 7.50581C17.2438 6.16596 19.5884 4.8411 21.9667 3.49624C21.9667 6.17595 21.9667 8.81567 21.9667 11.5104C19.594 10.1755 17.2494 8.85067 14.871 7.50581Z"
fill="#51553A" />
</svg>
</div>
<div class="contact-desc">
<a href="mailto:{{ $vcard->alternative_email }}"
class="text-secondary fs-6 fw-5 word-wrap">{{ $vcard->alternative_email }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->phone)
<div class="col-sm-6 mb-40">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M4.03788 8.65636C5.68074 11.8074 8.01407 14.1974 11.0974 15.8383C11.2284 15.9096 11.5379 15.8264 11.6688 15.7075C12.3712 15.0416 13.0617 14.3639 13.7284 13.6623C14.0974 13.2699 14.5022 13.2105 15.0141 13.3056C16.2284 13.5196 17.4545 13.7337 18.6807 13.8763C19.6569 13.9952 20.0022 14.3163 20.0022 15.3151C20.0022 16.3853 20.0022 17.4435 20.0022 18.5137C20.0022 19.6671 19.6331 20.0238 18.4545 20C10.0736 19.8573 2.57359 13.912 0.597401 5.75505C0.252163 4.31629 0.14502 2.80618 0.0140678 1.31986C-0.0692655 0.439952 0.41883 0.0118906 1.29978 0.0118906C2.46645 0 3.63312 0 4.79978 0C5.65693 0 6.01407 0.39239 6.12121 1.24851C6.28788 2.50892 6.51407 3.76932 6.75216 5.01784C6.8474 5.55291 6.75216 5.98098 6.35931 6.36147C5.57359 7.12247 4.81169 7.88347 4.03788 8.65636Z"
fill="#51553A" />
</svg>
</div>
<div class="contact-desc">
<a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}"
class="text-secondary fs-6 fw-5"
dir="ltr">+{{ $vcard->region_code }}{{ $vcard->phone }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->alternative_phone)
<div class="col-sm-6 mb-40">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M4.03788 8.65636C5.68074 11.8074 8.01407 14.1974 11.0974 15.8383C11.2284 15.9096 11.5379 15.8264 11.6688 15.7075C12.3712 15.0416 13.0617 14.3639 13.7284 13.6623C14.0974 13.2699 14.5022 13.2105 15.0141 13.3056C16.2284 13.5196 17.4545 13.7337 18.6807 13.8763C19.6569 13.9952 20.0022 14.3163 20.0022 15.3151C20.0022 16.3853 20.0022 17.4435 20.0022 18.5137C20.0022 19.6671 19.6331 20.0238 18.4545 20C10.0736 19.8573 2.57359 13.912 0.597401 5.75505C0.252163 4.31629 0.14502 2.80618 0.0140678 1.31986C-0.0692655 0.439952 0.41883 0.0118906 1.29978 0.0118906C2.46645 0 3.63312 0 4.79978 0C5.65693 0 6.01407 0.39239 6.12121 1.24851C6.28788 2.50892 6.51407 3.76932 6.75216 5.01784C6.8474 5.55291 6.75216 5.98098 6.35931 6.36147C5.57359 7.12247 4.81169 7.88347 4.03788 8.65636Z"
fill="#51553A" />
</svg>
</div>
<div class="contact-desc">
<a href="tel:+{{ $vcard->region_code }}{{ $vcard->alternative_phone }}"
class="text-secondary fs-6 fw-5"
dir="ltr">+{{ $vcard->region_code }}{{ $vcard->alternative_phone }}</a>
</div>
</div>
</div>
@endif
@if ($vcard->dob)
<div class="col-sm-6 mb-sm-0 mb-40">
<div class="contact-box d-flex align-items-center">
<div
class="contact-icon d-flex justify-content-center align-items-center ms-2">
<svg width="24" height="20" viewBox="0 0 24 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1990_491)">
<path
d="M0.31262 20C0.211822 19.8165 0.0505452 19.6427 0.0203058 19.4495C-0.0300932 19.1019 0.0203058 18.7446 0.000146203 18.3969C-0.0099336 18.0782 0.131184 17.9141 0.473897 17.9237C0.574695 17.9237 0.675493 17.9237 0.776291 17.9237C8.26558 17.9237 15.7448 17.9237 23.2341 17.9334C23.4861 17.9334 23.7381 18.0299 23.9901 18.0782C23.9901 18.7156 23.9901 19.3626 23.9901 20C16.1077 20 8.2051 20 0.31262 20Z"
fill="#51553A" />
<path
d="M12.0254 8.18927C14.7167 8.18927 17.408 8.18927 20.1094 8.18927C21.6315 8.18927 22.3774 8.91356 22.3874 10.3814C22.3874 10.4008 22.3874 10.4104 22.3874 10.4297C22.5689 11.2796 22.1556 11.7624 21.3694 12.0908C20.5731 12.4191 19.807 12.4867 19.1115 11.9169C18.7688 11.6369 18.4866 11.2989 18.2043 10.9609C17.8314 10.5263 17.4786 10.5166 17.0956 10.9416C16.8436 11.2216 16.5916 11.5017 16.3093 11.7431C15.513 12.4288 14.6361 12.506 13.739 11.9556C13.3358 11.7045 12.9729 11.3858 12.6201 11.0671C12.1363 10.6325 11.9246 10.6325 11.4509 11.0864C11.1787 11.3472 10.8965 11.5983 10.584 11.8107C9.52563 12.5447 8.56805 12.4964 7.58023 11.6852C7.42903 11.5596 7.28791 11.4244 7.15687 11.2796C6.48153 10.536 6.34041 10.536 5.66506 11.3085C4.7478 12.3515 3.58863 12.5833 2.29841 12.0232C1.79442 11.8011 1.60291 11.4631 1.6533 10.9609C1.68354 10.7194 1.71378 10.478 1.68354 10.2462C1.51219 9.05842 2.51009 8.16996 3.8003 8.17961C6.53193 8.20858 9.27363 8.18927 12.0254 8.18927Z"
fill="#51553A" />
<path
d="M22.1861 16.62C15.4024 16.62 8.64894 16.62 1.86523 16.62C1.86523 15.606 1.86523 14.592 1.86523 13.5394C3.54856 14.0802 5.02021 13.7325 6.22979 12.4867C8.24575 14.3409 10.1004 14.0898 12.0458 12.4288C14.4549 14.4375 16.1886 13.9739 17.8316 12.3998C18.386 12.9696 18.9908 13.4911 19.8174 13.6939C20.6338 13.8967 21.3999 13.7325 22.2063 13.4042C22.1861 14.4858 22.1861 15.5287 22.1861 16.62Z"
fill="#51553A" />
<path
d="M10.5836 7.2815C10.5836 6.32544 10.5735 5.3887 10.5937 4.44229C10.6037 4.13326 10.8356 3.94978 11.1682 3.94978C11.7226 3.94012 12.277 3.94012 12.8213 3.94978C13.2043 3.94978 13.4261 4.16224 13.4261 4.51955C13.4462 5.42732 13.4362 6.34475 13.4362 7.2815C12.4786 7.2815 11.5512 7.2815 10.5836 7.2815Z"
fill="#51553A" />
<path
d="M12.015 0C12.257 0.424915 12.5392 0.907774 12.8113 1.40029C12.9323 1.6224 13.0936 1.84452 13.1641 2.08595C13.3153 2.61709 13.0734 3.19652 12.64 3.4283C12.2066 3.66007 11.5413 3.59247 11.1885 3.28344C10.8155 2.94544 10.6946 2.29841 10.9567 1.82521C11.2994 1.18783 11.6723 0.569773 12.015 0Z"
fill="#51553A" />
</g>
<defs>
<clipPath id="clip0_1990_491">
<rect width="24" height="20" fill="#51553A" />
</clipPath>
</defs>
</svg>
</div>
<div class="contact-desc">
<p class="mb-0 text-dark 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">
<svg width="18" height="24" viewBox="0 0 18 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1990_518)">
<path
d="M8.99374 19.6847C8.69236 19.3226 8.4028 18.979 8.11915 18.6322C6.58862 16.7439 5.14082 14.7906 3.88803 12.6887C3.32368 11.7446 2.83024 10.7633 2.40772 9.73866C1.63064 7.84726 1.7636 5.98682 2.62046 4.1852C3.72847 1.85732 5.54561 0.470506 8.00392 0.0835592C11.7859 -0.510791 15.3788 2.26904 15.9964 6.19732C16.1973 7.48508 16.0052 8.69236 15.5236 9.87487C14.9859 11.1936 14.2915 12.4194 13.5351 13.605C12.1848 15.7162 10.675 17.6943 9.06761 19.595C9.04988 19.6166 9.0292 19.6414 8.99374 19.6847ZM12.5482 6.80405C12.5512 4.75478 10.9557 3.08627 8.9967 3.08627C7.03478 3.08627 5.4422 4.75169 5.4422 6.80096C5.4422 8.85023 7.03478 10.5187 8.99374 10.5187C10.9527 10.5187 12.5453 8.85642 12.5482 6.80405Z"
fill="#51553A" />
<path
d="M6.23156 17.1619C5.88881 17.2145 5.54902 17.264 5.21219 17.3259C4.19577 17.5086 3.20004 17.7655 2.26045 18.2267C1.89406 18.4094 1.54541 18.6199 1.25881 18.9263C0.797873 19.4216 0.797873 19.9293 1.27062 20.4153C1.67246 20.8301 2.17181 21.0716 2.68888 21.2821C3.69052 21.6845 4.73648 21.9043 5.79722 22.0529C7.25979 22.2603 8.73123 22.3098 10.2056 22.2355C11.8573 22.1519 13.4912 21.9352 15.0661 21.3719C15.5329 21.2047 15.988 21.0066 16.3898 20.697C16.57 20.5577 16.7444 20.3967 16.8832 20.2141C17.1521 19.8612 17.161 19.4681 16.8832 19.1245C16.6941 18.8892 16.4607 18.6756 16.2125 18.5084C15.5182 18.041 14.7381 17.7748 13.9404 17.5829C13.2785 17.425 12.6078 17.3228 11.94 17.1959C11.8809 17.1835 11.8248 17.1743 11.7657 17.165C11.875 16.9235 11.8957 16.9173 12.135 16.9359C13.1219 17.0164 14.1058 17.1278 15.072 17.3538C15.5979 17.4745 16.118 17.62 16.5937 17.8831C16.8921 18.0472 17.1876 18.2391 17.4328 18.4744C18.0622 19.0811 18.1744 19.9231 17.7726 20.7156C17.5569 21.1428 17.2407 21.4802 16.8803 21.7743C16.0943 22.4151 15.1991 22.8392 14.2595 23.1642C12.2828 23.8483 10.247 24.0743 8.17279 23.9814C6.58021 23.9071 5.02309 23.6378 3.51619 23.0744C2.58842 22.7277 1.70496 22.2943 0.948562 21.6133C0.617636 21.3161 0.33694 20.9694 0.159659 20.5453C-0.138766 19.8303 -0.00284963 19.0749 0.520131 18.5208C0.957426 18.0565 1.50995 17.7996 2.08612 17.5983C2.87502 17.3228 3.69052 17.1804 4.51192 17.0752C4.96695 17.0164 5.42197 16.9823 5.87995 16.9328C6.10155 16.9111 6.11928 16.9235 6.23156 17.1619Z"
fill="#51553A" />
</g>
<defs>
<clipPath id="clip0_1990_518">
<rect width="18" height="24" fill="#51553A" />
</clipPath>
</defs>
</svg>
</div>
<div class="contact-desc">
<p class="mb-0 text-dark fw-5">{!! ucwords($vcard->location) !!}</p>
</div>
</div>
</div>
@endif
</div>
@endif
</div>
@endif
{{-- 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>
{{-- End custom link section --}}
{{-- our service --}}
@if ((isset($managesection) && $managesection['services']) || empty($managesection))
@if (checkFeature('services') && $vcard->services->count())
<div class="our-services-section pt-30 px-30 pb-30 mb-3">
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.services') }}</h2>
<h4 class="mb-0">{{ __('messages.services') }}</h4>
</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-sm-0 mb-40 mt-4">
<div class="service-card h-100 px-3">
<div class="card-img d-flex justify-content-center align-items-center">
<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 text-start">
<h3 class="card-title fs-18 text-dark">
{{ 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 services-slider-view">
@foreach ($vcard->services as $service)
<div class="col-12 mb-4">
<div class="service-card h-100 px-3">
<div class="card-img d-flex justify-content-center align-items-center">
<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 text-start">
<h3 class="card-title fs-18 text-dark">
{{ 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
{{-- gallery --}}
@if ((isset($managesection) && $managesection['galleries']) || empty($managesection))
@if (checkFeature('gallery') && $vcard->gallery->count())
<div class="gallery-section pt-50 pb-50">
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.photos') }}</h2>
<h4 class="mb-0">{{ __('messages.plan.gallery') }}</h4>
</div>
<div class="gallery-slider">
@foreach ($vcard->gallery as $file)
@php
$infoPath = pathinfo(public_path($file->gallery_image));
$extension = $infoPath['extension'];
@endphp
<div>
<div class="gallery-img">
@if ($file->type == App\Models\Gallery::TYPE_IMAGE)
<a href="{{ $file->gallery_image }}"
class="d-block w-100 h-100 object-fit-cover"
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 d-block w-100 h-100 object-fit-cover"
target="_blank" loading="lazy">
<div class="gallery-item gallery-file-item w-100 h-100"
@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 h-100 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
@endif
{{-- make appointment --}}
@if ((isset($managesection) && $managesection['appointments']) || empty($managesection))
@if (checkFeature('appointments') && $vcard->appointmentHours->count())
<div class="appointment-section pt-40 pb-40 px-30 mb-4">
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.book_now') }}</h2>
<h4 class="mb-0 text-white">{{ __('messages.make_appointments') }}</h4>
</div>
<div class="appointment px-2">
<div class="mb-4">
<label for="date"
class="appoint-date text-white fs-6 fw-5 mb-1 text-start d-block">{{ __('messages.date') }}:</label>
<div class="row">
<div class="col-12 px-2">
<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="#FBD77A" />
</svg>
</span>
</div>
</div>
</div>
</div>
<div>
<label
class="text-white fs-6 fw-5 mb-1 text-start d-block">{{ __('messages.hour') }}:</label>
<div class="mb-40">
<div id="slotData" class="row justify-content-start">
</div>
</div>
<div class="text-center px-sm-4 mx-sm-3">
<button type="submit" class=" appointmentAdd btn btn-primary">
{{ __('messages.make_appointments') }}
</button>
</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-50 px-30 pb-5">
<div class="product-bg text-end">
<img src="{{ asset('assets/img/vcard32/product-bg.png') }}" alt="bg" />
</div>
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.interior') }}</h2>
<h4 class="mb-0">{{ __('messages.plan.products') }}</h4>
</div>
<div class="product-slider">
@foreach ($vcard->products as $product)
<div>
<a @if ($product->product_url) href="{{ $product->product_url }}" @endif
target="_blank" class="text-decoration-none position-relative">
<div class="product-card card">
<div class="product-img card-img">
<img src="{{ $product->product_icon }}"
class="w-100 h-100 object-fit-cover" />
</div>
<div class="product-desc mt-auto">
<h3 class="text-dark fs-6 mb-1">{{ $product->name }}</h3>
<p class="fs-14 text-gray mb-0"> {{ $product->description }}</p>
<p class="amount fs-6 mb-0 fw-6 text-secondary">
@if ($product->currency_id && $product->price)
<span
class="fs-18 fw-6 text-secondary">{{ $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="fs-18 fw-6 text-secondary">{{ getUserCurrencyIcon($vcard->user->id) . ' ' . $product->price }}</span>
@endif
</p>
</div>
</div>
</a>
</div>
@endforeach
</div>
<div class="me-5 mt-3 text-center view-more mb-2">
<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-30 px-30 pb-5">
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.feedback') }}</h2>
<h4 class="mb-0">{{ __('messages.plan.testimonials') }}</h4>
</div>
<div class="testimonial-bg">
<img src="{{ asset('assets/img/vcard32/testimonial-bg.png') }}" alt="bg-img" />
</div>
<div class="quote-img text-end">
<img src="{{ asset('assets/img/vcard32/quote-img.png') }}" alt="bg-img" />
</div>
<div class="testimonial-slider">
@foreach ($vcard->testimonials as $testimonial)
<div>
<div class="testimonial-card card">
<div class="card-body p-0 mb-20">
<p
class="desc text-gray fs-14 mb-0 { \Illuminate\Support\Str::length($testimonial->description) > 80 ? 'more' : '' }}">
{!! $testimonial->description !!}
</p>
</div>
<div class="d-flex gap-3 align-items-center">
<div class="card-img testimonial-profile-img">
<img src="{{ $testimonial->image_url }}"
class="w-100 h-100 object-fit-cover" loading="lazy" />
</div>
<h6 class="text-dark mb-0">{{ ucwords($testimonial->name) }}</h6>
</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="pt-30 mb-3">
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.instagramembed') }}</h2>
<h4 class="mb-0">{{ __('messages.feature.insta_embed') }}</h4>
</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-50 pb-5">
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.article') }}</h2>
<h4 class="mb-0">{{ __('messages.feature.blog') }}</h4>
</div>
<div class="blog-slider pt-30">
@foreach ($vcard->blogs as $blog)
<div class="px-30">
<div class="blog-card card flex-sm-row gap-4">
<a href="{{ route('vcard.show-blog', [$vcard->url_alias, $blog->id]) }}">
<img src="{{ $blog->blog_icon }}"
class="w-100 h-100 object-fit-cover card-img" loading="lazy" />
</a>
<div class="card-body p-0 ps-sm-3 text-start">
<h2 class="fs-18 fw-5 text-dark">{{ $blog->title }}</h2>
<p class="text-gray blog-desc w-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 pb-50 px-30 {{ checkFeature('blog') && $vcard->blogs->count() ? 'pt-0' : 'pt-50' }}"
@if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.schedule') }}</h2>
<h4 class="mb-0">{{ __('messages.business.business_hours') }}</h4>
</div>
<div class="business-hour-img text-end">
<img src="{{ asset('assets/img/vcard32/business-hour-bg.png') }}" alt="bg-img" />
</div>
<div class="business-hour-card row justify-content-center position-relative">
@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>
</div>
@endif
@endif
{{-- qrcode --}}
@if (isset($vcard['show_qr_code']) && $vcard['show_qr_code'] == 1)
<div class="qr-code-section pt-40 pb-40 px-40 mt-5">
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.scan') }}</h2>
<h4 class="mb-0">{{ __('messages.vcard.qr_code') }}</h4>
</div>
<div class="qr-code-bg mb-40">
<div class="qr-code">
<div class="qr-profile-img">
<img src="{{ $vcard->profile_url }}" class="w-100 h-100 object-fit-cover"
loading="lazy" />
</div>
<div class="qr-code-img" 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>
</div>
@endif
{{-- iframe --}}
@if ((isset($managesection) && $managesection['iframe']) || empty($managesection))
@if (checkFeature('iframes') && $vcard->iframes->count())
<div class="blog-section pt-50 pb-50">
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.iframe') }}</h2>
<h4 class="mb-0">{{ __('messages.vcard.iframe') }}</h4>
</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-3 pb-40 px-40 " @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
<div class="contact-bg-img text-end">
<img src="{{ asset('assets/img/vcard32/contact-bg.png') }}" alt="bg-img" />
</div>
<div class="section-heading">
<h2 class="mb-0 main-text"> {{ __('messages.vcard.vcard_message') }}</h2>
<h4 class="mb-0">{{ __('messages.contact_us.contact') }}</h4>
</div>
<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 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 mb-30">
<textarea class="form-control text-start h-100" placeholder="{{ __('messages.form.type_message') }}" name="message"
rows="4"></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">
<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 p-4">
<button class="btn btn-primary send-btn contact-btn" type="submit">
{{ __('messages.contact_us.send_message') }}
</button>
</div>
</div>
</form>
</div>
</div>
@endif
{{-- create your vcard --}}
@if ($currentSubs && $currentSubs->plan->planFeature->affiliation && $vcard->enable_affiliation)
<div class="create-vcard-section pt-40 pb-60 px-40 mt-4">
<div class="content">
<div class="section-heading">
<h2 class="mb-0 main-text">{{ __('messages.vcard.create') }}</h2>
<h4 class="mb-0">{{ __('messages.create_vcard') }}</h4>
</div>
<div>
<div class="mb-4 pb-3">
<div class="vcard-link-card card mx-sm-3 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-3 text-secondary"></i>
</div>
</div>
</div>
</div>
</div>
</div>
@endif
{{-- map --}}
@if ((isset($managesection) && $managesection['map']) || empty($managesection))
<div class="container p-0 mt-4">
<div class="d-flex flex-column justify-content-center mt-2 mb-sm-5">
@if ($vcard->location_url && isset($url[5]))
<div class="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" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
<a href="{{ route('add-contact', $vcard->id) }}" class="add-contact-btn btn btn-primary"><i
class="fas fa-download fa-address-book"></i>
{{ __('messages.setting.add_contact') }}</a>
</div>
</div> --}}
<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 btn btn-primary {{ 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 btn btn-primary"><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-dark" target="_blank">
<small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small>
</a>
@else
<div class="text-center">
<small class="text-dark">{{ __('messages.made_by') }}
{{ $setting['app_name'] }}</small>
</div>
@endif
@endif
@else
@if ($vcard->made_by)
<a @if (!is_null($vcard->made_by_url)) href="{{ $vcard->made_by_url }}" @endif
class="text-center text-decoration-none text-dark" target="_blank">
<small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small>
</a>
@else
<div class="text-center">
<small class="text-dark">{{ __('messages.made_by') }}
{{ $setting['app_name'] }}</small>
</div>
@endif
@endif
@if (!empty($vcard->privacy_policy) || !empty($vcard->term_condition))
<div>
<a class="text-decoration-none text-dark cursor-pointer terms-policies-btn"
href="{{ 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 handyman-bars-btn interior-bars-btn">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.4135 0.540405H22.4891C23.5721 0.540405 24.4602 1.42855 24.4602 2.51152V9.58713C24.4602 10.6773 23.5732 11.5582 22.4891 11.5582H15.4135C14.3223 11.5582 13.4424 10.6783 13.4424 9.58713V2.51152C13.4424 1.42746 14.3234 0.540405 15.4135 0.540405Z"
stroke="#ffffff" />
<path
d="M2.97143 0.5H8.74589C10.1129 0.5 11.2173 1.6122 11.2173 2.97143V8.74589C11.2173 10.1139 10.1139 11.2173 8.74589 11.2173H2.97143C1.6122 11.2173 0.5 10.1129 0.5 8.74589V2.97143C0.5 1.61328 1.61328 0.5 2.97143 0.5Z"
stroke="#ffffff" />
<path
d="M2.97143 13.7828H8.74589C10.1139 13.7828 11.2173 14.8862 11.2173 16.2543V22.0287C11.2173 23.388 10.1129 24.5002 8.74589 24.5002H2.97143C1.61328 24.5002 0.5 23.3869 0.5 22.0287V16.2543C0.5 14.8873 1.6122 13.7828 2.97143 13.7828Z"
stroke="#ffffff" />
<path
d="M16.2537 13.7828H22.0281C23.3873 13.7828 24.4995 14.8873 24.4995 16.2543V22.0287C24.4995 23.3869 23.3863 24.5002 22.0281 24.5002H16.2537C14.8867 24.5002 13.7822 23.388 13.7822 22.0287V16.2543C13.7822 14.8862 14.8856 13.7828 16.2537 13.7828Z"
stroke="#ffffff" />
</svg>
</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="wp-btn">
<i class="fa-brands fa-whatsapp text-primary 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="vcard32-sticky-btn vcard32-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">
<i class="fa-solid fa-paper-plane"></i> </a>
</div>
</div>
@endif
@if (empty($vcard->hide_stickybar))
<div
class="{{ isset($vcard->whatsapp_share) ? 'vcard32-btn-group' : 'stickyIcon' }}">
<button type="button"
class="vcard32-btn-group vcard32-share vcard32-sticky-btn mb-3 px-2 py-1"><i
class="fas fa-share-alt fs-4 pt-1"></i></button>
@if (!empty($vcard->enable_download_qr_code))
<a type="button"
class="vcard32-btn-group vcard32-sticky-btn d-flex justify-content-center align-items-center px-2 mb-3 py-2"
id="qr-code-btn" download="qr_code.png"><i
class="fa-solid fa-qrcode fs-4 text-primary"></i></a>
@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"></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"
@if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>
@csrf
<input type="hidden" name="vcard_id" value="{{ $vcard->id }}">
<div class="input-group mb-3 mt-5">
<input type="email" class="form-control bg-dark border-0 text-light"
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="vcard32-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="btn btn-sm btn-icon btn-active-color-danger border-none share-modal-close-btn"
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 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
@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>
<script>
let stripe = ''
@if (!empty($setting) && !empty($setting->value))
stripe = Stripe('{{ $setting->value }}');
@endif
$(document).ready(function() {
$(".gallery-slider").slick({
arrows: false,
infinite: true,
dots: false,
slidesToShow: 2.3,
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: 768,
settings: {
slidesToShow: 2.15,
dots: false,
},
},
{
breakpoint: 575,
settings: {
dots: true,
slidesToShow: 1,
},
},
],
});
$(".product-slider").slick({
arrows: true,
infinite: true,
dots: false,
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
vertical: false,
responsive: [{
breakpoint: 575,
settings: {
slidesToShow: 1,
dots: true,
},
}, ],
});
$(".blog-slider").slick({
arrows: false,
infinite: true,
dots: true,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
responsive: [{
breakpoint: 575,
settings: {
slidesToShow: 1,
dots: true,
},
}, ],
});
@if ($vcard->services_slider_view)
$('.services-slider-view').slick({
dots: true,
infinite: true,
speed: 300,
centerMode: true,
centerPadding: '60px',
slidesToShow: 1,
autoplay: true,
slidesToScroll: 1,
arrows: false,
adaptiveHeight: true,
responsive: [{
breakpoint: 500,
settings: {
centerMode: false,
},
}, ],
});
@endif
$(".iframe-slider").slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
speed: 300,
infinite: true,
autoplaySpeed: 5000,
autoplay: true,
responsive: [{
breakpoint: 575,
settings: {
centerPadding: "125px",
dots: true,
},
},
{
breakpoint: 480,
settings: {
centerPadding: "0",
dots: true,
},
},
],
});
$(".testimonial-slider").slick({
arrows: true,
infinite: true,
dots: false,
slidesToShow: 1,
slidesToScroll: 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,
dots: true,
},
}, ],
});
});
</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>
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" defer></script>
</html>