PATH:
home
/
rwabteecom
/
public_html
/
resources
/
views
/
vcardTemplates
/
Editing: vcard25.blade.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> @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.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="{{ getVcardFavicon($vcard) }}" type="image/png"> {{-- css link --}} <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') }}"> <link rel="stylesheet" href="{{ mix('assets/css/vcard25.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 <style> .bg-img { background-image: url("/assets/img/vcard25/bg-img.png"); } </style> </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"> {{-- 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 support_text text-dark">{{ $banners->description }} </p> <div class="text-center"> <a href="{{ $banners->url }}" class="act-now text-light" target="_blank" data-turbo="false">{{ $banners->banner_button }} </a> </div> </div> </div> @endif @endif <div class="banner-section position-relative"> <div class="banner-img @if ($vcard->cover_type == 2) banner-img-25 @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-25"> <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> <div class="position-absolute end-0 start-0 banner-bottom-img"> <img src="{{ asset('assets/img/vcard25/banner-bottom-img.png') }}" alt="profile-bg" loading="lazy" class="w-100" /> </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"> <ul class="text-decoration-none"> <li class="dropdown1 dropdown lang-list"> <a class="dropdown-toggle lang-head text-decoration-none" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> {{ strtoupper(getLanguageIsoCode($vcard->default_language)) }} </a> <ul class="dropdown-menu start-0 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" loading="lazy" /> @endif @endforeach @else @if (count($language->media) != 0) <img src="{{ $language->image_url }}" class="me-1" loading="lazy" /> @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 class="overlay"></div> </div> {{-- profile detials --}} <div class="profile-section px-30 position-relative pt-40" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="profile-vector"> <img src="{{ asset('assets/img/vcard25/profile-vector.png') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="card d-flex flex-sm-row align-items-center position-relative gap-4 overflow-hidden bg-primary" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="dots-img"> <img src="{{ asset('assets/img/vcard25/dots.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="card-img rounded-circle"> <img src="{{ $vcard->profile_url }}" class="w-100 h-100 object-fit-cover rounded-circle" loading="lazy" /> </div> <div class="heart-img"> <img src="{{ asset('assets/img/vcard25/hert-shape.png') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="card-body text-sm-start text-center mt-sm-0 pt-sm-0 p-0"> <div class="profile-name text-white"> <h2 class="fs-28 text-white d-flex gap-3 align-items-center"> {{ ucwords($vcard->first_name . ' ' . $vcard->last_name) }} @if ($vcard->is_verified) <i class="verification-icon bi-patch-check-fill text-secondary"></i> @endif </h2> <p class="fs-16 mb-1 text-secondary fw-medium text-decoration-underline">{{ ucwords($vcard->company) }}</p> <p class="fs-14 mb-0">{{ ucwords($vcard->occupation) }}</p> <p class="fs-14 mb-0">{{ ucwords($vcard->job_title) }}</p> </div> </div> </div> <div class="text-gray-100 profile-desc mb-sm-0 fs-14 text-center pt-50 position-relative"> {!! $vcard->description !!} <div class="bg-vector vector-1 position-absolute top-0 text-end"> <img src="{{ asset('assets/img/vcard25/vector5.png') }}" alt="profile-bg"> </div> </div> {{-- social icons --}} @if (checkFeature('social_links') && getSocialLink($vcard)) <div class="social-media d-flex justify-content-center flex-wrap mb-40 position-relative"> <div class="bg-vector vector-2 position-absolute"> <img src="{{ asset('assets/img/vcard25/vector13.png') }}" alt="profile-bg"> </div> <div class="social-icons position-relative d-flex justify-content-center text-decoration-none flex-wrap text-primary bg-gray-100 rounded-pill pt-50"> @foreach (getSocialLink($vcard) as $value) <span class="social-back d-flex text-decoration-none bg-gray-100 justify-content-center align-items-center text-primary rounded-circle"> {!! $value !!} <div class="social-bg"> <img src="{{ asset('assets/img/vcard25/social-bg2.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> </span> @endforeach </div> </div> @endif {{-- 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 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> </div> @endif {{-- End custom link section --}} </div> {{-- contact details --}} @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"> <div class="bg-vector vector-3 position-absolute right-10"> <img src="{{ asset('assets/img/vcard25/vector3.png') }}" alt="profile-bg"> </div> <div class="pt-50 px-30"> <div class="section-heading text-center"> <h2 class="text-center mb-0 fw-bold">Contact</h2> </div> <div class="row row-gap-20px"> @if ($vcard->email) <div class="col-sm-6"> <div class="contact-box text-center"> <div class="contact-bg"> <img src="{{asset('assets/img/vcard25/heart-white.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="contact-icon d-flex justify-content-center align-items-center mx-auto"> <img src="{{ asset('assets/img/vcard25/email.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->email }}" class="text-white fs-6 fw-5">{{ $vcard->email }}</a> </div> </div> </div> @endif @if ($vcard->alternative_email) <div class="col-sm-6"> <div class="contact-box text-center"> <div class="contact-bg"> <img src="{{asset('assets/img/vcard25/heart-white.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="contact-icon d-flex justify-content-center align-items-center mx-auto"> <img src="{{ asset('assets/img/vcard25/email.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->alternative_email }}" class="text-white fs-6 fw-5">{{ $vcard->alternative_email }}</a> </div> </div> </div> @endif @if ($vcard->phone) <div class="col-sm-6"> <div class="contact-box text-center"> <div class="contact-bg"> <img src="{{asset('assets/img/vcard25/heart-white.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="contact-icon d-flex justify-content-center align-items-center mx-auto"> <img src="{{ asset('assets/img/vcard25/phone.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}" class="text-white 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"> <div class="contact-box text-center"> <div class="contact-bg"> <img src="{{asset('assets/img/vcard25/heart-white.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="contact-icon d-flex justify-content-center align-items-center mx-auto"> <img src="{{ asset('assets/img/vcard25/phone.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_region_code }}" class="text-white 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"> <div class="contact-box text-center"> <div class="contact-bg"> <img src="{{asset('assets/img/vcard25/heart-white.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="contact-icon d-flex justify-content-center align-items-center mx-auto"> <img src="{{ asset('assets/img/vcard25/dob-icon.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <p class="text-white fs-6 fw-5 mb-0">{{ $vcard->dob }}</p> </div> </div> </div> @endif @if ($vcard->location) <div class="col-sm-6"> <div class="contact-box text-center"> <div class="contact-bg"> <img src="{{asset('assets/img/vcard25/heart-white.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="contact-icon d-flex justify-content-center align-items-center mx-auto"> <img src="{{ asset('assets/img/vcard25/location.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <p class="text-white fs-6 fw-5 mb-0">{!! ucwords($vcard->location) !!}</p> </div> </div> </div> @endif </div> </div> </div> @endif {{-- gallery --}} @if ((isset($managesection) && $managesection['galleries']) || empty($managesection)) @if (checkFeature('gallery') && $vcard->gallery->count()) <div class="gallery-section pt-50 px-30 position-relative mb-0 position-relative"> <div class="section-heading text-center mb-30 z-9"> <h2 class="mb-0">{{ __('messages.plan.gallery') }}</h2> </div> <div class="line-img position-absolute"> <img src="{{ asset('assets/img/vcard25/line.png') }}" alt="gallery-bg" class="w-100 h-100" /> </div> <div class="heart-img"> <img src="{{ asset('assets/img/vcard25/hert-shape.png') }}" alt="gallery-bg" /> </div> <div class="gallery-slider mb-0 px-sm-4 px-sm-2"> @foreach ($vcard->gallery as $file) @php $infoPath = pathinfo(public_path($file->gallery_image)); $extension = $infoPath['extension']; @endphp <div class="slide"> <div class="gallery-box"> <div class="gallery-img"> <div class="expand-icon pe-none"> <i class="fas fa-expand text-white"></i> </div> @if ($file->type == App\Models\Gallery::TYPE_IMAGE) <a href="{{ $file->gallery_image }}" data-lightbox="gallery-images"><img src="{{ $file->gallery_image }}" alt="profile" class="w-100" loading="lazy" /></a> @elseif($file->type == App\Models\Gallery::TYPE_FILE) <a id="file_url" href="{{ $file->gallery_image }}" class="gallery-link gallery-file-link" target="_blank" loading="lazy"> <div class="gallery-item gallery-file-item" @if ($extension == 'pdf') style="background-image: url({{ asset('assets/images/pdf-icon.png') }})"> @endif @if ($extension == 'xls') style="background-image: url({{ asset('assets/images/xls.png') }})"> @endif @if ($extension == 'csv') style="background-image: url({{ asset('assets/images/csv-file.png') }})"> @endif @if ($extension == 'xlsx') style="background-image: url({{ asset('assets/images/xlsx.png') }})"> @endif </div> </a> @elseif($file->type == App\Models\Gallery::TYPE_VIDEO) <video class="object-fit-cover" width="100%" height="100%" controls> <source src="{{ $file->gallery_image }}"> </video> @elseif($file->type == App\Models\Gallery::TYPE_AUDIO) <div class="audio-container mt-2"> <img src="{{ asset('assets/img/music.jpeg') }}" alt="Album Cover" class="audio-image"> <audio controls src="{{ $file->gallery_image }}" class="audio-control"> Your browser does not support the <code>audio</code> element. </audio> </div> @else <iframe src="https://www.youtube.com/embed/{{ YoutubeID($file->link) }}" class="w-100" height="315"> </iframe> @endif </div> </div> </div> @endforeach </div> </div> @endif @endif {{-- our service --}} @if ((isset($managesection) && $managesection['services']) || empty($managesection)) @if (checkFeature('services') && $vcard->services->count()) <div class="our-services-section pt-50"> <div class="bg-vector vector-4 top-10 position-absolute left-10"> <img src="{{ asset('assets/img/vcard25/vector2.png') }}" alt="profile-bg"> </div> <div class="section-heading text-center"> <h2 class="text-center mb-0">{{ __('messages.vcard.our_service') }}</h2> </div> <div class="services"> <div class="px-20"> @if ($vcard->services_slider_view) <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="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"> <div class="dots-img"> <img src="{{ asset('assets/img/vcard25/dots-green.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none" target="{{ $service->service_url ? '_blank' : '' }}"> <h5 class="card-title title-text text-primary"> {{ 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="row"> @foreach ($vcard->services as $service) <div class="col-sm-6 mb-sm-4 mb-4"> <div class="service-card h-100 position-relative"> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none img {{ $service->service_url ? 'pe-auto' : 'pe-none' }}" target="{{ $service->service_url ? '_blank' : '' }}"> <img src="{{ $service->service_icon }}" class="card-img-top service-new-image" alt="{{ $service->name }}" loading="lazy"> </a> <div class="card-body"> <div class="dots-img"> <img src="{{ asset('assets/img/vcard25/dots-green.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none" target="{{ $service->service_url ? '_blank' : '' }}"> <h5 class="card-title title-text text-primary"> {{ 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> @endif </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"> <div class="bg-vector vector-5 position-absolute"> <img src="{{ asset('assets/img/vcard25/vector10.png') }}" alt="profile-bg"> </div> <div class="section-heading text-center"> <h2 class="mb-0">{{ __('messages.plan.products') }}</h2> </div> <div class="product-slider"> @foreach ($vcard->products as $product) <div class=""> <div class="product-card card overflow-hidden"> <div class="product-img card-img"> <a @if ($product->product_url) href="{{ $product->product_url }}" @endif target="_blank" class="text-decoration-none fs-6"><img src="{{ $product->product_icon }}" class="w-100 h-100 object-fit-contain" loading="lazy"></a> <div class="line-img"></div> </div> <div class="product-desc align-items-center position-relative"> <div class="dots-img"> <img src="{{ asset('assets/img/vcard25/dots-green.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="d-flex justify-content-center flex-column gap-2 align-items-center"> <h3 class="fs-18 fw-5 mb-0">{{ $product->name }} </h3> <h4 class="text-center text-black mb-0 fs-20"> @if ($product->currency_id && $product->price) <span class="fs-18 fw-6">{{ $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">{{ getUserCurrencyIcon($vcard->user->id) . ' ' . $product->price }}</span> @endif </h4> </div> </div> </div> </div> @endforeach </div> <div class="text-center"> <div class="mt-4 text-center view-more d-inline-flex gap-2 align-items-center btn-primary position-relative"> <a class="fs-6 text text-white" href="{{ $vcardProductUrl }}">{{ __('messages.analytics.view_more') }}</a> <i class="fa-solid fa-arrow-right right-arrow-animation"></i> </div> </div> </div> @endif @endif {{-- make appointment --}} @if ((isset($managesection) && $managesection['appointments']) || empty($managesection)) @if (checkFeature('appointments') && $vcard->appointmentHours->count()) <div class="appointment-section pt-50 px-30 position-relative"> <div class="bg-vector vector-6 top-0 position-absolute start-0"> <img src="{{ asset('assets/img/vcard25/vector1.png') }}" alt="profile-bg"> </div> <div class="section-heading text-center"> <h2 class="mb-0">{{ __('messages.make_appointments') }}</h2> </div> <div class="appointment"> <div class="position-relative p-3"> {{ 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="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_102_145)"> <path d="M14.25 1.5H13.5V0.75C13.5 0.551088 13.421 0.360322 13.2803 0.21967C13.1397 0.0790176 12.9489 0 12.75 0C12.5511 0 12.3603 0.0790176 12.2197 0.21967C12.079 0.360322 12 0.551088 12 0.75V1.5H6V0.75C6 0.551088 5.92098 0.360322 5.78033 0.21967C5.63968 0.0790176 5.44891 0 5.25 0C5.05109 0 4.86032 0.0790176 4.71967 0.21967C4.57902 0.360322 4.5 0.551088 4.5 0.75V1.5H3.75C2.7558 1.50119 1.80267 1.89666 1.09966 2.59966C0.396661 3.30267 0.00119089 4.2558 0 5.25L0 14.25C0.00119089 15.2442 0.396661 16.1973 1.09966 16.9003C1.80267 17.6033 2.7558 17.9988 3.75 18H14.25C15.2442 17.9988 16.1973 17.6033 16.9003 16.9003C17.6033 16.1973 17.9988 15.2442 18 14.25V5.25C17.9988 4.2558 17.6033 3.30267 16.9003 2.59966C16.1973 1.89666 15.2442 1.50119 14.25 1.5ZM1.5 5.25C1.5 4.65326 1.73705 4.08097 2.15901 3.65901C2.58097 3.23705 3.15326 3 3.75 3H14.25C14.8467 3 15.419 3.23705 15.841 3.65901C16.2629 4.08097 16.5 4.65326 16.5 5.25V6H1.5V5.25ZM14.25 16.5H3.75C3.15326 16.5 2.58097 16.2629 2.15901 15.841C1.73705 15.419 1.5 14.8467 1.5 14.25V7.5H16.5V14.25C16.5 14.8467 16.2629 15.419 15.841 15.841C15.419 16.2629 14.8467 16.5 14.25 16.5Z" fill="#00715d"></path> <path d="M9 12.375C9.62132 12.375 10.125 11.8713 10.125 11.25C10.125 10.6287 9.62132 10.125 9 10.125C8.37868 10.125 7.875 10.6287 7.875 11.25C7.875 11.8713 8.37868 12.375 9 12.375Z" fill="#00715d"></path> <path d="M5.25 12.375C5.87132 12.375 6.375 11.8713 6.375 11.25C6.375 10.6287 5.87132 10.125 5.25 10.125C4.62868 10.125 4.125 10.6287 4.125 11.25C4.125 11.8713 4.62868 12.375 5.25 12.375Z" fill="#00715d"></path> <path d="M12.75 12.375C13.3713 12.375 13.875 11.8713 13.875 11.25C13.875 10.6287 13.3713 10.125 12.75 10.125C12.1287 10.125 11.625 10.6287 11.625 11.25C11.625 11.8713 12.1287 12.375 12.75 12.375Z" fill="#00715d"></path> </g> <defs> <clipPath id="clip0_102_145"> <rect width="18" height="18" fill="white"> </rect> </clipPath> </defs> </svg> </span> </div> <div class=""> <div class="px-3 position-relative"> <div id="slotData" class="row "> </div> <div class="appointment-btn text-center w-100 position-relative"> <div class="dots-img"> <img src=" {{ asset('assets/img/vcard25/dots-green.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <button class="appointmentAdd btn btn-primary w-100 d-none text-white"> {{ __('messages.make_appointments') }} </button> </div> </div> </div> </div> </div> @include('vcardTemplates.appointment') @endif @endif {{-- testimonial --}} @if ((isset($managesection) && $managesection['testimonials']) || empty($managesection)) @if (checkFeature('testimonials') && $vcard->testimonials->count()) <div class="testimonial-section pt-50 px-20"> <div class="bg-vector vector-7 position-absolute"> <img src="{{ asset('assets/img/vcard25/vector6.png') }}" alt="profile-bg"> </div> <div class="section-heading text-center"> <h2 class="mb-0">{{ __('messages.plan.testimonials') }}</h2> </div> <div class="testimonial-slider"> @foreach ($vcard->testimonials as $testimonial) <div class=""> <div class="testimonial-card card d-flex flex-sm-row align-items-center text-center text-sm-start gap-4" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="testimonial-profile-section"> <div class="testimonial-profile-img"> <img src="{{ $testimonial->image_url }}" class="w-100 h-100 object-fit-cover rounded-circle" loading="lazy" /> </div> </div> <div class="card-body"> <div class="quote-img"> <img src="{{ asset('assets/img/vcard25/quote-img-25.png') }}" alt="quote-img" class="w-100 h-100" loading="lazy" /> </div> <h3 class=" fs-20 fw-6 mb-2 text-primary d-flex align-items-center gap-2"> <span class="line-img d-block"></span> {{ ucwords($testimonial->name) }} <span class="line-img d-block"></span> </h3> <p class="desc fs-14 {{ \Illuminate\Support\Str::length($testimonial->description) > 80 ? 'more' : '' }}"> {!! $testimonial->description !!} </p> </div> <div class="suqare-box"></div> <div class="dots-img"> <img src="{{ asset('assets/img/vcard25/testimonial-vector.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </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="position-relative insta-feed pt-50 px-30 start-0"> <div class="bg-vector vector-8 position-absolute"> <img src="{{ asset('assets/img/vcard25/vector7.png') }}" alt="profile-bg"> </div> <div class="section-heading text-center"> <h2 class="mb-0 d-inline-block"> {{ __('messages.feature.insta_embed') }} </h2> </div> <nav> <div class="row insta-toggle"> <div class="nav nav-tabs border-0 px-0" id="nav-tab" role="tablist"> <button class="d-flex align-items-center justify-content-center py-2 active postbtn instagram-btn border-0 text-dark" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true"> <svg aria-label="Posts" class="svg-post-icon x1lliihq x1n2onr6 x173jzuc" fill="currentColor" height="24" role="img" viewBox="0 0 24 24" width="24"> <title>Posts</title> <rect fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="18" x="3" y="3"></rect> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="9.015" x2="9.015" y1="3" y2="21"></line> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="14.985" x2="14.985" y1="3" y2="21"></line> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="21" x2="3" y1="9.015" y2="9.015"></line> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="21" x2="3" y1="14.985" y2="14.985"></line> </svg> </button> <button class="d-flex align-items-center justify-content-center py-2 instagram-btn reelsbtn border-0 text-dark mr-0" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false"> <svg class="svg-reels-icon" viewBox="0 0 48 48" width="27" height="27"> <path d="m33,6H15c-.16,0-.31,0-.46.01-.7401.04-1.46.17-2.14.38-3.7,1.11-6.4,4.55-6.4,8.61v18c0,4.96,4.04,9,9,9h18c4.96,0,9-4.04,9-9V15c0-4.96-4.04-9-9-9Zm7,27c0,3.86-3.14,7-7,7H15c-3.86,0-7-3.14-7-7V15c0-3.37,2.39-6.19,5.57-6.85.46-.1.94-.15,1.43-.15h18c3.86,0,7,3.14,7,7v18Z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <path d="M21 16h-2.2l-.66-1-4.57-6.85-.76-1.15h2.39l.66 1 4.67 7 .3.45c.11.17.17.36.17.55zM34 16h-2.2l-.66-1-4.67-7-.66-1h2.39l.66 1 4.67 7 .3.45c.11.17.17.36.17.55z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <rect width="36" height="3" x="6" y="15" fill="currentColor" class="color000 svgShape"></rect> <path d="m20,35c-.1753,0-.3506-.0459-.5073-.1382-.3052-.1797-.4927-.5073-.4927-.8618v-10c0-.3545.1875-.6821.4927-.8618.3066-.1797.6831-.1846.9932-.0122l9,5c.3174.1763.5142.5107.5142.874s-.1968.6978-.5142.874l-9,5c-.1514.084-.3188.126-.4858.126Zm1-9.3003v6.6006l5.9409-3.3003-5.9409-3.3003Z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <path d="m6,33c0,4.96,4.04,9,9,9h18c4.96,0,9-4.04,9-9v-16H6v16Zm13-9c0-.35.19-.68.49-.86.31-.18.69-.19,1-.01l9,5c.31.17.51.51.51.87s-.2.7-.51.87l-9,5c-.16.09-.3199.13-.49.13-.18,0-.35-.05-.51-.14-.3-.18-.49-.51-.49-.86v-10Zm23-9c0-4.96-4.04-9-9-9h-5.47l6,9h8.47Zm-10.86,0l-6.01-9h-10.13c-.16,0-.31,0-.46.01l5.99,8.99h10.61ZM12.4,6.39c-3.7,1.11-6.4,4.55-6.4,8.61h12.14l-5.74-8.61Z" fill="currentColor" class="color000 svgShape active-svg"></path> </svg> </button> </div> </div> </nav> <div id="postContent" class="insta-feed"> <div class="row overflow-hidden"> <!-- "Post" content --> @foreach ($vcard->InstagramEmbed as $InstagramEmbed) @if ($InstagramEmbed->type == 0) <div class="col-12 col-sm-6 my-2 insta-feed-iframe"> {!! $InstagramEmbed->embedtag !!} </div> @endif @endforeach </div> </div> <div class="d-none insta-feed" id="reelContent"> <div class="row overflow-hidden"> <!-- "Reel" content --> @foreach ($vcard->InstagramEmbed as $InstagramEmbed) @if ($InstagramEmbed->type == 1) <div class="col-12 col-sm-6 my-2 insta-feed-iframe"> {!! $InstagramEmbed->embedtag !!} </div> @endif @endforeach </div> </div> </div> @endif @endif {{-- blog --}} @if ((isset($managesection) && $managesection['blogs']) || empty($managesection)) @if (checkFeature('blog') && $vcard->blogs->count()) <div class="blog-section pt-50 px-20"> <div class="bg-vector vector-9 position-absolute right-10 top-10"> <img src="{{ asset('assets/img/vcard25/vector11.png') }}" alt="profile-bg"> </div> <div class="section-heading text-center"> <h2 class="mb-0">{{ __('messages.feature.blog') }}</h2> </div> <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="blog-content bg-none"> <div class="blog-img"> <a href="{{ $vcardBlogUrl }}"> <img src="{{ $blog->blog_icon }}" class="w-100 h-100 object-fit-cover" /> </a> </div> <div class="content position-relative"> <div class="dots-img"> <img src="{{ asset('assets/img/vcard25/testimonial-vector.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <h3 class="text-primary">{{ $blog->title }}</h3> <p class="mb-0"> {{ 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 mt-3"> {{ __('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> @endforeach </div> </div> @endif @endif {{-- qr code --}} @if (isset($vcard['show_qr_code']) && $vcard['show_qr_code'] == 1) <div class="qr-code-section pt-50 px-30"> <div class="bg-vector vector-10 position-absolute left-10 top-10"> <img src="{{ asset('assets/img/vcard25/vector4.png') }}" alt="profile-bg"> </div> <div class="section-heading mb-40 text-center"> <h2 class="mb-0">{{ __('messages.vcard.qr_code') }}</h2> </div> <div class="qr-code mx-auto position-relative overflow-hidden"> <div class="d-flex flex-sm-row flex-column gap-3 align-items-center" @if (getLanguage($vcard-> default_language) == 'Arabic') dir="rtl" @endif> <div class="qr-code-bg"> <div class="qr-code-img text-center" id="qr-code-thirteen"> @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 class="text-sm-start text-center"> <h5 class="fw-6">{{ __('messages.vcard.scan_to_contact') }}</h5> <p class="fs-16 text-gray mb-0">{{ __('messages.vcard.qr_section_desc') }}</p> </div> </div> </div> </div> @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 px-30 position-relative"> <div class="bg-vector vector-11 position-absolute right-10 top-0"> <img src="{{ asset('assets/img/vcard25/vector9.png') }}" alt="profile-bg"> </div> <div class="position-absolute start-0 top-0 business-bg w-40"> <img src="{{ asset('assets/img/vcard25/business-bg.png') }}" alt="vector" class="w-100 h-100" /> </div> <div class="section-heading text-center"> <h2 class="mb-0">{{ __('messages.business.business_hours') }}</h2> </div> <div class="business-hours" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="justify-content-center row business-time mx-0 row-gap-20"> @foreach ($businessDaysTime as $key => $dayTime) <div class="col-sm-6"> <div class="time-body text-center"> <div class="days">{{ __('messages.business.' . \App\Models\BusinessHour::DAY_OF_WEEK[$key]) }}:</div> <div class="time"> <div class="calender-icon"> <svg class="text-primary" 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" class="icon icon-tabler icons-tabler-outline icon-tabler-calendar-clock"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <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>{{ $dayTime ?? __('messages.common.closed') }}</div> </div> </div> </div> @endforeach </div> </div> </div> @endif @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="bg-vector vector-11 position-absolute right-10 top-0"> <img src="{{ asset('assets/img/vcard25/vector12.png') }}" alt="profile-bg"> </div> <div class="section-heading text-center"> <h2> {{ __('messages.vcard.iframe') }} </h2> </div> <div class="iframe-slider"> @foreach ($vcard->iframes as $iframe) <div class="slide"> <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="400"> </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) @if (getLanguage($vcard->default_language) != 'Arabic') <div class="contact-us-section pt-30 px-30 position-relative"> <div class="bg-vector vector-11 position-absolute left-10 top-0"> <img src="{{ asset('assets/img/vcard25/vector8.png') }}" alt="profile-bg"> </div> <div class="section-heading text-center"> <h2 class="mb-0">{{ __('messages.contact_us.inquries') }}</h2> </div> <div class="contact-form"> <div class="dot-img"> <img src=" {{ asset('assets/img/vcard25/testimonial-vector.svg') }}" alt="imgaes" class="w-100"/> </div> <div class="shape-top-2"> <img src="{{ asset('assets/img/vcard25/shape-4.png') }}" class="w-100 h-100" loading="lazy" /> </div> <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"> <div class="mb-3"> <input type="text" class="form-control" name="name" placeholder="{{ __('messages.form.your_name') }}" /> </div> </div> <div class="col-sm-6"> <div class="mb-3"> <input type="email" class="form-control" name="email" placeholder="{{ __('messages.form.your_email') }}" /> </div> </div> <div class="col-12"> <div class="mb-3"> <input type="tel" class="form-control" name="phone" placeholder="{{ __('messages.form.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" name="message" placeholder="{{ __('messages.form.type_message') }}" rows="4"></textarea> </div> </div> @if (isset($inquiry) && $inquiry == 1) <div class="mb-3"> {{--<label class="form-label text-primary fs-16 fw-5"> {{ __('messages.enquiries.attachment') }}</label>--}} <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 text-white" for="privacyPolicyCheckbox"> <span>{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info text-secondary fs-6">{!! __('messages.vcard.term_and_condition') !!}</a> <span>&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info text-secondary fs-6">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> @endif <div class="col-12 text-center mt-3"> <button class="send-btn btn btn-primary rounded-2 w-100 contact-btn" type="submit"> {{ __('messages.contact_us.send_message') }} </button> </div> </div> </form> </div> </div> @endif @if (getLanguage($vcard->default_language) == 'Arabic') <div class="contact-us-section pt-50 px-30 position-relative" dir="rtl"> <div class="position-absolute vector-all vector-7"> <img src="{{ asset('assets/img/vcard25/vector-7.png') }}" alt="imgaes" class="w-100"/> </div> <div class="contact-bg-img"> <img src="{{ asset('assets/img/vcard25/contact-bg.png') }}" loading="lazy" /> </div> <div class="section-heading text-center"> <h2 class="mb-0">{{ __('messages.contact_us.inquries') }}</h2> </div> <div class="contact-form"> <div class="dot-img"> <img src=" {{ asset('assets/img/vcard25/testimonial-vector.svg') }}" alt="imgaes" class="w-100"/> </div> <div class="shape-top-1"> <img src="{{ asset('assets/img/vcard25/shape-4.png') }}" class="w-100 h-100" loading="lazy" /> </div> <div class="shape-top-2"> <img src="{{ asset('assets/img/vcard25/shape-4.png') }}" class="w-100 h-100" loading="lazy" /> </div> <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"> <div class="mb-3"> <input type="text" class="form-control text-start" name="name" placeholder="{{ __('messages.form.your_name') }}" /> </div> </div> <div class="col-sm-6"> <div class="mb-3"> <input type="email" class="form-control text-start" name="email" placeholder="{{ __('messages.form.your_email') }}" /> </div> </div> <div class="col-12"> <div class="mb-3"> <input type="tel" class="form-control text-start" name="phone" placeholder="{{ __('messages.form.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 text-start" name="message" placeholder="{{ __('messages.form.type_message') }}" rows="4"></textarea> </div> </div> @if (isset($inquiry) && $inquiry == 1) <div class="mb-3"> <label class="form-label fs-16 fw-5"> {{ __('messages.enquiries.attachment') }}</label> <div class="wrapper-file-input"> <div class="input-box" id="fileInputTrigger"> <h4 class="text-primary"> <i class="fa-solid fa-upload ms-2 text-primary"></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 text-white" for="privacyPolicyCheckbox"> <span class="text-dark">{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info text-secondary fs-6">{!! __('messages.vcard.term_and_condition') !!}</a> <span class="text-dark">&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info text-secondary fs-6">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> @endif <div class="col-12 text-center "> <button class="send-btn btn btn-primary rounded-2 w-100" type="submit"> {{ __('messages.contact_us.send_message') }} </button> </div> </div> </form> </div> </div> @endif @endif {{-- create your vcard --}} @if ($currentSubs && $currentSubs->plan->planFeature->affiliation && $vcard->enable_affiliation) <div class="create-vcard-section overflow-hidden"> <div class="dots-img"> <img src="{{ asset('assets/img/vcard25/dots-green.svg') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div> <div class="section-heading text-center"> <h2 class="mb-0">{{ __('messages.create_vcard') }}</h2> </div> <div> <div class="vcard-link-card card"> <div class="d-flex align-items-center justify-content-center"> <a href="{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}" class="text-white link-text fw-5">{{ 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> @endif {{-- map --}} @if ((isset($managesection) && $managesection['map']) || empty($managesection)) @if ($vcard->location_type == 0 && ($vcard->location_url && isset($url[5]))) <div class="map-section px-30 pt-50"> <div class="border border-primary map-box"> <div class="map-location d-flex gap-2 align-items-center pb-3 pt-1" @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/vcard25/location.svg') }}" /> </div> <p class="text-black mb-0">{!! ucwords($vcard->location) !!}</p> </div> <div> <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="map-section px-30 pt-50"> <div class="border border-primary map-box"> <div class="map-location d-flex gap-2 align-items-center pb-3 pt-1" @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/vcard25/location.svg') }}" /> </div> <p class="text-black mb-0">{!! ucwords($vcard->location) !!}</p> </div> <div> <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 @endif {{-- add contact --}} @if ($vcard->enable_contact) <div class="add-to-contact-section"> <div class="text-center d-flex align-items-center justify-content-center" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> @if ($contactRequest == 1) <a href="{{ Auth::check() ? route('add-contact', $vcard->id) : 'javascript:void(0);' }}" class="add-contact-btn position-relative rounded-2 gap-2 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 fs-4"></i> {{ __('messages.setting.add_contact') }}</a> @else <a href="{{ route('add-contact', $vcard->id) }}" class="add-contact-btn position-relative rounded-2 gap-2 d-flex justify-content-center align-items-center "><i class="fas fa-download fa-address-book"></i> {{ __('messages.setting.add_contact') }}</a> @endif </div> </div> @include('vcardTemplates.contact-request') @endif {{-- images bottom bg --}} <div class="bottom-bg"> <img src="{{ asset('assets/img/vcard25/bottom-bg.png') }}" alt="bottom-bg" class="w-100" /> </div> {{-- 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-primary" target="_blank"> <small class="text-primary">{{ __('messages.made_by') }} {{ $vcard->made_by }}</small> </a> @else <div class="text-center"> <small class="text-primary">{{ __('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-primary" target="_blank"> <small class="text-primary">{{ __('messages.made_by') }} {{ $vcard->made_by }}</small> </a> @else <div class="text-center"> <small class="text-primary">{{ __('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 class="text-primary">{!! __('messages.vcard.term_policy') !!}</small></a> </div> @endif </div> <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 social-services-bars-btn @if (getLanguage($vcard->default_language) == 'Arabic') vcard-bars-btn-left @endif"> <img src="{{ asset('assets/img/vcard25/squares.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="vcard25-sticky-btn vcard25-btn-group d-flex justify-content-center text-white align-items-center rounded-0 text-decoration-none py-1 rounded-pill justify-content share-wp-btn"> <i class="fa-solid fa-paper-plane"></i> </a> </div> </div> @endif @if (empty($vcard->hide_stickybar)) <div class="{{ isset($vcard->whatsapp_share) ? 'vcard25-btn-group' : 'stickyIcon' }}"> <button type="button" class="vcard25-btn-group vcard25-share vcard25-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="vcard25-btn-group vcard25-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-white"></i></a> @endif </div> @endif </div> </div> </div> </div> </div> </div> <div class="background-animation-card25"> <div class="left-img d-flex align-items-center justify-content-between "> <div class="hand-img"> <img src="{{ asset('assets/img/vcard25/hand-img.png') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="heart"> <img src="{{ asset('assets/img/vcard25/bg-heart.png') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="hand-img"> <img src="{{ asset('assets/img/vcard25/hand-img.png') }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> </div> </div> <div class="background-right-animtion"> <div class="position-relative"> <div class="animation-donation"> <div class="heart-bg"> <img src=" {{ asset('assets/img/vcard25/animation-bg-heart.png') }}" alt="bg-img" class="w-100"> </div> <div class="box-img"> <img src="{{ asset('assets/img/vcard25/box-images.png') }}" alt=""> </div> <div class="main-girl-img"> <div class="girl-image"> <img src="{{ asset('assets/img/vcard25/girls-img.png') }}" alt=""> </div> <div class="girl-head"> <img src="{{ asset('assets/img/vcard25/girl-head.png') }}" alt=""> </div> <div class="girl-hand"> <img src="{{ asset('assets/img/vcard25/girl-hand.png') }}" alt=""> </div> <div class="girl-neck"> <img src="{{ asset('assets/img/vcard25/girl-neck.png') }}" alt=""> </div> </div> <div class="main-img-boy"> <div class="boys-img"> <img src="{{ asset('assets/img/vcard25/boy-img.png') }}" alt=""> </div> <div class="boys-head"> <img src="{{ asset('assets/img/vcard25/boy-head.png') }}" alt=""> </div> <div class="boys-hand"> <img src="{{ asset('assets/img/vcard25/boys-hand.png') }}" alt=""> </div> </div> </div> </div> </div> @if ((isset($managesection) && $managesection['news_latter_popup']) || empty($managesection)) <div class="modal fade" id="newsLatterModal" tabindex="-1" aria-labelledby="newsLatterModalLabel" aria-hidden="true"> <div class="modal-dialog news-modal modal-dialog-centered"> <div class="modal-content animate-bottom" id="newsLatter-content"> <div class="newsmodal-header px-0 position-relative"> <button type="button" class="btn-close text-light" 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="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"> </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="vcard25-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 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"> {{ $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> </div> </div> </div> </body> @include('vcardTemplates.template.templates') <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 src="https://checkout.razorpay.com/v1/checkout.js"></script> <script type="text/javascript" src="{{ asset('assets/js/front-third-party.js') }}"></script> <script type="text/javascript" src="{{ asset('front/js/bootstrap.bundle.min.js') }}"></script> <script src="{{ asset('assets/js/slider/js/slick.min.js') }}" type="text/javascript"></script> @if (checkFeature('seo') && $vcard->google_analytics) {!! $vcard->google_analytics !!} @endif @php $setting = \App\Models\UserSetting::where('user_id', $vcard->tenant->user->id) ->where('key', 'stripe_key') ->first(); @endphp <script> let stripe = '' @if (!empty($setting) && !empty($setting->value)) stripe = Stripe('{{ $setting->value }}'); @endif $().ready(function() { $(".gallery-slider").slick({ arrows: false, infinite: true, dots: false, slidesToShow: 1, /* centerMode: true, centerPadding: '60px', */ /* autoplay: true, */ }); $(".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, 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, }, }, ], }); @if ($vcard->services_slider_view) $('.services-slider-view').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 2, autoplay: true, slidesToScroll: 1, arrows: false, adaptiveHeight: true, responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, }, }, ], }); @endif $(".blog-slider").slick({ arrows: false, infinite: true, dots:true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, draggable: true, responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, dots: true, }, }, ], }); $(".iframe-slider").slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true, speed: 300, infinite: true, autoplaySpeed: 5000, autoplay: false, responsive: [{ breakpoint: 575, settings: { centerPadding: "125px", dots: true, }, }, { breakpoint: 480, settings: { centerPadding: "0", dots: true, }, }, ], }); }); </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 qrCodeTwentyfive = document.getElementById("qr-code-twentyfive"); const svg = qrCodeTwentyfive.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> </html>
SAVE
CANCEL