<title>Clicks - History</title>


<?php $__env->startSection('css'); ?>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
<link rel="stylesheet" href="https://moneyupwork.com/resources/css/argon.css?v=1.1.0" type="text/css">
<link rel="stylesheet" href="https://moneyupwork.com/resources/css/myapp.css" type="text/css">
<link rel="stylesheet" href="https://moneyupwork.com/resources/css/bttn.css" type="text/css">
<?php $__env->stopSection(); ?>

<style>
    /* Overlay Styling */
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background: rgba(0, 0, 0, 0.7);*/
        background: red;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
        display: none; /* Hidden by default */
    }

    .overlay.active {
        display: flex; /* Show overlay when 'active' class is added */
    }

    /* Centering content inside the overlay */
    .overlay-content {
        max-width: 600px; /* Max width for the content */
        width: 90%; /* Responsive width */
        padding: 20px;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.8); /* Slightly darker background for the content box */
        border-radius: 10px;
        text-align: center;
    }

    /* Text styling */
    .overlay-text p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    /* Button styling */
    .overlay-btn a {
        font-size: 16px;
        padding: 10px 20px;
    }

    /* Responsive styles */
    @media (max-width: 768px) {
        .overlay-text p {
            font-size: 14px; /* Smaller text for tablet */
        }

        .overlay-btn a {
            font-size: 14px; /* Smaller button font */
            padding: 12px 20px; /* Adjust button padding */
        }
    }

    @media (max-width: 480px) {
        .overlay-text p {
            font-size: 12px; /* Even smaller text for phones */
        }

        .overlay-btn a {
            font-size: 12px; /* Even smaller button font */
            padding: 10px 15px; /* Smaller button padding */
        }
    }
</style>

<?php $__env->startSection('user-content'); ?>
<section>
    <div class="card mt-3 p-3">
        <div class="card-header text-center" style="background-color: #f8f9fa; border-bottom: 2px solid #2ECC71;">
            <h3 class="card-title" style="color: #2ECC71; font-size: 24px;">
                Click and Earning History
            </h3>
        </div>

        <div class="container my-3">
            <!-- User Information Section -->
            <div class="mb-3">
                <?php if($total_show_ads >= 50): ?>
                    <p>You are viewing the latest 50 ads. In total, you have seen <strong><?php echo e($total_show_ads); ?></strong> ads.</p>
                <?php else: ?>
                    <p>You have seen a total of <strong><?php echo e($total_show_ads); ?></strong> ads. Total Credit: <strong><?php echo e(number_format($total_credit, 4)); ?> $</strong></p>
                <?php endif; ?>
            </div>

            <!-- Table Section -->
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead class="thead-light">
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Ads ID</th>
                            <th scope="col">Credit</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $__empty_1 = true; $__currentLoopData = $data; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sl => $ad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                            <tr>
                                <td><?php echo e($data->firstItem() + $sl); ?></td>
                                <td><?php echo e($ad->verify); ?></td>
                                <td><?php echo e(number_format($ad->earn, 4)); ?> $</td>
                            </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                            <tr>
                                <td colspan="3" class="text-center">No history records found.</td>
                            </tr>
                        <?php endif; ?>
                    </tbody>
                </table>
            </div>

            <!-- Pagination Section -->
            <?php if($data->hasPages()): ?>
                <div class="d-flex justify-content-center">
                    <?php echo e($data->links()); ?>

                </div>
            <?php endif; ?>

            <!-- Total Credit Summary -->
            <div class="text-right mt-3">
                <strong>Total Credit: <?php echo e(number_format($total_credit, 4)); ?> $</strong>
            </div>
        </div>
    </div>
</section>
<?php $__env->stopSection(); ?>


<?php echo $__env->make('user.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/dealruom/microjob.dealingwork.com/resources/views/user/pages/ads_history.blade.php ENDPATH**/ ?>