<div>
<div class="row">
<div class="col-end-12">
<div class="d-flex flex-column flex-sm-row flex-nowrap align-items-sm-center justify-content-sm-between">
<div class="row">
<!--[if BLOCK]><![endif]--><?php if(count($vcards) > 0 || !empty($search)): ?>
<div class="position-relative d-flex align-items-center width-320">
<span
class="position-absolute d-flex align-items-center top-0 bottom-0 left-0 text-gray-600 ms-3">
<i class="fa-solid fa-magnifying-glass"></i>
</span>
<input wire:model.debounce.100ms.live="search" type="search" autocomplete="off"
class="form-control ps-8" id="search" placeholder="<?php echo e(__('auth.app.search')); ?>"
aria-label="Search">
</div>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
<div class="d-flex justify-content-end">
<div class="btn-group d-flex align-items-end me-2" role="group"
aria-label="Basic mixed styles example" wire:ignore>
<button type="button"
class="btn border-white table-view-show <?php echo e(isset(getLogInUser()->vcard_table_view_type) && getLogInUser()->vcard_table_view_type == 0 ? 'btn-primary' : 'btn-white'); ?>"
data-value="0"><i class="fa fs-2 fa-table" aria-hidden="true"></i></button>
<button type="button"
class="btn border-white table-view-show <?php echo e(isset(getLogInUser()->vcard_table_view_type) && getLogInUser()->vcard_table_view_type == 1 ? 'btn-primary' : 'btn-white'); ?>"
data-value="1"><i class="fa-solid fs-2 fa-image"></i></button>
</div>
<!--[if BLOCK]><![endif]--><?php if(checkTotalVcard()): ?>
<div class="">
<a type="button" class="btn btn-primary"
href="<?php echo e(route('vcards.create')); ?>"><?php echo e(__('messages.vcard.new_vcard')); ?></a>
</div>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<?php if(count($vcards) > 0): ?>
<div class="content">
<div class="position-relative">
<?php
$styleCss = 'style';
?>
<div class="row g-3 mt-0">
<!--[if BLOCK]><![endif]--><?php $__currentLoopData = $vcards; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $vcard): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="col-md-6 col-lg-6 col-12 col-xl-4">
<div class="card mb-6 vcard-container position-relative ">
<div class="card-body p-0 ">
<div class="position-relative">
<div class="card-img ">
<div class="position-absolute img-absolute p-3">
<img src="<?php echo e(empty($vcard->template) ? $defaultTemplate : $vcard->template->template_url); ?>"
alt="Vcard" width="100" class="overflow-hidden h-20">
<!--[if BLOCK]><![endif]--><?php if($vcard->status == 0): ?>
<span
class="badge badge-tag position-absolute py-1 px-5 d-flex justify-content-center align-items-center"><?php echo e(__('messages.vcard.disabled')); ?></span>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
<div class="vcard-actions">
<div class="d-flex">
<span class="d-none"
id="vcardUrlCopy<?php echo e($vcard->id); ?>"><?php echo e(route('vcard.show', ['alias' => $vcard->url_alias])); ?></span>
<!--[if BLOCK]><![endif]--><?php if($vcard->status == 1): ?>
<div class="vcard-button show-vcard mx-sm-2 mx-1">
<a href="<?php echo e(route('vcard.show', ['alias' => $vcard->url_alias])); ?>"
id="vcardUrl<?php echo e($vcard->id); ?>"
target="_blank"
class="text-decoration-none fs-6">
<span style="color:#0AC074">
<i class="fa-solid fa-globe fs-2"></i>
</span>
</a>
</div>
<div class="vcard-button vcard-link-copy mx-sm-2 mx-1">
<a class="user-edit-btn vcard-copy-clipboard fs-6"
href="javascript:void(0)"
data-id="<?php echo e($vcard->id); ?>"
title="<?php echo e('copy'); ?>">
<span style="color:#FF8717;">
<i class="fa-solid fa-copy fs-2"></i>
</span>
</a>
</div>
<div
class="vcard-button vcard-Subscribers mx-sm-3 mx-1">
<a
href="<?php echo e(route('vcard.showSubscribers', $vcard->id)); ?>">
<span style="color:#4f76ad">
<i class="fa-solid fa-users fs-2"></i></h3>
</span>
</a>
</div>
<div
class="vcard-button vcard-Contact mx-sm-3 mx-1">
<a
href="<?php echo e(route('vcard.showContact', $vcard->id)); ?>">
<span style="color:#86469c">
<i class="fa-solid fa-phone fs-2"></i></h3>
</span>
</a>
</div>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><?php if(analyticsFeature()): ?>
<div class="vcard-button show-chart mx-sm-3 mx-1">
<a href="<?php echo e(route('vcard.analytics', $vcard->id)); ?>"
class="fs-6">
<i class="fa-solid fa-chart-line fs-2"></i>
</a>
</div>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<div class="desc">
<div
class="justify-content-between align-items-center d-flex px-3">
<div>
<a href="<?php echo e(route('vcards.edit', $vcard->id)); ?>"
class="text-decoration-none fs-6">
<?php echo e($vcard->name); ?>
</a>
</div>
<div>
<a href="<?php echo e(route('vcards.edit', $vcard->id)); ?>"
title="<?php echo e(__('messages.common.edit')); ?>"
class="btn px-1 py-0 fs-3">
<i class="fa-solid fa-pen-to-square text-primary"></i>
</a>
<div class="dropdown d-inline-block">
<button class="btn btn-sm dropdown-toggle hide-arrow"
type="button" id="dropdownMenuButton1"
data-bs-toggle="dropdown" aria-expanded="false">
<i
class="fa-solid fa-ellipsis-vertical text-center text-primary fs-4"></i>
</button>
<ul class="dropdown-menu px-2"
aria-labelledby="dropdownMenuButton1">
<li>
<div class="qr-code-image d-none">
<?php echo QrCode::size($vcard->qr_code_download_size)->format('svg')->generate(route('vcard.show', ['alias' => $vcard->url_alias])); ?>
</div>
<a title="<?php echo e(__('messages.vcard.qr_code')); ?>"
class="d-flex align-items-center btn p-1 fs-6 vcard-qr-code-btn d-flex"
download="qr_code.png">
<i
class="fa-solid fa-qrcode text-info me-2 fs-4"></i>
<span><?php echo e(__('messages.vcard.qr_code')); ?></span>
</a>
</li>
<li>
<a title="<?php echo e(__('messages.vcard.download_vcard')); ?>"
href="<?php echo e(route('add-contact', $vcard->id)); ?>"
class="btn p-1 fs-6 d-flex align-items-center"
data-turbo="false">
<i
class="fas fa-download text-info fs-4 me-2"></i> <?php echo e(__('messages.vcard.download_vcard')); ?>
</a>
</li>
<li>
<!--[if BLOCK]><![endif]--><?php if(route('enquiry.index', $vcard->id)): ?>
<a title="<?php echo e(__('messages.enquiry')); ?>"
href="<?php echo e(route('enquiry.index', $vcard->id)); ?>"
class="btn p-1 fs-6 d-flex align-items-center">
<i
class="fa-solid fa-clipboard-question text-info fs-4 me-2"></i> <?php echo e(__('messages.contact_us.inquries')); ?>
</a>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</li>
<!--[if BLOCK]><![endif]--><?php if(checkTotalVcard()): ?>
<li>
<a href="javascript:void(0)"
class="duplicate-vcard-btn btn p-1 fs-6 d-flex align-items-center"
data-id="<?php echo e($vcard->id); ?>"
title="<?php echo e(__('Duplicate VCard')); ?>">
<i
class="fa-solid fa-copy text-secondary fs-4 me-2"></i> <?php echo e(str_replace('!', '', __('messages.vcard.duplicate_vcard'))); ?>
</a>
</a>
</li>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
<li>
<a href="javascript:void(0)"
data-id="<?php echo e($vcard->id); ?>"
title="<?php echo e(__('messages.common.delete')); ?>"
class="btn p-1 fs-6 d-flex align-items-center text-danger vcard_delete-btn">
<i
class="fa-solid fa-trash fs-4 me-2"></i> <?php echo e(__('messages.common.delete')); ?>
</a>
</li>
<li>
<div class="status">
<div class="status">
<button
title="<?php echo e(__('messages.status')); ?>"
class="btn p-1 fs-6 d-flex align-items-center vcardStatus"
data-id="<?php echo e($vcard->id); ?>"
value="<?php echo e($vcard->status == 1 ? '0' : '1'); ?>">
<!--[if BLOCK]><![endif]--><?php if($vcard->status == 1): ?>
<i
class="fa fa-toggle-on text-info fs-2 me-2"></i>
<?php echo e(__('messages.vcard.disabled')); ?>
<?php else: ?>
<i
class="fa fa-toggle-off text-info fs-2 me-2"></i>
<?php echo e(__('messages.vcard.enable')); ?>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</button>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
class="justify-content-between align-items-center d-flex px-3 pb-3">
<div>
<span
class="fs-6 text-gray-500"><?php echo e(\Illuminate\Support\Str::words($vcard->occupation, 3, '...')); ?></span>
</div>
<div>
<span
class="fs-6 text-gray-500"><?php echo e(getFormattedDateTime($vcard->created_at)); ?></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if BLOCK]><![endif]--><?php if($vcards->count() > 0): ?>
<div class="mt-0 mb-5 col-12">
<div class="row paginatorRow">
<div class="col-lg-2 col-md-6 col-sm-12 pt-2">
<span class="d-inline-flex">
<?php echo e(__('messages.showing')); ?>
<span class="font-weight-bold mx-1"><?php echo e($vcards->firstItem()); ?></span> -
<span class="font-weight-bold mx-1"><?php echo e($vcards->lastItem()); ?></span>
<span><?php echo e(__('messages.of')); ?></span>
<span class="font-weight-bold mx-1"><?php echo e($vcards->total()); ?></span>
</span>
</div>
<div class="col-lg-10 col-md-6 col-sm-12 d-flex justify-content-end">
<?php echo e($vcards->links()); ?>
</div>
</div>
</div>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
<?php else: ?>
<div class="text-center empty-vcard">
<!--[if BLOCK]><![endif]--><?php if(empty($search)): ?>
<h2 class="p-5"><?php echo e(__('messages.no_vcards_available')); ?></h2>
<?php else: ?>
<h2 class="p-5"><?php echo e(__('messages.no_vcards_found')); ?></h2>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
<?php endif; ?><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<?php /**PATH /home/getxxhzo/app.genicards.com/resources/views/livewire/vcard-lists.blade.php ENDPATH**/ ?>