| Current File : /home/getxxhzo/app.genicards.com/resources/views/vcards/blog.blade.php |
<html lang="en">
<head>
<link>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="{{ getFaviconUrl() }}" type="image/png">
<!-- Bootstrap CSS -->
<link href="{{ asset('front/css/bootstrap.min.css') }}" rel="stylesheet">
<title>vcard</title>
{{-- css link --}}
<link rel="stylesheet" href="{{ asset('assets/css/vcard1.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/blog.css') }}">
{{-- font-awesome --}}
<link href="{{ asset('backend/css/all.min.css') }}" rel="stylesheet">
{{-- google font --}}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
</head>
<body>
<div class="container h-100">
{{-- @dd(getLanguage($blog->vcard)== 'Arabic') --}}
<div
class="vcard-one main-content w-100 h-auto mx-auto
@if ($blog->vcard->template_id == 1) vcard-one-bg
@elseif($blog->vcard->template_id == 2)
vcard-two-bg
@elseif($blog->vcard->template_id == 3)
vcard-three-bg
@elseif($blog->vcard->template_id == 4)
vcard-four-bg
@elseif($blog->vcard->template_id == 5)
vcard-five-bg
@elseif($blog->vcard->template_id == 6)
vcard-six-bg
@elseif($blog->vcard->template_id == 7)
vcard-seven-bg h-auto
@elseif($blog->vcard->template_id == 8)
vcard-eight-bg h-auto
@elseif($blog->vcard->template_id == 9)
vcard-nine-bg
@elseif($blog->vcard->template_id == 10)
vcard-ten-bg
@elseif($blog->vcard->template_id == 13)
vcard-thirteen-bg
@elseif($blog->vcard->template_id == 14)
vcard-fourteen-bg
@elseif($blog->vcard->template_id == 12)
vcard-twelve-bg
@elseif($blog->vcard->template_id == 15)
vcard-fifteen-bg
@elseif($blog->vcard->template_id == 16)
vcard-sixteen-bg
@elseif($blog->vcard->template_id == 17)
vcard-seventeen-bg
@elseif($blog->vcard->template_id == 21)
vcard-twentyone-bg
@elseif($blog->vcard->template_id == 25)
vcard-twentyfive-bg
@elseif($blog->vcard->template_id == 22)
vcard-twentytwo-bg h-auto
@elseif($blog->vcard->template_id == 20)
vcard-twenty-bg
@elseif($blog->vcard->template_id == 18)
vcard-eighteen-bg
@elseif($blog->vcard->template_id == 19)
vcard-nineteen-bg
@elseif($blog->vcard->template_id == 26)
vcard-twentysix-bg h-auto
@elseif($blog->vcard->template_id == 28)
vcard-twentyeight-bg h-auto
@elseif($blog->vcard->template_id == 30)
vcard-thirty-bg h-auto
@elseif($blog->vcard->template_id == 29)
vcard-twentynine-bg h-auto
@elseif($blog->vcard->template_id == 23)
vcard-twentythree-bg h-auto
@elseif($blog->vcard->template_id == 24)
vcard-twentyfour-bg h-auto
@elseif($blog->vcard->template_id == 31)
vcard-thirtyone-bg h-auto
@elseif($blog->vcard->template_id == 32)
vcard-thirtytwo-bg h-auto
@elseif($blog->vcard->template_id == 33)
vcard-thirtythree-bg h-auto
@elseif($blog->vcard->template_id == 27)
vcard-twentyseven-bg h-auto @endif">
<div class="vcard-one-main-section p-3">
<div class="d-flex justify-content-between align-items-center py-3" @if(getLanguage($blog->vcard) == 'Arabic') dir="rtl" @endif>
<h2
class="blog-title
@if ($blog->vcard->template_id == 1) vcard-one-title
@elseif($blog->vcard->template_id == 2)
vcard-two-title
@elseif($blog->vcard->template_id == 3)
vcard-three-title
@elseif($blog->vcard->template_id == 4)
vcard-four-title
@elseif($blog->vcard->template_id == 5)
vcard-five-title
@elseif($blog->vcard->template_id == 6)
vcard-six-title
@elseif($blog->vcard->template_id == 7)
vcard-seven-title
@elseif($blog->vcard->template_id == 8)
vcard-eight-title
@elseif($blog->vcard->template_id == 9)
vcard-nine-title
@elseif($blog->vcard->template_id == 10)
vcard-ten-title
@elseif($blog->vcard->template_id == 13)
vcard-thirteen-title
@elseif($blog->vcard->template_id == 14)
vcard-fourteen-title
@elseif($blog->vcard->template_id == 12)
vcard-twelve-title
@elseif($blog->vcard->template_id == 15)
vcard-fifteen-title
@elseif($blog->vcard->template_id == 17)
vcard-seventeen-title text-dark
@elseif($blog->vcard->template_id == 16)
vcard-sixteen-title
@elseif($blog->vcard->template_id == 21)
vcard-twentyone-title
@elseif($blog->vcard->template_id == 24)
vcard-twentyfour-title
@elseif($blog->vcard->template_id == 25)
vcard-twentyfive-title
@elseif($blog->vcard->template_id == 22)
vcard-twentytwo-title
@elseif($blog->vcard->template_id == 20)
vcard-twenty-title
@elseif($blog->vcard->template_id == 18)
vcard-eighteen-title
@elseif($blog->vcard->template_id == 19)
vcard-nineteen-title
@elseif($blog->vcard->template_id == 26)
vcard-twentysix-title
@elseif($blog->vcard->template_id == 28)
vcard-twentyeight-title
@elseif($blog->vcard->template_id == 30)
vcard-thirty-title
@elseif($blog->vcard->template_id == 29)
vcard-twentynine-title
@elseif($blog->vcard->template_id == 23)
vcard-twentythree-title
@elseif($blog->vcard->template_id == 31)
vcard-thirtyone-title
@elseif($blog->vcard->template_id == 32)
vcard-thirtytwo-title
@elseif($blog->vcard->template_id == 33)
vcard-thirtythree-title
@elseif($blog->vcard->template_id == 27)
vcard-twentyseven-title @endif">
{{ $blog->title }}</h2>
<div class="blog-hover-btn">
<a class="btn
@if ($blog->vcard->template_id == 1) vcard-one-back
@elseif($blog->vcard->template_id == 2)
vcard-two-back
@elseif($blog->vcard->template_id == 3)
vcard-three-back
@elseif($blog->vcard->template_id == 4)
vcard-four-back
@elseif($blog->vcard->template_id == 5)
vcard-five-back
@elseif($blog->vcard->template_id == 6)
vcard-six-back
@elseif($blog->vcard->template_id == 7)
vcard-seven-back
@elseif($blog->vcard->template_id == 8)
vcard-eight-back
@elseif($blog->vcard->template_id == 9)
vcard-nine-back
@elseif($blog->vcard->template_id == 10)
vcard-ten-back
@elseif($blog->vcard->template_id == 13)
vcard-thirteen-back
@elseif($blog->vcard->template_id == 14)
vcard-fourteen-back
@elseif($blog->vcard->template_id == 12)
vcard-twelve-back
@elseif($blog->vcard->template_id == 15)
vcard-fifteen-back
@elseif($blog->vcard->template_id == 17)
vcard-seventeen-back
@elseif($blog->vcard->template_id == 16)
vcard-sixteen-back
@elseif($blog->vcard->template_id == 21)
vcard-twentyone-back
@elseif($blog->vcard->template_id == 24)
vcard-twentyfour-back
@elseif($blog->vcard->template_id == 25)
vcard-twentyfive-back
@elseif($blog->vcard->template_id == 22)
vcard-twentytwo-back" data-button-style="{{ isset($dynamicVcard) ? $dynamicVcard->button_style : 'default' }}
@elseif($blog->vcard->template_id == 20)
vcard-twenty-back
@elseif($blog->vcard->template_id == 18)
vcard-eighteen-back
@elseif($blog->vcard->template_id == 19)
vcard-nineteen-back
@elseif($blog->vcard->template_id == 26)
vcard-twentysix-back
@elseif($blog->vcard->template_id == 28)
vcard-twentyeight-back
@elseif($blog->vcard->template_id == 30)
vcard-thirty-back
@elseif($blog->vcard->template_id == 29)
vcard-twentynine-back
@elseif($blog->vcard->template_id == 23)
vcard-twentythree-back
@elseif($blog->vcard->template_id == 31)
vcard-thirtyone-back
@elseif($blog->vcard->template_id == 32)
vcard-thirtytwo-back
@elseif($blog->vcard->template_id == 33)
vcard-thirtythree-back
@elseif($blog->vcard->template_id == 27)
vcard-twentyseven-back @endif"
href="{{ url()->previous() }}" role="button">
{{ __('messages.common.back') }}
</a>
</div>
</div>
<div
class="img-bx
@if ($blog->vcard->template_id == 1) vcard-one-img-bx
@elseif($blog->vcard->template_id == 2)
vcard-two-img-bx
@elseif($blog->vcard->template_id == 3)
vcard-three-img-bx
@elseif($blog->vcard->template_id == 4)
vcard-four-img-bx
@elseif($blog->vcard->template_id == 5)
vcard-five-img-bx
@elseif($blog->vcard->template_id == 6)
vcard-six-img-bx
@elseif($blog->vcard->template_id == 7)
vcard-seven-img-bx
@elseif($blog->vcard->template_id == 8)
vcard-eight-img-bx
@elseif($blog->vcard->template_id == 9)
vcard-nine-img-bx
@elseif($blog->vcard->template_id == 10)
vcard-ten-img-bx
@elseif($blog->vcard->template_id == 13)
vcard-thirteen-img-bx
@elseif($blog->vcard->template_id == 14)
vcard-fourteen-img-bx
@elseif($blog->vcard->template_id == 12)
vcard-twelve-img-bx
@elseif($blog->vcard->template_id == 13)
vcard-thirteen-img-bx
@elseif($blog->vcard->template_id == 15)
vcard-fifteen-img-bx
@elseif($blog->vcard->template_id == 17)
vcard-seventeen-img-bx
@elseif($blog->vcard->template_id == 16)
vcard-sixteen-img-bx
@elseif($blog->vcard->template_id == 21)
vcard-twentyone-img-bx
@elseif($blog->vcard->template_id == 24)
vcard-twentyfour-img-bx
@elseif($blog->vcard->template_id == 25)
vcard-twentyfive-img-bx
@elseif($blog->vcard->template_id == 22)
vcard-twentytwo-img-bx
@elseif($blog->vcard->template_id == 18)
vcard-eighteen-img-bx
@elseif($blog->vcard->template_id == 19)
vcard-nineteen-img-bx
@elseif($blog->vcard->template_id == 20)
vcard-twenty-img-bx
@elseif($blog->vcard->template_id == 26)
vcard-twentysix-img-bx
@elseif($blog->vcard->template_id == 28)
vcard-twentyeight-img-bx
@elseif($blog->vcard->template_id == 30)
vcard-thirty-img-bx
@elseif($blog->vcard->template_id == 29)
vcard-twentynine-img-bx
@elseif($blog->vcard->template_id == 23)
vcard-twentythree-img-bx
@elseif($blog->vcard->template_id == 31)
vcard-thirtyone-img-bx
@elseif($blog->vcard->template_id == 32)
vcard-thirtytwo-img-bx
@elseif($blog->vcard->template_id == 33)
vcard-thirtythree-img-bx
@elseif($blog->vcard->template_id == 27)
vcard-twentyseven-img-bx @endif">
<img src="{{ $blog->blog_icon }}" />
</div>
<div class="details mt-4">
<p class="fw-light">{!! $blog->description !!}</p>
<div class="blog-hover-btn-mobile fw-light">
<a class="btn float-end
@if ($blog->vcard->template_id == 1) vcard-one-back
@elseif($blog->vcard->template_id == 2)
vcard-two-back
@elseif($blog->vcard->template_id == 3)
vcard-three-back
@elseif($blog->vcard->template_id == 4)
vcard-four-back
@elseif($blog->vcard->template_id == 5)
vcard-five-back
@elseif($blog->vcard->template_id == 6)
vcard-six-back
@elseif($blog->vcard->template_id == 7)
vcard-seven-back
@elseif($blog->vcard->template_id == 8)
vcard-eight-back
@elseif($blog->vcard->template_id == 9)
vcard-nine-back
@elseif($blog->vcard->template_id == 10)
vcard-ten-back
@elseif($blog->vcard->template_id == 13)
vcard-thirteen-back
@elseif($blog->vcard->template_id == 14)
vcard-fourteen-back
@elseif($blog->vcard->template_id == 12)
vcard-twelve-back
@elseif($blog->vcard->template_id == 15)
vcard-fifteen-back
@elseif($blog->vcard->template_id == 17)
vcard-seventeen-back
@elseif($blog->vcard->template_id == 16)
vcard-sixteen-back
@elseif($blog->vcard->template_id == 21)
vcard-twentyone-back
@elseif($blog->vcard->template_id == 24)
vcard-twentyfour-back
@elseif($blog->vcard->template_id == 25)
vcard-twentyfive-back
@elseif($blog->vcard->template_id == 22)
vcard-twentytwo-back" data-button-style="{{ isset($dynamicVcard) ? $dynamicVcard->button_style : 'default' }}
@elseif($blog->vcard->template_id == 20)
vcard-twenty-back
@elseif($blog->vcard->template_id == 18)
vcard-eighteen-back
@elseif($blog->vcard->template_id == 19)
vcard-nineteen-back
@elseif($blog->vcard->template_id == 26)
vcard-twentysix-back
@elseif($blog->vcard->template_id == 28)
vcard-twentyeight-back
@elseif($blog->vcard->template_id == 30)
vcard-thirty-back
@elseif($blog->vcard->template_id == 29)
vcard-twentynine-back
@elseif($blog->vcard->template_id == 23)
vcard-twentythree-back
@elseif($blog->vcard->template_id == 31)
vcard-thirtyone-back
@elseif($blog->vcard->template_id == 32)
vcard-thirtytwo-back
@elseif($blog->vcard->template_id == 33)
vcard-thirtythree-back
@elseif($blog->vcard->template_id == 27)
vcard-twentyseven-back @endif"
href="{{ url()->previous() }}" role="button">
{{ __('messages.common.back') }}
</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="{{ asset('backend/js/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('front/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ mix('assets/js/custom/custom.js') }}"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var primaryColor = @json($dynamicVcard->primary_color ?? null);
var backColor = @json($dynamicVcard->back_color ?? null);
var backSecondColor = @json($dynamicVcard->back_seconds_color ?? null);
var buttonTextColor = @json($dynamicVcard->button_text_color ?? null);
var textDescriptionColor = @json($dynamicVcard->text_label_color ?? null);
var textLabelColor = @json($dynamicVcard->text_description_color ?? null);
document.documentElement.style.setProperty('--primary-color', primaryColor);
document.documentElement.style.setProperty('--green-100', backColor);
document.documentElement.style.setProperty('--green', backSecondColor);
document.documentElement.style.setProperty('--black', buttonTextColor);
document.documentElement.style.setProperty('--gray-100', textDescriptionColor);
document.documentElement.style.setProperty('--white', textLabelColor);
});
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
var buttonStyle = @json($dynamicVcard->button_style ?? null);
applyButtonStyle(buttonStyle);
});
function applyButtonStyle(buttonStyle) {
const buttons = document.querySelectorAll('.vcard-twentytwo-back');
if (buttonStyle === 'default' || !buttonStyle) {
buttonStyle = '1';
}
buttons.forEach(button => {
button.classList.add(`dynamic-btn-${buttonStyle}`);
});
}
</script>
</body>
</html>