PATH:
home
/
rwabteecom
/
public_html
/
resources
/
views
/
vcardTemplates
/
Editing: vcard16.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="{{ strip_tags($vcard->description) }}"> <meta name="keywords" content=""> @endif <meta property="og:image" content="{{ $vcard->cover_url }}" /> <meta name="viewport" content="width=device-width, initial-scale=1"> @if (checkFeature('seo') && $vcard->site_title && $vcard->home_title) <title>{{ $vcard->home_title }} | {{ $vcard->site_title }}</title> @else <title>{{ $vcard->name }} | {{ getAppName() }}</title> @endif <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- 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="icon" href="{{ getVcardFavicon($vcard) }}" type="image/png"> <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"> {{-- css link --}} <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" type="text/css" href="{{ asset('/assets/css/custom-vcard.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/lightbox.css') }}"> <link rel="stylesheet" href="{{ mix('assets/css/vcard16.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="vcard-sixteen-effect"></div> <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"> {{-- Pwa support --}} @if (isset($enable_pwa) && $enable_pwa == 1 && !isiOSDevice()) <div class="mt-0"> <div class="pwa-support d-flex align-items-center justify-content-center"> <div> <h1 class="text-start pwa-heading">{{ __('messages.pwa.add_to_home_screen') }}</h1> <p class="text-start pwa-text text-dark">{{ __('messages.pwa.pwa_description') }} </p> <div class="text-end d-flex"> <button id="installPwaBtn" class="pwa-install-button w-50 mb-1 btn">{{ __('messages.pwa.install') }} </button> <button class="pwa-cancel-button w-50 ms-2 pwa-close btn btn-secondary mb-1">{{ __('messages.common.cancel') }}</button> </div> </div> </div> </div> @endif {{-- support banner --}} @if ((isset($managesection) && $managesection['banner']) || empty($managesection)) @if (isset($banners->title)) <div class="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"> <a href="{{ $banners->url }}" class="act-now text-light" target="_blank" data-turbo="false">{{ $banners->banner_button }}</a> </div> </div> </div> @endif @endif <div class="banner-section w-100"> <div class="banner-img @if ($vcard->cover_type == 2) h-auto @endif"> @php $coverClass = $vcard->cover_image_type == 0 ? 'object-fit-cover w-100 h-100' : 'object-fit-cover w-100 h-100'; @endphp @if ($vcard->cover_type == 0) <img src="{{ $vcard->cover_url }}" class="{{ $coverClass }}" loading="lazy" /> @elseif($vcard->cover_type == 1) @if (strpos($vcard->cover_url, '.mp4') !== false || strpos($vcard->cover_url, '.mov') !== false || strpos($vcard->cover_url, '.avi') !== false) <video class="cover-video {{ $coverClass }}" loop autoplay muted playsinline alt="background video" id="cover-video"> <source src="{{ $vcard->cover_url }}" type="video/mp4"> </video> @endif @elseif ($vcard->cover_type == 2) <div class="youtube-link-16"> <iframe src="https://www.youtube.com/embed/{{ YoutubeID($vcard->youtube_link) }}?autoplay=1&mute=1&loop=1&playlist={{ YoutubeID($vcard->youtube_link) }}&controls=0&modestbranding=1&showinfo=0&rel=0" class="cover-video {{ $coverClass }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> </div> @endif <div class="d-flex justify-content-end position-absolute top-0 end-0 mx-3 z-index-9 language-btn"> @if ($vcard->language_enable == \App\Models\Vcard::LANGUAGE_ENABLE) <div class="language pt-3"> <ul class="text-decoration-none ps-0"> <li class="dropdown1 dropdown lang-list"> <a class="dropdown-toggle lang-head text-decoration-none" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> {{ strtoupper(getLanguageIsoCode($vcard->default_language)) }} </a> <ul class="dropdown-menu 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 {{ strtoupper($language->iso_code) }} </a> </li> @endforeach </ul> </li> </ul> </div> @endif </div> </div> </div> <div class="profile-section px-30 pt-30 pb-50 position-relative"> <div class="row justify-content-end"> <div class="col-12"> <div class="card flex-sm-row gap-3 align-items-center position-relative @if ($vcard->cover_type == 2) profile-margin @endif"> <div class="profile-bg"> <img src="{{ asset('assets/img/vcard16/profile-bg-vector.png') }}" alt="profile-bg" /> </div> <div class="card-img d-flex justify-content-center align-items-center"> <img src="{{ $vcard->profile_url }}" class="h-100 w-100 object-fit-cover" loading="lazy" /> </div> <div class="card-body text-center p-0"> <div class="profile-name"> <h2 class=" text-primary fs-28 fw-bold mb-0 font-hedvig"> {{ 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-decoration-underline fw-5 mb-0">{{ ucwords($vcard->company) }}</p> <p class="fs-14 text-gray-300 mb-0">{{ ucwords($vcard->occupation) }}</p> <p class="fs-14 text-gray-300 mb-0">{{ ucwords($vcard->job_title) }}</p> </div> </div> </div> </div> </div> </div> @if (checkFeature('social_links') && getSocialLink($vcard)) <div class="social-media mt-0 pt-50 px-30 d-flex justify-content-center"> <div class="social-icons d-flex justify-content-center flex-wrap w-100"> @foreach (getSocialLink($vcard) as $value) {!! $value !!} @endforeach </div> {{-- <a href="" class="social-icon d-flex justify-content-center align-items-center"> <i class="fa-brands fa-facebook "></i> </a> <a href="" class="social-icon d-flex justify-content-center align-items-center"> <i class="fa-brands fa-instagram"></i> </a> <a href="" class="social-icon d-flex justify-content-center align-items-center"> <i class="fa-brands fa-linkedin-in"></i> </a> <a href="" class="social-icon d-flex justify-content-center align-items-center"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.166748 21.8325C0.200617 21.7072 0.219971 21.6253 0.244164 21.5434C0.708657 19.8615 1.17315 18.1844 1.62797 16.5026C1.66184 16.3725 1.64248 16.1942 1.57958 16.0785C-0.525153 12.1606 -0.147752 7.54869 2.70211 4.13195C5.29069 1.01399 8.66794 -0.263067 12.6935 0.291129C15.2966 0.652562 17.4449 1.89589 19.1819 3.85244C22.5737 7.68363 22.714 13.4232 19.5642 17.4953C16.4676 21.5 10.8162 22.806 6.28257 20.5362C5.99227 20.3916 5.7455 20.3675 5.43584 20.4542C3.77625 20.9024 2.11665 21.3265 0.452218 21.7602C0.374802 21.7795 0.292548 21.7988 0.166748 21.8325ZM5.52777 8.49323C5.60519 8.85949 5.65841 9.23537 5.76002 9.59681C5.96807 10.3197 6.40353 10.9221 6.83416 11.5244C8.32441 13.6063 10.2066 15.158 12.7129 15.8809C13.758 16.1797 14.7402 16.1411 15.6644 15.4906C16.3079 15.0376 16.5159 14.4063 16.5063 13.6738C16.5063 13.5533 16.4095 13.3798 16.3079 13.3268C15.5821 12.9605 14.8467 12.6087 14.1064 12.2714C13.8161 12.1365 13.6806 12.1943 13.4822 12.4497C13.2258 12.7726 12.9693 13.0907 12.7081 13.4039C12.5629 13.5822 12.3839 13.6448 12.1516 13.5533C10.5404 12.9172 9.30662 11.8473 8.43085 10.363C8.31473 10.1703 8.32441 10.0112 8.47924 9.84258C8.66794 9.63536 8.84696 9.4185 9.02115 9.19682C9.24372 8.90768 9.29694 8.60889 9.13243 8.2571C8.89535 7.75591 8.70181 7.23545 8.48408 6.72463C8.15506 5.93911 8.15506 5.91984 7.29381 5.94875C7.06157 5.95839 6.78577 6.04513 6.61643 6.19452C5.91969 6.79209 5.56648 7.56315 5.52777 8.49323Z" /> </svg> </a> <a href="" class="social-icon d-flex justify-content-center align-items-center"> <i class="fa-brands fa-twitter"></i> </a> --}} </div> @endif <div class="px-30 pt-50 position-relative"> <div class="position-absolute vector-2 vector-all"> <img src="{{ asset('assets/img/vcard16/vector-2.png') }}" alt="images" class="w-100" /> </div> <div class="profile-desc text-primary text-center fs-14"> <p class=" mb-0"> {!! $vcard->description !!} </p> </div> {{-- custom link section --}} @if (checkFeature('custom-links') && $customLink->isNotEmpty()) <div class="custom-link-section"> <div class="custom-link d-flex flex-wrap justify-content-center pt-50 gap-2 w-100 position-relative"> @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="d-flex justify-content-center align-items-center text-decoration-none link-text font-primary btn"> {{ $value->link_name }} </a> @else <a href="{{ $value->link }}" @if ($value->open_new_tab == 1) target="_blank" @endif class="d-flex justify-content-center align-items-center text-decoration-none link-text text-black "> {{ $value->link_name }} </a> @endif @endforeach </div> </div> @endif {{-- End custom link section --}} </div> @php $hasContactData = $vcard->email || $vcard->alternative_email || $vcard->phone || $vcard->alternative_phone || $vcard->dob || $vcard->location; @endphp @if (((isset($managesection) && $managesection['contact_list']) || empty($managesection)) && $hasContactData) <div class="contact-section pt-50 position-relative"> <div class="position-absolute vector-1 text-end vector-all"> <img src="{{ asset('assets/img/vcard16/vector-3.png') }}" alt="images" class="w-100" /> </div> <div class="section-heading text-center mb-40"> <h2 class="text-primary text-center">{{ __('messages.contact_us.contact') }}</h2> </div> <div class="px-30"> @if (getLanguage($vcard->default_language) != 'Arabic') <div class="row row-gap-20px"> {{-- email --}} @if ($vcard->email) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/email.svg') }}" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->email }}" class="event-name text-center mb-0 text-decoration-none">{{ $vcard->email }}</a> </div> </div> </div> @endif {{-- alternative email --}} @if ($vcard->alternative_email) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/email.svg') }}" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->alternative_email }}" class="event-name text-center mb-0 text-decoration-none">{{ $vcard->alternative_email }}</a> </div> </div> </div> @endif {{-- phone --}} @if ($vcard->phone) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/phone.svg') }}" /> </div> <div class="contact-desc"> <a href="tel:+ {{ $vcard->region_code }} {{ $vcard->phone }}" class="text-primary mb-0 fs-14" dir="ltr">+{{ $vcard->region_code }} {{ $vcard->phone }}</a> </div> </div> </div> @endif {{-- alternative phone --}} @if ($vcard->alternative_phone) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/phone.svg') }}" /> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->alternative_region_code }} {{ $vcard->alternative_phone }}" class="text-primary mb-0 fs-14" dir="ltr">+{{ $vcard->alternative_region_code }} {{ $vcard->alternative_phone }}</a> </div> </div> </div> @endif {{-- dob --}} @if ($vcard->dob) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/dob-icon.svg') }}" /> </div> <div class="contact-desc"> <p class="text-primary fs-14 mb-0">{{ $vcard->dob }}</p> </div> </div> </div> @endif {{-- location --}} @if ($vcard->location) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/location.svg') }}" /> </div> <div class="contact-desc"> <p class="text-primary fs-14 mb-0">{!! ucwords($vcard->location) !!}</p> </div> </div> </div> @endif </div> @else {{-- Arabic layout --}} <div class="row row-gap-20px" dir="rtl"> {{-- email --}} @if ($vcard->email) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/email.svg') }}" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->email }}" class="event-name text-center mb-0 text-decoration-none">{{ $vcard->email }}</a> </div> </div> </div> @endif {{-- alternative email --}} @if ($vcard->alternative_email) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/email.svg') }}" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->alternative_email }}" class="event-name text-center mb-0 text-decoration-none">{{ $vcard->alternative_email }}</a> </div> </div> </div> @endif {{-- phone --}} @if ($vcard->phone) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/phone.svg') }}" /> </div> <div class="contact-desc"> <a href="tel:+ {{ $vcard->region_code }} {{ $vcard->phone }}" class="text-primary mb-0 fs-14" dir="ltr">+{{ $vcard->region_code }} {{ $vcard->phone }}</a> </div> </div> </div> @endif {{-- alternative phone --}} @if ($vcard->alternative_phone) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/phone.svg') }}" /> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->alternative_region_code }} {{ $vcard->alternative_phone }}" class="text-primary mb-0 fs-14" dir="ltr">+{{ $vcard->alternative_region_code }} {{ $vcard->alternative_phone }}</a> </div> </div> </div> @endif {{-- dob --}} @if ($vcard->dob) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/dob-icon.svg') }}" /> </div> <div class="contact-desc"> <p class="text-primary fs-14 mb-0">{{ $vcard->dob }}</p> </div> </div> </div> @endif {{-- location --}} @if ($vcard->location) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/location.svg') }}" /> </div> <div class="contact-desc"> <p class="text-primary fs-14 mb-0">{!! ucwords($vcard->location) !!}</p> </div> </div> </div> @endif </div> @endif </div> </div> @endif {{-- make appointment --}} @if ((isset($managesection) && $managesection['appointments']) || empty($managesection)) @if (checkFeature('appointments') && $vcard->appointmentHours->count()) <div class="appointment-section pt-50 mt-50 pb-3 bg-primary position-relative"> <div class="position-absolute vector-3 vector-all"> <img src="{{ asset('assets/img/vcard16/vector-1.png') }}" alt="images" class="w-100" /> </div> <div class="section-heading text-center mb-40"> <h2 class="text-white text-center mb-0">{{ __('messages.make_appointments') }}</h2> </div> <div class="appointment px-30"> <div class="row"> <div class="col-12 mb-20"> <div class="position-relative"> {{ Form::text('date', null, ['class' => ' date form-control appointment-input text-start', 'placeholder' => __('messages.form.pick_date'), 'id' => 'pickUpDate']) }} <span class="calendar-icon"> <img src="{{ asset('assets/img/vcard16/Vector.png') }}" /> </span> </div> </div> <div class="col-12"> <div id="slotData" class="row"> </div> </div> <div class="col-12 text-center mt-2"> <button class="btn btn-white appoint-btn appointmentAdd d-none">{{ __('messages.make_appointments') }}</button> </div> </div> </div> </div> @include('vcardTemplates.appointment') @endif @endif {{-- service --}} @if ((isset($managesection) && $managesection['services']) || empty($managesection)) @if (checkFeature('services') && $vcard->services->count()) <div class="our-services-section pt-50"> <div class="section-heading text-center mb-40"> <h2 class="text-primary text-center">{{ __('messages.vcard.our_service') }}</h2> </div> <div class="services-bg"> <img src="{{ asset('assets/img/vcard16/vector-13.png') }}" alt="" class="w-100" loading="lazy"> </div> <div class="services"> @if ($vcard->services_slider_view) <div class="px-20"> <div class="services-slider-view"> @foreach ($vcard->services as $service) <div> <div class="service-card h-100"> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="card-img text-decoration-none img {{ $service->service_url ? 'pe-auto' : 'pe-none' }}" target="{{ $service->service_url ? '_blank' : '' }}"> <img src="{{ $service->service_icon }}" class="card-img-top service-new-image" alt="{{ $service->name }}" loading="lazy"> </a> <div class="card-body text-center"> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none" target="{{ $service->service_url ? '_blank' : '' }}"> <h5 class="card-title title-text"> {{ ucwords($service->name) }}</h5> </a> <p class="card-text description-text {{ \Illuminate\Support\Str::length($service->description) > 170 ? 'more' : '' }}"> {!! \Illuminate\Support\Str::limit($service->description, 170, '...') !!}</p> </div> </div> </div> @endforeach </div> </div> @else <div class="px-30"> <div class="row row-gap-20px"> @foreach ($vcard->services as $service) <div class="col-sm-6"> <div class="service-card card h-100 align-items-center"> <div class="card-img d-flex justify-content-center align-items-center"> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none w-100 h-100 d-block" target="{{ $service->service_url ? '_blank' : '' }}"> <img src="{{ $service->service_icon }}" alt="" class="object-fit-cover w-100" loading="lazy" /> </a> </div> <div class="card-body text-center"> <h3 class="card-title fw-4"> {{ $service->name }}</h3> <p class="mb-0 description-text {{ \Illuminate\Support\Str::length($service->description) > 170 ? 'more' : '' }}"> {!! \Illuminate\Support\Str::limit($service->description, 170, '...') !!} </p> </div> </div> </div> @endforeach </div> </div> @endif </div> </div> @endif @endif {{-- gallery --}} @if ((isset($managesection) && $managesection['galleries']) || empty($managesection)) @if (checkFeature('gallery') && $vcard->gallery->count()) <div class="gallery-section px-20 position-relative pt-50"> <div class="gallery-bg position-absolute vector-all"> <img src="{{ asset('assets/img/vcard16/gallery-bg.png') }}" class="w-100" loading="lazy"> </div> <div> <div class="section-heading text-center mb-40"> <h2 class="text-center mb-0">{{ __('messages.plan.gallery') }}</h2> </div> <div class="gallery-slider"> @foreach ($vcard->gallery as $file) @php $infoPath = pathinfo(public_path($file->gallery_image)); $extension = $infoPath['extension']; @endphp <div class=""> <div class="wrapper"> <div class="gallery-images"> <div class="expand-icon pe-none"> <i class="fas fa-expand text-white"></i> </div> @if ($file->type == App\Models\Gallery::TYPE_IMAGE) <div class="gallery-img img-2 mx-auto"> <a href="{{ $file->gallery_image }}" data-lightbox="gallery-images"><img src="{{ $file->gallery_image }}" alt="profile" class="img-fluid h-100 object-fit-cover w-100" loading="lazy" /></a> </div> @elseif($file->type == App\Models\Gallery::TYPE_FILE) <div class="gallery-img img-2 mx-auto"> <a id="file_url" href="{{ $file->gallery_image }}" class="gallery-link gallery-file-link" target="_blank" loading="lazy"> <div class="gallery-item" @if ($extension=='pdf' ) style="background-image: url({{ asset('assets/images/pdf-icon.png') }})"> @endif @if ($extension == 'xls') style="background-image: url({{ asset('assets/images/xls.png') }})"> @endif @if ($extension == 'csv') style="background-image: url({{ asset('assets/images/csv-file.png') }})"> @endif @if ($extension == 'xlsx') style="background-image: url({{ asset('assets/images/xlsx.png') }})"> @endif </div> </a> </div> @elseif($file->type == App\Models\Gallery::TYPE_VIDEO) <video width="100%" height="" controls> <source src="{{ $file->gallery_image }}"> </video> @elseif($file->type == App\Models\Gallery::TYPE_AUDIO) <div class="audio-container"> <img src="{{ asset('assets/img/music.jpeg') }}" alt="Album Cover" class="audio-image" height="135"> <audio controls src="{{ $file->gallery_image }}" class="mt-2"> Your browser does not support the <code>audio</code> element. </audio> </div> @else <div class="gallery-img img-2 mx-auto"> <iframe src="https://www.youtube.com/embed/{{ YoutubeID($file->link) }}" class="w-100 h-100"> </iframe> </div> @endif </div> </div> </div> @endforeach </div> </div> </div> @endif @endif {{-- product --}} @if ((isset($managesection) && $managesection['products']) || empty($managesection)) @if (checkFeature('products') && $vcard->products->count()) <div class="product-section pt-50 px-20 position-relative"> <div class="position-absolute vector-5 vector-all text-end"> <img src="{{ asset('assets/img/vcard16/vector-8.png') }}" alt="images" class="w-100" /> </div> <div class="section-heading text-center mb-40"> <h2 class="text-primary text-center">{{ __('messages.plan.products') }}</h2> </div> <div class="mb-4"> <div class="product-slider"> @foreach ($vcardProducts as $product) <div class=""> <div class="product-card card"> <a @if ($product->product_url) href="{{ $product->product_url }}" @endif target="_blank" class="text-decoration-none fs-6"> <div class="product-img card-img"> <img src="{{ $product->product_icon }}" class="w-100 h-100 object-fit-contain" loading="lazy" /> </div> <div class="product-desc card-body d-flex align-items-center justify-content-center flex-column gap-2"> <div class="product-title"> <h3 class="text-gray-300 text-center fw-normal mb-0">{{ $product->name }}</h3> </div> <div class="product-amount text-primary fs-18"> @if ($product->currency_id && $product->price) <span class="text-dark">{{ $product->currency->currency_icon }}{{ getSuperAdminSettingValue('hide_decimal_values') == 1 ? number_format($product->price, 0) : number_format($product->price, 2) }}</span> @elseif($product->price) <span class="text-dark">{{ getUserCurrencyIcon($vcard->user->id) . ' ' . $product->price }}</span> @endif </div> </div> </a> </div> </div> @endforeach </div> </div> <div class="text-center"> <div class="text-center view-more d-inline-flex gap-2 align-items-center"> <a class="fs-6" href="{{ $vcardProductUrl }}">{{ __('messages.analytics.view_more') }}</a> <i class="fa-solid fa-arrow-right right-arrow-animation"></i> </div> </div> </div> @endif @endif {{-- testimonial --}} @if ((isset($managesection) && $managesection['testimonials']) || empty($managesection)) @if (checkFeature('testimonials') && $vcard->testimonials->count()) <div class="testimonial-section pt-50 px-20 position-relative"> <div class="section-heading text-center mb-40"> <h2 class="text-center mb-0">{{ __('messages.plan.testimonials') }}</h2> </div> <div class="testimonial-slider"> @foreach ($vcard->testimonials as $testimonial) <div class=""> <div class="testimonial-card"> <div class="card-img"> <img src="{{ $testimonial->image_url }}" alt="testimonial" class="w-100 h-100 object-fit-cover" loading="lazy"> </div> <div class="card-body p-0 text-center"> <h6 class="card-title mb-4 text-white"> {{ ucwords($testimonial->name) }} </h6> <div class="position-relative"> <div class="position-absolute quote-left"> <img src="{{ asset('assets/img/vcard16/quote-left.svg') }}" alt="quote-left" /> </div> <p class="text-gray-300 mb-4 {{ \Illuminate\Support\Str::length($testimonial->description) > 80 ? 'more' : '' }}"> {!! $testimonial->description !!} </p> <div class="position-absolute quote-right"> <img src="{{ asset('assets/img/vcard16/quote-right.svg') }}" alt="quote-right" /> </div> </div> </div> </div> </div> @endforeach </div> <div class="testimonial-bg-img"> <img src="{{ asset('assets/img/vcard16/testimonial-bg-img.png') }}" loading="lazy" class="w-100" /> </div> </div> @endif @endif {{-- insta feed --}} @if ((isset($managesection) && $managesection['insta_embed']) || empty($managesection)) @if (checkFeature('insta_embed') && $vcard->instagramEmbed->count()) <div class="insta-section pt-50 position-relative"> <div class="position-absolute vector-6 vector-all text-end"> <img src="{{ asset('assets/img/vcard16/vector-6.png') }}" alt="images" class="w-100" /> </div> <div class="section-heading text-center mb-40"> <h2 class="text-primary text-center">{{ __('messages.feature.insta_embed') }}</h2> </div> <nav class="px-30"> <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 pb-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 pb-2 instagram-btn reelsbtn border-0 text-dark" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false"> <svg class="svg-reels-icon" viewBox="0 0 48 48" width="27" height="27"> <path d="m33,6H15c-.16,0-.31,0-.46.01-.7401.04-1.46.17-2.14.38-3.7,1.11-6.4,4.55-6.4,8.61v18c0,4.96,4.04,9,9,9h18c4.96,0,9-4.04,9-9V15c0-4.96-4.04-9-9-9Zm7,27c0,3.86-3.14,7-7,7H15c-3.86,0-7-3.14-7-7V15c0-3.37,2.39-6.19,5.57-6.85.46-.1.94-.15,1.43-.15h18c3.86,0,7,3.14,7,7v18Z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <path d="M21 16h-2.2l-.66-1-4.57-6.85-.76-1.15h2.39l.66 1 4.67 7 .3.45c.11.17.17.36.17.55zM34 16h-2.2l-.66-1-4.67-7-.66-1h2.39l.66 1 4.67 7 .3.45c.11.17.17.36.17.55z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <rect width="36" height="3" x="6" y="15" fill="currentColor" class="color000 svgShape"></rect> <path d="m20,35c-.1753,0-.3506-.0459-.5073-.1382-.3052-.1797-.4927-.5073-.4927-.8618v-10c0-.3545.1875-.6821.4927-.8618.3066-.1797.6831-.1846.9932-.0122l9,5c.3174.1763.5142.5107.5142.874s-.1968.6978-.5142.874l-9,5c-.1514.084-.3188.126-.4858.126Zm1-9.3003v6.6006l5.9409-3.3003-5.9409-3.3003Z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <path d="m6,33c0,4.96,4.04,9,9,9h18c4.96,0,9-4.04,9-9v-16H6v16Zm13-9c0-.35.19-.68.49-.86.31-.18.69-.19,1-.01l9,5c.31.17.51.51.51.87s-.2.7-.51.87l-9,5c-.16.09-.3199.13-.49.13-.18,0-.35-.05-.51-.14-.3-.18-.49-.51-.49-.86v-10Zm23-9c0-4.96-4.04-9-9-9h-5.47l6,9h8.47Zm-10.86,0l-6.01-9h-10.13c-.16,0-.31,0-.46.01l5.99,8.99h10.61ZM12.4,6.39c-3.7,1.11-6.4,4.55-6.4,8.61h12.14l-5.74-8.61Z" fill="currentColor" class="color000 svgShape active-svg"></path> </svg> </button> </div> </div> </nav> <div id="postContent" class="insta-feed px-30"> <div class="row overflow-hidden mt-3 row-gap-20px" 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 px-30" id="reelContent"> <div class="row overflow-hidden mt-3 row-gap-20px"> <!-- "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 pb-1 pt-50"> <div class="section-heading text-center mb-40"> <h2 class="text-primary text-center">{{ __('messages.feature.blog') }}</h2> </div> <div class="px-20"> <div class="blog-slider"> @foreach ($vcard->blogs as $blog) <?php $vcardBlogUrl = $isCustomDomainUse ? "https://{$customDomain->domain}/{$vcard->url_alias}/blog/{$blog->id}" : route('vcard.show-blog', [$vcard->url_alias, $blog->id]); ?> <div class=""> <div class="blog-card card align-items-center " @if (getLanguage($vcard-> default_language) == 'Arabic') dir="rtl" @endif> <div class="card-img overflow-hidden"> <a href="{{ $vcardBlogUrl }}"> <img src="{{ $blog->blog_icon }}" alt="profile" class="w-100 h-100 blog-img" loading="lazy" /> </a> </div> <div class="card-body w-100 text-sm-start"> <a href="{{ $vcardBlogUrl }}"> <h6 class="card-title text-primary">{{ $blog->title }}</h6> </a> <p class="text-gray-300 blog-desc mb-2"> {{ Illuminate\Support\Str::words( str_replace(' ', ' ', strip_tags($blog->description)), 100, '...' ) }} </p> <div class="d-flex align-items-center justify-content-end"> <a href="{{ $vcardBlogUrl }}" class="d-inline-flex align-items-center justify-content-end gap-2 read-more"> {{ __('messages.vcard_11.read_more') }} <svg class="svg-inline--fa fa-arrow-right-long text-decoration-none" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right-long" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M502.6 278.6l-128 128c-12.51 12.51-32.76 12.49-45.25 0c-12.5-12.5-12.5-32.75 0-45.25L402.8 288H32C14.31 288 0 273.7 0 255.1S14.31 224 32 224h370.8l-73.38-73.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l128 128C515.1 245.9 515.1 266.1 502.6 278.6z"> </path> </svg> </a> </div> </div> </div> </div> @endforeach </div> </div> <div class="blog-bg vector-all"> <img src="{{ asset('assets/img/vcard16/vector-14.png') }}" loading="lazy" class="w-100"> </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-50 mt-50 pb-30 bg-primary position-relative"> <div class="position-absolute vector-7 vector-all"> <img src="{{ asset('assets/img/vcard16/vector-7.png') }}" alt="images" class="w-100" /> </div> <div class="section-heading text-center mb-40"> <h2 class="text-white text-center mb-2">{{ __('messages.business.business_hours') }}</h2> </div> <div class="px-30"> <div class="bussiness-hour-card row justify-content-center row-gap-20px" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> @foreach ($businessDaysTime as $key => $dayTime) <div class="col-sm-6"> <div class="days d-flex gap-2 align-items-center"> <div class="time-icons"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M10.5 21h-4.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v3"> </path> <path d="M16 3v4"></path> <path d="M8 3v4"></path> <path d="M4 11h10"></path> <path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path> <path d="M18 16.5v1.5l.5 .5"></path> </svg> </div> <div> <div class="fs-14 text-decoration-underline"> {{ __('messages.business.' . \App\Models\BusinessHour::DAY_OF_WEEK[$key]) }} </div> <div class="fw-5"> {{ $dayTime ?? __('messages.common.closed') }}</div> </div> </div> </div> @endforeach </div> </div> {{--<div class="business-hour-bg vector-all text-end"> <img src="{{ asset('assets/img/vcard16/hour-bg-img.png') }}" class="w-100" /> </div>--}} </div> @endif @endif {{-- qrcode --}} @if (isset($vcard['show_qr_code']) && $vcard['show_qr_code'] == 1) <div class="qr-code-section pt-50 position-relative"> <div class="position-absolute vector-4 vector-all"> <img src="{{ asset('assets/img/vcard16/vector-15.png') }}" alt="images" class="w-100" /> </div> <div class="section-heading text-center mb-40"> <h2 class="text-primary text-center">{{ __('messages.vcard.qr_code') }}</h2> </div> <div class="px-30"> <div class="align-items-center flex-sm-row flex-column-reverse justify-content-center" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="qr-code d-flex w-100 justify-content-center position-relative ms-sm-auto mx-auto flex-wrap flex-sm-nowrap"> <div class="qr-code-img" id="qr-code-sixteen"> @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 class="text-sm-start text-center"> <h5 class="fw-6">{{ __('messages.vcard.scan_to_contact') }}</h5> <p class="fs-14 text-gray mb-0">{{ __('messages.vcard.qr_section_desc') }}</p> </div> </div> </div> </div> </div> @endif {{-- iframe --}} @if ((isset($managesection) && $managesection['iframe']) || empty($managesection)) @if (checkFeature('iframes') && $vcard->iframes->count()) <div class="iframe-section pt-50 px-20 position-relative"> <div class="position-absolute vector-8 vector-all text-end"> <img src="{{ asset('assets/img/vcard16/vector-11.png') }}" alt="images" class="w-100" /> </div> <div class="section-heading text-center mb-40"> <h2 class="text-center mb-0">{{ __('messages.vcard.iframe') }}</h2> </div> <div> <div class="iframe-slider"> @foreach ($vcard->iframes as $iframe) <div> <div class="iframe-card blog-1 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="400" loading="lazy"> </iframe> </div> </div> </div> @endforeach </div> </div> </div> @endif @endif {{-- contact us --}} @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-50 px-30 position-relative"> <div class="position-absolute vector-9 vector-all"> <img src="{{ asset('assets/img/vcard16/vector-16.png') }}" alt="images" class="w-100" /> </div> <div class="section-heading text-center mb-40"> <h2 class="text-primary text-center">{{ __('messages.contact_us.inquries') }}</h2> </div> @if (getLanguage($vcard->default_language) != 'Arabic') <div class="contact-form position-relative"> <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-12"> <div class="mb-3"> <input type="text" name="name" class="form-control" placeholder="{{ __('messages.form.your_name') }}" id="name" /> </div> </div> <div class="col-12"> <div class="mb-3"> <input type="email" name="email" class="form-control" placeholder="{{ __('messages.form.your_email') }}" id="email" /> </div> </div> <div class="col-12"> <div class="mb-3"> <input type="tel" name="phone" class="form-control" placeholder="{{ __('messages.form.phone') }}" id="phone" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")" /> </div> </div> <div class="col-12"> <div class="mb-3"> <textarea class="form-control h-100" rows="4" name="message" placeholder="{{ __('messages.form.type_message') }}" rows="4"></textarea> </div> </div> @if (isset($inquiry) && $inquiry == 1) <div class="mb-3"> <div class="wrapper-file-input"> <div class="input-box" id="fileInputTrigger"> <h4> <i class="fa-solid fa-upload me-2"></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"> <div class="d-flex gap-1"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition mt-1" id="termConditionCheckbox" placeholder> <label class="form-check-label fs-14" for="privacyPolicyCheckbox"> <span class="text-gray-300">{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="fw-5 link-info">{!! __('messages.vcard.term_and_condition') !!}</a> <span class="text-dark">&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="fw-5 link-info">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> </div> @endif <div class="col-12 text-center mt-4"> <button class="contact-btn send-btn btn-primary" type="submit"> {{ __('messages.contact_us.send_message') }} </button> </div> </div> </form> </div> @endif @if (getLanguage($vcard->default_language) == 'Arabic') <div class="contact-form position-relative" 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-12"> <div class="mb-3"> <input type="text" name="name" class="form-control" placeholder="{{ __('messages.form.your_name') }}" id="name" /> </div> </div> <div class="col-12"> <div class="mb-3"> <input type="email" name="email" class="form-control" placeholder="{{ __('messages.form.your_email') }}" id="email" /> </div> </div> <div class="col-12"> <div class="mb-3"> <input type="tel" name="phone" class="form-control text-end" placeholder="{{ __('messages.form.phone') }}" id="phone" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")" /> </div> </div> <div class="col-12"> <div class="mb-3"> <textarea class="form-control h-100" rows="4" name="message" placeholder="{{ __('messages.form.type_message') }}" rows="4"></textarea> </div> </div> @if (isset($inquiry) && $inquiry == 1) <div class="mb-3"> <div class="wrapper-file-input"> <div class="input-box" id="fileInputTrigger"> <h4> <i class="fa-solid fa-upload me-2"></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"> <div class="d-flex gap-1"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition mt-1" id="termConditionCheckbox" placeholder> <label class="form-check-label fs-14" for="privacyPolicyCheckbox"> <span class="text-gray-300">{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="fw-5 link-info">{!! __('messages.vcard.term_and_condition') !!}</a> <span class="text-dark">&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="fw-5 link-info">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> </div> @endif <div class="col-12 text-center mt-4 mb-2"> <button class="contact-btn send-btn btn-primary w-50" type="submit"> {{ __('messages.contact_us.send_message') }} </button> </div> </div> </form> </div> @endif </div> @endif {{-- create vcard --}} @if ($currentSubs && $currentSubs->plan->planFeature->affiliation && $vcard->enable_affiliation) <div class="create-vcard-section bg-primary mt-50 pt-50 pb-50 position-relative px-30"> <div class="position-absolute vector-10 vector-all text-end"> <img src="{{ asset('assets/img/vcard16/vector-9.png') }}" alt="images" class="w-100" /> </div> <div class="section-heading text-center mb-40"> <h2 class="text-white text-center mb-2">{{ __('messages.create_vcard') }}</h2> </div> <div class="vcard-link-card card"> <div class="d-flex justify-content-center align-items-center gap-2 gap-sm-3" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <a target="_blank" href="{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}" class="fw-5 text-white link-text">{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }} </a> <i class="icon fa-solid fa-arrow-up-right-from-square text-white"></i> </div> </div> </div> @endif {{-- map --}} @if ((isset($managesection) && $managesection['map']) || empty($managesection)) @if ($vcard->location_type == 0 && ($vcard->location_url && isset($url[5]))) <div class="pt-50 px-30 position-relative"> <div class="position-absolute vector-12 vector-all"> <img src="{{ asset('assets/img/vcard16/vector-4.png') }}" alt="images" class="w-100" /> </div> <div class="map-section"> <div class="map-location d-flex gap-2 align-items-center pb-2" @if (getLanguage($vcard-> default_language) == 'Arabic') dir="rtl" @endif> <div class="location-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/location.svg') }}"> </div> <p class="text-primary fw-5 mb-0">{!! ucwords($vcard->location) !!}</p> </div> <div class="embed-responsive"> <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> </div> </div> @endif @if ($vcard->location_type == 1 && !empty($vcard->location_embed_tag)) <div class="px-30 pt-50 position-relative"> <div class="position-absolute vector-12 vector-all"> <img src="{{ asset('assets/img/vcard16/vector-4.png') }}" alt="images" class="w-100" /> </div> <div class="map-section"> <div class="embed-responsive embed-responsive-16by9" style="height: 300px;"> {!! $vcard->location_embed_tag ?? '' !!} </div> <div class="map-location d-flex gap-2 align-items-center pt-2" @if (getLanguage($vcard-> default_language) == 'Arabic') dir="rtl" @endif> <div class="location-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard16/location.png') }}"> </div> <p class="text-primary fw-6 fs-14 mb-0">{!! ucwords($vcard->location) !!}</p> </div> </div> </div> @endif @endif {{-- add to contact --}} @if ($vcard->enable_contact) <div class="add-to-contact-section px-30 text-center"> <div class="d-inline-block" @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="vcard16-sticky-btn add-contact-btn gap-2 sticky-vcard16-div d-flex justify-content-center align-items-center {{ Auth::check() ? 'auth-contact-btn' : 'ask-contact-detail-form' }}" data-action="{{ Auth::check() ? route('contact-request.store') : 'show-modal' }}"> <i class="fas fa-download fa-address-book"></i> {{ __('messages.setting.add_contact') }}</a> @else <a href="{{ route('add-contact', $vcard->id) }}" class="vcard16-sticky-btn add-contact-btn gap-2 sticky-vcard16-div d-flex justify-content-center ms-0 align-items-center px-5 text-decoration-none py-1 justify-content-center"><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 py-2"> @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="{{ $vcardPrivacyAndTerm }}"><small>{!! __('messages.vcard.term_policy') !!}</small></a> </div> @endif </div> {{-- mady_by over --}} {{-- sticky buttons --}} <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 lawyer-bars-btn @if (getLanguage($vcard->default_language) == 'Arabic') vcard-bars-btn-left @endif"> <img src="{{ asset('assets/img/vcard16/sticky.svg') }}" loading="lazy" /> </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="fab text-light fa-whatsapp fa-2x" id="wpIcon"></i> </div> <input type="number" class="search-input" id="wpNumber" data-ic-class="search-input" placeholder="{{ __('messages.setting.wp_number') }}" /> <div class="share-wp-btn-div"> <a href="javascript:void(0)" class="vcard16-sticky-btn vcard16-btn-group d-flex justify-content-center align-items-center text-light rounded-0 text-decoration-none py-1 rounded-pill justify-content share-wp-btn"> <i class="fa-solid fa-paper-plane text-dark"></i> </a> </div> </div> @endif @if (empty($vcard->hide_stickybar)) <div class="{{ isset($vcard->whatsapp_share) ? 'vcard16-btn-group' : 'stickyIcon' }}"> <button type="button" class="vcard16-btn-group vcard10-share vcard16-sticky-btn mb-3 px-2 py-1"><i class="fas fa-share-alt pt-1 fs-4"></i></button> @if (!empty($vcard->enable_download_qr_code)) <a type="button" class="vcard16-btn-group vcard16-sticky-btn d-flex justify-content-center text-dark 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"></i></a> @endif {{-- <a type="button" class="vcard16-btn-group vcard16-sticky-btn d-flex justify-content-center text-dark align-items-center px-2 mb-3 py-2 d-none" id="videobtn"><i class="fa-solid fa-video fs-4" style="color: #eceeed;"></i></a> --}} </div> @endif </div> </div> </div> </div> </div> </div> <!-- Modal --> @if ((isset($managesection) && $managesection['news_latter_popup']) || empty($managesection)) <div class="modal fade" id="newsLatterModal" tabindex="-1" aria-labelledby="newsLatterModalLabel" aria-hidden="true"> <div class="modal-dialog news-modal modal-dialog-centered"> <div class="modal-content animate-bottom" id="newsLatter-content"> <div class="newsmodal-header"> <button type="button" class="btn-close position-absolute top-0 end-0" data-bs-dismiss="modal" aria-label="Close" id="closeNewsLatterModal"></button> </div> <div class="modal-body"> <h3 class="content text-start mb-2">{{ __('messages.vcard.subscribe_newslatter') }}</h3> <p class="modal-desc text-start">{{ __('messages.vcard.update_directly') }}</p> <form action="" method="post" id="newsLatterForm"> @csrf <input type="hidden" name="vcard_id" value="{{ $vcard->id }}"> <div class="mb-1 mt-1 d-flex gap-1 justify-content-center align-items-center email-input"> <div class="w-100"> <input type="email" class="text-white form-control bg-dark border-dark email-input w-100" placeholder="{{ __('messages.form.enter_your_email') }}" aria-label="Email" name="email" id="emailSubscription" aria-describedby="button-addon2"> </div> <button class="btn ms-1" type="submit" id="email-send">{{ __('messages.subscribe') }}</button> </div> </form> </div> </div> </div> </div> @endif {{-- share modal code --}} <div id="vcard10-shareModel" class="modal fade" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class=""> <div class="row align-items-center mt-3"> <div class="col-10 text-center"> <h5 class="modal-title pl-50">{{ __('messages.vcard.share_my_vcard') }}</h5> </div> <div class="col-2 p-0"> <button type="button" aria-label="Close" class="btn btn-sm btn-icon btn-active-color-danger border-none" data-bs-dismiss="modal"> <span class="svg-icon svg-icon-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1"> <g transform="translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#000000"> <rect fill="#000000" x="0" y="7" width="16" height="2" rx="1" /> <rect fill="#000000" opacity="0.5" transform="translate(8.000000, 8.000000) rotate(-270.000000) translate(-8.000000, -8.000000)" x="0" y="7" width="16" height="2" rx="1" /> </g> </svg> </span> </button> </div> </div> </div> @php $shareUrl = $vcardUrl; @endphp <div class="modal-body"> <a href="http://www.facebook.com/sharer.php?u={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Facebook"> <div class="row"> <div class="col-2"> <i class="fab fa-facebook fa-2x" style="color: #1B95E0"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_facebook') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://twitter.com/share?url={{ $shareUrl }}&text={{ $vcard->name }}&hashtags=sharebuttons" target="_blank" class="text-decoration-none share" title="Twitter"> <div class="row"> <div class="col-2"> <span><svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 512 512"> <!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /> </svg></span> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_twitter') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://www.linkedin.com/shareArticle?mini=true&url={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Linkedin"> <div class="row"> <div class="col-2"> <i class="fab fa-linkedin fa-2x" style="color: #1B95E0"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_linkedin') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="mailto:?Subject=&Body={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Email"> <div class="row"> <div class="col-2"> <i class="fas fa-envelope fa-2x" style="color: #191a19 "></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_email') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://pinterest.com/pin/create/link/?url={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Pinterest"> <div class="row"> <div class="col-2"> <i class="fab fa-pinterest fa-2x" style="color: #bd081c"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_pinterest') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://reddit.com/submit?url={{ $shareUrl }}&title={{ $vcard->name }}" target="_blank" class="text-decoration-none share" title="Reddit"> <div class="row"> <div class="col-2"> <i class="fab fa-reddit fa-2x" style="color: #ff4500"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_reddit') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="https://wa.me/?text={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Whatsapp"> <div class="row"> <div class="col-2"> <i class="fab fa-whatsapp fa-2x" style="color: limegreen"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_whatsapp') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="https://www.snapchat.com/scan?attachmentUrl={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Snapchat"> <div class="row"> <div class="col-2"> <svg width="30px" height="30px" viewBox="147.353 39.286 514.631 514.631" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"> </g> <g id="SVGRepo_iconCarrier"> <path style="fill:#FFFC00;" d="M147.553,423.021v0.023c0.308,11.424,0.403,22.914,2.33,34.268 c2.042,12.012,4.961,23.725,10.53,34.627c7.529,14.756,17.869,27.217,30.921,37.396c9.371,7.309,19.608,13.111,30.94,16.771 c16.524,5.33,33.571,7.373,50.867,7.473c10.791,0.068,21.575,0.338,32.37,0.293c78.395-0.33,156.792,0.566,235.189-0.484 c10.403-0.141,20.636-1.41,30.846-3.277c19.569-3.582,36.864-11.932,51.661-25.133c17.245-15.381,28.88-34.205,34.132-56.924 c3.437-14.85,4.297-29.916,4.444-45.035v-3.016c0-1.17-0.445-256.892-0.486-260.272c-0.115-9.285-0.799-18.5-2.54-27.636 c-2.117-11.133-5.108-21.981-10.439-32.053c-5.629-10.641-12.68-20.209-21.401-28.57c-13.359-12.81-28.775-21.869-46.722-26.661 c-16.21-4.327-32.747-5.285-49.405-5.27c-0.027-0.004-0.09-0.173-0.094-0.255H278.56c-0.005,0.086-0.008,0.172-0.014,0.255 c-9.454,0.173-18.922,0.102-28.328,1.268c-10.304,1.281-20.509,3.21-30.262,6.812c-15.362,5.682-28.709,14.532-40.11,26.347 c-12.917,13.386-22.022,28.867-26.853,46.894c-4.31,16.084-5.248,32.488-5.271,49.008"> </path> <path style="fill:#FFFFFF;" d="M407.001,473.488c-1.068,0-2.087-0.039-2.862-0.076c-0.615,0.053-1.25,0.076-1.886,0.076 c-22.437,0-37.439-10.607-50.678-19.973c-9.489-6.703-18.438-13.031-28.922-14.775c-5.149-0.854-10.271-1.287-15.22-1.287 c-8.917,0-15.964,1.383-21.109,2.389c-3.166,0.617-5.896,1.148-8.006,1.148c-2.21,0-4.895-0.49-6.014-4.311 c-0.887-3.014-1.523-5.934-2.137-8.746c-1.536-7.027-2.65-11.316-5.281-11.723c-28.141-4.342-44.768-10.738-48.08-18.484 c-0.347-0.814-0.541-1.633-0.584-2.443c-0.129-2.309,1.501-4.334,3.777-4.711c22.348-3.68,42.219-15.492,59.064-35.119 c13.049-15.195,19.457-29.713,20.145-31.316c0.03-0.072,0.065-0.148,0.101-0.217c3.247-6.588,3.893-12.281,1.926-16.916 c-3.626-8.551-15.635-12.361-23.58-14.882c-1.976-0.625-3.845-1.217-5.334-1.808c-7.043-2.782-18.626-8.66-17.083-16.773 c1.124-5.916,8.949-10.036,15.273-10.036c1.756,0,3.312,0.308,4.622,0.923c7.146,3.348,13.575,5.045,19.104,5.045 c6.876,0,10.197-2.618,11-3.362c-0.198-3.668-0.44-7.546-0.674-11.214c0-0.004-0.005-0.048-0.005-0.048 c-1.614-25.675-3.627-57.627,4.546-75.95c24.462-54.847,76.339-59.112,91.651-59.112c0.408,0,6.674-0.062,6.674-0.062 c0.283-0.005,0.59-0.009,0.908-0.009c15.354,0,67.339,4.27,91.816,59.15c8.173,18.335,6.158,50.314,4.539,76.016l-0.076,1.23 c-0.222,3.49-0.427,6.793-0.6,9.995c0.756,0.696,3.795,3.096,9.978,3.339c5.271-0.202,11.328-1.891,17.998-5.014 c2.062-0.968,4.345-1.169,5.895-1.169c2.343,0,4.727,0.456,6.714,1.285l0.106,0.041c5.66,2.009,9.367,6.024,9.447,10.242 c0.071,3.932-2.851,9.809-17.223,15.485c-1.472,0.583-3.35,1.179-5.334,1.808c-7.952,2.524-19.951,6.332-23.577,14.878 c-1.97,4.635-1.322,10.326,1.926,16.912c0.036,0.072,0.067,0.145,0.102,0.221c1,2.344,25.205,57.535,79.209,66.432 c2.275,0.379,3.908,2.406,3.778,4.711c-0.048,0.828-0.248,1.656-0.598,2.465c-3.289,7.703-19.915,14.09-48.064,18.438 c-2.642,0.408-3.755,4.678-5.277,11.668c-0.63,2.887-1.271,5.717-2.146,8.691c-0.819,2.797-2.641,4.164-5.567,4.164h-0.441 c-1.905,0-4.604-0.346-8.008-1.012c-5.95-1.158-12.623-2.236-21.109-2.236c-4.948,0-10.069,0.434-15.224,1.287 c-10.473,1.744-19.421,8.062-28.893,14.758C444.443,462.88,429.436,473.488,407.001,473.488"> </path> <path style="fill:#020202;" d="M408.336,124.235c14.455,0,64.231,3.883,87.688,56.472c7.724,17.317,5.744,48.686,4.156,73.885 c-0.248,3.999-0.494,7.875-0.694,11.576l-0.084,1.591l1.062,1.185c0.429,0.476,4.444,4.672,13.374,5.017l0.144,0.008l0.15-0.003 c5.904-0.225,12.554-2.059,19.776-5.442c1.064-0.498,2.48-0.741,3.978-0.741c1.707,0,3.521,0.321,5.017,0.951l0.226,0.09 c3.787,1.327,6.464,3.829,6.505,6.093c0.022,1.28-0.935,5.891-14.359,11.194c-1.312,0.518-3.039,1.069-5.041,1.7 c-8.736,2.774-21.934,6.96-26.376,17.427c-2.501,5.896-1.816,12.854,2.034,20.678c1.584,3.697,26.52,59.865,82.631,69.111 c-0.011,0.266-0.079,0.557-0.229,0.9c-0.951,2.24-6.996,9.979-44.612,15.783c-5.886,0.902-7.328,7.5-9,15.17 c-0.604,2.746-1.218,5.518-2.062,8.381c-0.258,0.865-0.306,0.914-1.233,0.914c-0.128,0-0.278,0-0.442,0 c-1.668,0-4.2-0.346-7.135-0.922c-5.345-1.041-12.647-2.318-21.982-2.318c-5.21,0-10.577,0.453-15.962,1.352 c-11.511,1.914-20.872,8.535-30.786,15.543c-13.314,9.408-27.075,19.143-48.071,19.143c-0.917,0-1.812-0.031-2.709-0.076 l-0.236-0.01l-0.237,0.018c-0.515,0.045-1.034,0.068-1.564,0.068c-20.993,0-34.76-9.732-48.068-19.143 c-9.916-7.008-19.282-13.629-30.791-15.543c-5.38-0.896-10.752-1.352-15.959-1.352c-9.333,0-16.644,1.428-21.978,2.471 c-2.935,0.574-5.476,1.066-7.139,1.066c-1.362,0-1.388-0.08-1.676-1.064c-0.844-2.865-1.461-5.703-2.062-8.445 c-1.676-7.678-3.119-14.312-9.002-15.215c-37.613-5.809-43.659-13.561-44.613-15.795c-0.149-0.352-0.216-0.652-0.231-0.918 c56.11-9.238,81.041-65.408,82.63-69.119c3.857-7.818,4.541-14.775,2.032-20.678c-4.442-10.461-17.638-14.653-26.368-17.422 c-2.007-0.635-3.735-1.187-5.048-1.705c-11.336-4.479-14.823-8.991-14.305-11.725c0.601-3.153,6.067-6.359,10.837-6.359 c1.072,0,2.012,0.173,2.707,0.498c7.747,3.631,14.819,5.472,21.022,5.472c9.751,0,14.091-4.537,14.557-5.055l1.057-1.182 l-0.085-1.583c-0.197-3.699-0.44-7.574-0.696-11.565c-1.583-25.205-3.563-56.553,4.158-73.871 c23.37-52.396,72.903-56.435,87.525-56.435c0.36,0,6.717-0.065,6.717-0.065C407.744,124.239,408.033,124.235,408.336,124.235 M408.336,115.197h-0.017c-0.333,0-0.646,0-0.944,0.004c-2.376,0.024-6.282,0.062-6.633,0.066c-8.566,0-25.705,1.21-44.115,9.336 c-10.526,4.643-19.994,10.921-28.14,18.66c-9.712,9.221-17.624,20.59-23.512,33.796c-8.623,19.336-6.576,51.905-4.932,78.078 l0.006,0.041c0.176,2.803,0.361,5.73,0.53,8.582c-1.265,0.581-3.316,1.194-6.339,1.194c-4.864,0-10.648-1.555-17.187-4.619 c-1.924-0.896-4.12-1.349-6.543-1.349c-3.893,0-7.997,1.146-11.557,3.239c-4.479,2.63-7.373,6.347-8.159,10.468 c-0.518,2.726-0.493,8.114,5.492,13.578c3.292,3.008,8.128,5.782,14.37,8.249c1.638,0.645,3.582,1.261,5.641,1.914 c7.145,2.271,17.959,5.702,20.779,12.339c1.429,3.365,0.814,7.793-1.823,13.145c-0.069,0.146-0.138,0.289-0.201,0.439 c-0.659,1.539-6.807,15.465-19.418,30.152c-7.166,8.352-15.059,15.332-23.447,20.752c-10.238,6.617-21.316,10.943-32.923,12.855 c-4.558,0.748-7.813,4.809-7.559,9.424c0.078,1.33,0.39,2.656,0.931,3.939c0.004,0.008,0.009,0.016,0.013,0.023 c1.843,4.311,6.116,7.973,13.063,11.203c8.489,3.943,21.185,7.26,37.732,9.855c0.836,1.59,1.704,5.586,2.305,8.322 c0.629,2.908,1.285,5.898,2.22,9.074c1.009,3.441,3.626,7.553,10.349,7.553c2.548,0,5.478-0.574,8.871-1.232 c4.969-0.975,11.764-2.305,20.245-2.305c4.702,0,9.575,0.414,14.48,1.229c9.455,1.574,17.606,7.332,27.037,14 c13.804,9.758,29.429,20.803,53.302,20.803c0.651,0,1.304-0.021,1.949-0.066c0.789,0.037,1.767,0.066,2.799,0.066 c23.88,0,39.501-11.049,53.29-20.799l0.022-0.02c9.433-6.66,17.575-12.41,27.027-13.984c4.903-0.814,9.775-1.229,14.479-1.229 c8.102,0,14.517,1.033,20.245,2.15c3.738,0.736,6.643,1.09,8.872,1.09l0.218,0.004h0.226c4.917,0,8.53-2.699,9.909-7.422 c0.916-3.109,1.57-6.029,2.215-8.986c0.562-2.564,1.46-6.674,2.296-8.281c16.558-2.6,29.249-5.91,37.739-9.852 c6.931-3.215,11.199-6.873,13.053-11.166c0.556-1.287,0.881-2.621,0.954-3.979c0.261-4.607-2.999-8.676-7.56-9.424 c-51.585-8.502-74.824-61.506-75.785-63.758c-0.062-0.148-0.132-0.295-0.205-0.438c-2.637-5.354-3.246-9.777-1.816-13.148 c2.814-6.631,13.621-10.062,20.771-12.332c2.07-0.652,4.021-1.272,5.646-1.914c7.039-2.78,12.07-5.796,15.389-9.221 c3.964-4.083,4.736-7.995,4.688-10.555c-0.121-6.194-4.856-11.698-12.388-14.393c-2.544-1.052-5.445-1.607-8.399-1.607 c-2.011,0-4.989,0.276-7.808,1.592c-6.035,2.824-11.441,4.368-16.082,4.588c-2.468-0.125-4.199-0.66-5.32-1.171 c0.141-2.416,0.297-4.898,0.458-7.486l0.067-1.108c1.653-26.19,3.707-58.784-4.92-78.134c-5.913-13.253-13.853-24.651-23.604-33.892 c-8.178-7.744-17.678-14.021-28.242-18.661C434.052,116.402,416.914,115.197,408.336,115.197"> </path> <rect x="147.553" y="39.443" style="fill:none;" width="514.231" height="514.23"></rect> </g> </svg> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_snapchat') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <div class="col-12 justify-content-between social-link-modal"> <div class="input-group"> <input type="text" class="form-control" placeholder="{{ request()->fullUrl() }}" disabled> <span id="vcardUrlCopy{{ $vcard->id }}" class="d-none" target="_blank"> {{ $vcardUrl }} </span> <button class="copy-vcard-clipboard btn btn-dark" title="Copy Link" data-id="{{ $vcard->id }}"> <i class="fa-regular fa-copy fa-2x"></i> </button> </div> </div> <div class="text-center"> </div> </div> </div> </div> </div> </div> </div> </body> @include('vcardTemplates.template.templates') <script src="https://js.stripe.com/v3/"></script> <script src="https://checkout.razorpay.com/v1/checkout.js"></script> <script src="../js/jquery.min.js"></script> <script type="text/javascript" src="{{ asset('assets/js/front-third-party.js') }}"></script> <script type="text/javascript" src="{{ asset('front/js/bootstrap.bundle.min.js') }}"></script> <script src="{{ asset('assets/js/slider/js/slick.min.js') }}" type="text/javascript"></script> @if (checkFeature('seo') && $vcard->google_analytics) {!! $vcard->google_analytics !!} @endif @if (isset(checkFeature('advanced')->custom_js) && $vcard->custom_js) {!! $vcard->custom_js !!} @endif @php $setting = \App\Models\UserSetting::where('user_id', $vcard->tenant->user->id) ->where('key', 'stripe_key') ->first(); @endphp <script> @if (isset(checkFeature('advanced')->custom_js) && $vcard->custom_js) {!! $vcard->custom_js !!} @endif </script> <script> let stripe = '' @if (!empty($setting) && !empty($setting->value)) stripe = Stripe('{{ $setting->value }}'); @endif $().ready(function() { $(".gallery-slider").slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true, speed: 300, infinite: true, autoplaySpeed: 5000, autoplay: true, responsive: [{ breakpoint: 575, settings: { dots: true, slidesToShow: 1, }, } ], }); $(".product-slider").slick({ arrows: false, infinite: true, dots: false, slidesToShow: 2, slidesToScroll: 1, autoplay: true, responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, }, }, ], }); $(".testimonial-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, autoplay: true, }); @if ($vcard->services_slider_view) $('.services-slider-view').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 2, autoplay: false, slidesToScroll: 1, arrows: false, responsive: [{ breakpoint: 575, settings: { slidesToShow:1, }, }, ], }); @endif $(".blog-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, responsive: [{ breakpoint: 575, settings: { centerPadding: '0', }, }, ], }); $(".iframe-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, slidesToScroll: 1, autoplay: false, responsive: [{ breakpoint: 575, settings: { centerPadding: '0', }, }, ], }); }); </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 qrCodeSixteen = document.getElementById("qr-code-sixteen"); const svg = qrCodeSixteen.querySelector("svg"); const blob = new Blob([svg.outerHTML], { type: 'image/svg+xml' }); const url = URL.createObjectURL(blob); const image = document.createElement('img'); image.src = url; image.addEventListener('load', () => { const canvas = document.createElement('canvas'); canvas.width = canvas.height = {{ $vcard->qr_code_download_size }}; const context = canvas.getContext('2d'); context.drawImage(image, 0, 0, canvas.width, canvas.height); const link = document.getElementById('qr-code-btn'); link.href = canvas.toDataURL(); URL.revokeObjectURL(url); }); </script> @routes <script src="{{ asset('messages.js?$mixID') }}"></script> <script src="{{ mix('assets/js/custom/helpers.js') }}"></script> <script src="{{ mix('assets/js/custom/custom.js') }}"></script> <script src="{{ mix('assets/js/vcards/vcard-view.js') }}"></script> <script src="{{ mix('assets/js/lightbox.js') }}"></script> <script src="{{ asset('/sw.js') }}"></script> <script> if ("serviceWorker" in navigator) { // Register a service worker hosted at the root of the // site using the default scope. navigator.serviceWorker.register("/sw.js").then( (registration) => { console.log("Service worker registration succeeded:", registration); }, (error) => { console.error(`Service worker registration failed: ${error}`); }, ); } else { console.error("Service workers are not supported."); } </script> <script> let deferredPrompt = null; window.addEventListener("beforeinstallprompt", (event) => { /* event.preventDefault(); */ deferredPrompt = event; document.getElementById("installPwaBtn").style.display = "block"; }); document.getElementById("installPwaBtn").addEventListener("click", async () => { if (deferredPrompt) { deferredPrompt.prompt(); await deferredPrompt.userChoice; deferredPrompt = null; } }); </script> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" defer></script> </html>
SAVE
CANCEL