 

<?php $__env->startSection('content'); ?>


<main class="h-full pb-16 overflow-y-auto">
          <div class="container px-6 mx-auto grid">
            <h2
              class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"
            >
              
            </h2>
            <!-- CTA -->
            <a
              class="flex bg-blue-600 items-center justify-between p-4 mb-8 text-sm font-semibold shadow-md focus:outline-none focus:shadow-outline-green"
              href="<?php echo e(url('/')); ?>" style="color: #fff;"
            >
              <div class="flex items-center">
                <svg
                  class="w-5 h-5 mr-2"
                  fill="currentColor"
                  viewBox="0 0 20 20"
                >
                  <path
                    d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
                  ></path>
                </svg>
                <span>Go to main website</span>
              </div>
              <span>View &RightArrow;</span>
            </a>

           

            <!-- Responsive cards -->
            <div class="mb-4">
                <h4
                  class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300"
                >
                User<span class="text-blue-500">Cards </span>
                </h4>
                <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.alert','data' => []]); ?>
<?php $component->withName('alert'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
            </div>
                
            
            <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-3 mt-3">
            <?php $__empty_1 = true; $__currentLoopData = $cards; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $card): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <div class="rounded-2xl p-4 overflow-hidden shadow-lg bg-white dark:bg-gray-800">
                    <div
                    class="flex justify-center p-10 bg-gradient-to-r from-green-300 via-blue-500 to-purple-600"
                    >
                    <div
                        class="w-64 h-40 bg-gradient-to-r from-blue-700 via-blue-800 to-gray-900 rounded-lg shadow-lg"
                    >
                        <div class="flex justify-between m-2">
                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            width="34"
                            height="34"
                            viewBox="0 0 24 24"
                            stroke-width="1.5"
                            stroke="#ffffff"
                            fill="none"
                            stroke-linecap="round"
                            stroke-linejoin="round"
                        >
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <rect x="3" y="5" width="18" height="14" rx="3" />
                            <line x1="3" y1="10" x2="21" y2="10" />
                            <line x1="7" y1="15" x2="7.01" y2="15" />
                            <line x1="11" y1="15" x2="13" y2="15" />
                        </svg>
                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            width="34"
                            height="34"
                            viewBox="0 0 24 24"
                            stroke-width="1.5"
                            stroke="#ffffff"
                            fill="none"
                            stroke-linecap="round"
                            stroke-linejoin="round"
                        >
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <circle cx="9.5" cy="9.5" r="5.5" fill="#fff" />
                            <circle cx="14.5" cy="14.5" r="5.5" />
                        </svg>
                        </div>
                        <div class="flex justify-center mt-3">
                        <h1 class="text-gray-400 font-thin font-os">
                        <?php 
                            echo join(" ", str_split($card->card_number, 4));
                        ?>
                        </h1>
                        </div>
                        <div
                        class="flex flex-col justfiy-end mt-4 p-4 text-gray-400 font-quick"
                        >
                        <p class="font-bold text-xs">Expiry: <?php echo e($card->expiry); ?></p>
                        <h4 class="uppercase tracking-wider font-semibold text-xs">
                         CVV: <?php echo e($card->cvv); ?>

                        </h4>
                        </div>
                    </div>
                    </div>
                    <div class="text-center mt-4 mb-2 font-quick">
                    <h1 class="font-black text-gray-600 dark:text-gray-400 tracking-wide text-lg">
                        Card Name: <?php echo e($card->card_name); ?>

                    </h1>
                    <p class="font-bold text-xs text-gray-500"><?php echo e($card->user->email); ?></p>
                    </div>
                    <div class="p-8 flex justify-center">
                    <button
                        class="rounded-full"
                    >
                    <?php if($card->user->avatar != null): ?>
                        <img src="<?php echo asset('storage/images/'.$card->user->avatar); ?>" alt="Testifier photo" style="height: 80px !important; width:80px; border-radius: 50%; border: 2px solid #e4ab0d; object-fit: cover;">
                        <?php else: ?>
                        <img src="<?php echo asset('assets/img/download.png'); ?>" alt="Testifier photo" style="height: 80px !important; width:80px; border-radius: 50%; border: 2px solid #e4ab0d;">
                        <?php endif; ?>
                    </button>
                    </div>
                </div>
              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
              <div class="p-4">
                  <h5 class="text-gray-700 dark:text-gray-200">You have no Cards yet!</h5>
              </div>
              <?php endif; ?>
              
            </div>

             
          </div>
        </main>
        
        
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.admin_layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\wamp64\www\jango\resources\views/admin/cards.blade.php ENDPATH**/ ?>