<title>Account Verification -Best Leearning</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://akotamicrojobs.net/resources/css/argon.css" type="text/css">
    <link rel="stylesheet" href="https://akotamicrojobs.net/resources/css/myapp.css" type="text/css">
    <link rel="stylesheet" href="https://akotamicrojobs.net/resources/css/bttn.css" type="text/css">
    <style>
        .bg-gradient-green {
            background: linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important;
        }
        .bg-gradient-info {
            background: linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important;
        }
        .icon-shape {
            display: inline-flex;
            /* padding: 12px; */
            text-align: center;
            border-radius: 50%;
            align-items: center;
            justify-content: center;
        }
        .icon {
            width: 3rem;
            height: 3rem;
        }
        .icon-shape i, .icon-shape svg {
            font-size: 1.25rem;
        }
        .notice-box {
            text-align: center;
            border: 2px solid blue;
            background-color: transparent;
            padding: 10px;
            overflow: hidden;
            white-space: nowrap;
            border-radius: 10px;
            display: flex;
            align-items: center;
            max-width: 100%;
            height: 35px;
          }
        
      .notice-text {
        color: #000066;
        font-size: 16px;
        margin: 0;
      }
    </style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('user-content'); ?>

    <?php if(session('verify_success')): ?>
        <div class="alert alert-success" style="font-weight:bold;">
            <i class="fas fa-check"></i>
            <span id="verifySuccessMessage" class="ms-3">Account Verification Success</span>
            <button type="button" class="close" onclick="closeThatMessage()">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    <?php endif; ?>
    
    <?php if(session('verify_error')): ?>
        <div class="alert alert-danger" style="font-weight:bold;">
            <i class="far fa-frown"></i>
            <span id="verifyErrorMessage" class="ms-2">Sorry, Insufficient Balance!</span>
            <button type="button" class="close" onclick="closeThatMessage()">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    <?php endif; ?>
    
<div class="card mt-2">
    <div class="row justify-content-center">
        <div class="col-lg-7">
            <div class="card">
                <div class="card-header">
                    <h3 class="mb-0">Instant Account Verification</h3>
                </div>
                <div class="card-body">
                    <p class="text-center" style="background:dodgerblue;color: white;padding: 8px;border-radius: 5px;margin-top: 2px">
                        <b><?php echo e(accepted_task_note()); ?></b>
                    </p>
                    <br>
                    <marquee style="color: black;padding: 5px;border-radius: 5px;border:1px solid red" behavior="scroll">Instant Account Verification Fee Only 1 USD</marquee>
                    <br><br>
                    <div class="row justify-content-center">
                        <div class="card-profile-image" style="margin-top: 80px">
                            <a href="#">
                                <?php if(file_exists(Auth::user()->image)): ?>
                                <img alt="" class="rounded-circle" src="<?php echo e(URL::to(Auth::user()->image)); ?>" width="130px" height="130px">
                                <?php else: ?>
                                <img class="rounded-circle" src="<?php echo e(asset('frontend/img/user.png')); ?>" alt="User Image" width="130px" height="130px">
                                <?php endif; ?>
                            </a>
                        </div>
                        <div class="card-header text-center border-0 pt-5 pt-md-4 pb-0 pb-md-4"></div>
                        <div class="card-body">
                            <div class="text-center">
                                <h5 class="h2"><?php echo e(Auth::user()->name); ?></h5>
                                <div class="h5 font-weight-300">
                                    <h4>User ID: <?php echo e(Auth::user()->code); ?></h4>
                                    <span class='text'><i class='fas fa-globe'></i> <?php echo e(country(Auth::user()->country)); ?></span>
                                </div>
                                <p class="text-muted">Registration Date: <?php echo e(\Carbon\Carbon::parse(Auth::user()->created_at)->format('d M, y')); ?></p>
                                <?php if(Auth::user()->premium_status == 0): ?>
                                <br>
                                <a href="#" class="btn btn-outline-primary bttn" id="confirmBtn">Instant Verify</a>
                                <?php elseif(Auth::user()->premium_status == 1): ?>
                                <h5 class="h2 mb-3" style="margin-top: 20px;">
                                    <span style="display: inline-block;">Verified Account <i class="fas fa-check-circle"></i></span>
                                </h5>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h3 class="mb-0">Manually Account Verification</h3>
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <label for="cardType" class="form-control-label">[coming soon]</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="confirmModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <h4 class="text-red">Sir, Make Sure The Deposit Balance</h4>
                <br>
                <p class="tab-title-header h2">Are you confirm ?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="cancelBtn">No</button>
                <a href="<?php echo e(route('user.account-upgrade')); ?>" class="btn btn-success bttn" id="confirmUpgradeBtn">Yes, Confirm</a>
            </div>
        </div>
    </div>
</div>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script>
  document.getElementById('confirmBtn').addEventListener('click', function () {
    $('#confirmModal').modal('show');
  });

  document.getElementById('confirmUpgradeBtn').addEventListener('click', function () {
    $('#confirmModal').modal('hide');
  });

  document.getElementById('cancelBtn').addEventListener('click', function () {
    $('#confirmModal').modal('hide');
  });
  
  function closeThatMessage() {

        var successMessage = document.getElementById('verifySuccessMessage');

        var errorMessage = document.getElementById('verifyErrorMessage');

        if (successMessage) {
            successMessage.parentNode.style.display = 'none';
        }

        if (errorMessage) {
            errorMessage.parentNode.style.display = 'none';
        }
    }
</script>
<?php $__env->stopSection(); ?>

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