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

  <!-- App Header -->
<!-- * App Header -->

<!-- App Capsule -->
 <div id="appCapsule" class="full-height">


    <div class="card">
        <div class="card-body">
            <ul class="nav nav-tabs capsuled" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-bs-toggle="tab" href="#ngn" role="tab">
                        Credit Card
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#usd" role="tab" disabled>
                        Debit Card (disabled)
                    </a>
                </li>

            </ul>
        </div>
    </div><br>

   

        <div class="tab-content mt-1">
            <div class="tab-pane fade show active" id="ngn" role="tabpanel">

                <div class="card-block bg-dark mb-2">
                    <div class="card-main">
                        <div class="card-button dropdown">
                            <img src="<?php echo e(asset('storage/app/public/mastercard.png')); ?>" alt="img" class="image-block imaged w48 lazy animate">

                        </div>
                        
                         
                        <div class="balance">
                            <span class="label">BALANCE</span>
                            <h1 class="title"><?php echo e(Auth::user()->currency); ?><?php echo e(number_format($card->amount,1, '.', ',')); ?> </h1>
                        </div>
                        <div class="in">
                            <div class="card-number">
                                <span class="label">Card Number</span>
                               <?php echo e($card->card_number); ?>

                            </div>
                            <div class="bottom">
                                <div class="card-expiry">
                                    <span class="label">Expiry</span>
                                 <?php echo e($card->expiry); ?>

                                </div>
                                <div class="card-ccv">
                                    <span class="label">CCV</span>
                                   <?php echo e($card->cvv); ?>

                                </div>
                                
                               <div class="card-button dropdown mt-5">
                               
                            <h3 class="title text-white"> <?php echo e($card->status); ?> </h3>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="section mt-2">
                    <center>
                        <div class="card-body pb-1">
                             <?php if($card->card_status==0): ?>
                            <a href="#" class="btn btn-outline-warning me-1 mb-1" data-bs-toggle="modal" data-bs-target="#CardActionSheet">Activate Card</a>
                            
                            
                            
                            
                              <?php endif; ?> 
                              
                                <?php if($card->card_status==1): ?>
                            <a href="#" class="btn btn-outline-success me-1 mb-1" data-bs-toggle="modal" data-bs-target="#FundCard">Fund Card</a>
                            
                              <a href="#" class="btn btn-outline-success me-1 mb-1" data-bs-toggle="modal" data-bs-target="#Withdrawfromcard">Withdraw to Account</a>
                              <?php if($card->status=='Active'): ?>  
                               <a  href="freeze" class="btn btn-outline-success me-1 mb-1"  >Freeze Card</a>
                             <?php else: ?>
                            
                              <a  href="unfreeze" class="btn btn-outline-success me-1 mb-1" >Unfreeze Card</a>
                               <?php endif; ?> 
                            
                              <?php endif; ?> 
                              
                              
                            <a href="<?php echo e(route('support')); ?>" type="button" class="btn btn-outline-info me-1 mb-1">Need Help?</a>

                        </div>
                    </center>
                </div><br>
                <!-- Wallet Card -->


                <div class="card">
                    <ul class="listview flush transparent image-listview text">
                        <li>
                            <a href="#" class="item">
                                <div class="in">
                                    <div>Name On Card
                                        <div class="text-muted">
                                           <?php echo e($card->name); ?>

                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#" class="item">
                                <div class="in">
                                    <div>Card Number
                                        <div class="text-muted">
                                            <?php echo e($card->card_number); ?>

                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="#" class="item">
                                <div class="in">
                                    <div>Expiry Date
                                        <div class="text-muted">
                                          <?php echo e($card->expiry); ?>

                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>


                        <li>
                            <a href="#" class="item">
                                <div class="in">
                                    <div>CVC
                                        <div class="text-muted">
                                           <?php echo e($card->cvv); ?>

                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>


                    </ul>
                </div>



        </div>

                <!-- * carousel single -->
            </div>


            <div class="tab-pane fade" id="usd" role="tabpanel">

                <div class="card-block mb-2">
                    <div class="card-main">
                        <div class="card-button dropdown">
                            <img src="logo.png" alt="img" class="image-block imaged w48 lazy animate">

                        </div>
                       
                    </div>
                </div>

                <!-- * carousel single -->
            </div>

        </div>






   




    <!-- Bonus Action Sheet -->
    <!-- <div class="modal fade action-sheet" id="CardActionSheet" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">

                    <div class="card-body mb-3">



                       <form action="<?php echo e(route('createcard')); ?>" method="post">
                                        <?php echo csrf_field(); ?>




                            <div class="form-group basic">
                                 <p>A prepaid card has its own balance and can have
                                        funds transferred to it.</p>
                                         <div class="input-wrapper mb-1">
                                    <label for="">Funding amount <small class="text-danger">(required)</small></label>
                                    <input type="text" class="form-control" inputmode="numeric"  style="margin-bottom: 5px" placeholder="Amount" name="amount" required>
                                  
                                    <i class="clear-input">
                                        <ion-icon name="close-circle"></ion-icon>
                                    </i>
                                </div>
                                <div class="input-wrapper">
                                    <label for="">Transaction Pin <small class="text-danger">(required)</small></label>
                                    <input type="text" class="form-control" inputmode="numeric" required  autocomplete="off" style="margin-bottom: 5px" placeholder="Your 4 Digit Transaction Pin" name="pin">
                                  
                                    <i class="clear-input">
                                        <ion-icon name="close-circle"></ion-icon>
                                    </i>
                                </div>
                            </div>



                            <div class="form-group">
                                <button type="submit" class="btn btn-primary btn-block mt-10 btn-lg" name="card_generate" id="">Create Card
                                    </button>
                            </div>


                        </form>




                    </div>
                </div>
            </div>
        </div>
    </div> -->

    <div class="modal fade" id="CardActionSheet" tabindex="-1" role="dialog"  aria-labelledby="withdrawActionSheet" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" id='Cardact'>
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="action-sheet-content">

<div class="alert alert-warning" role="alert">
  <!-- <h4 class="alert-heading">Activate Card</h4> -->
  <p>Card activation fee is <?php echo e($setting->card_fee); ?><?php echo e(Auth::user()->currency); ?></p>
  <hr>
  <p class="mb-0">Activation fees are often charged by service providers to cover the initial costs associated with setting up and activating a Card service.</p>
</div>
                           
                               
                                <div class="form-group basic">
<a href="<?php echo e('deposits'); ?>" class='btn btn-primary btn-block btn-lg'>Activate Card Now</a>
                                  
                                </div>
                          
                          </div>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade action-sheet" id="FundCard" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">

                    <div class="card-body mb-3">



                       <form action="<?php echo e(route('fundcard')); ?>" method="post">
                                        <?php echo csrf_field(); ?>




                            <div class="form-group basic">
                                 <p>Fund Card.</p>
                                         <div class="input-wrapper mb-1">
                                    <label for="">Funding amount <small class="text-danger">(required)</small></label>
                                    <input type="text" class="form-control" inputmode="numeric"  style="margin-bottom: 5px" placeholder="Amount" name='amount'required>
                                  
                                    <i class="clear-input">
                                        <ion-icon name="close-circle"></ion-icon>
                                    </i>
                                    
                                     <p class="text-dark fw-bold fs-6 mb-0">Balance before transaction: <span id="balanceAfterFund"><?php echo e($settings->currency); ?> <?php echo e(number_format(Auth::user()->account_bal,2,)); ?> <?php echo e($settings->s_currency); ?></span></p>
                                            <p class="text-dark fw-bold fs-6 mb-0">Fee: <span id="feeFund"><?php echo e($settings->currency); ?> 0.00 <?php echo e($settings->s_currency); ?></span></p>
                                </div>
                                
                            </div>



                            <div class="form-group">
                                <button type="submit" class="btn btn-primary btn-block mt-10 btn-lg" name="card_generate" id="">Fund Card
                                    </button>
                            </div>


                        </form>




                    </div>
                </div>
            </div>
        </div>
    </div>


<div class="modal fade action-sheet" id="Withdrawfromcard" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">

                    <div class="card-body mb-3">



                       <form action="<?php echo e(route('withdrawcard')); ?>" method="post">
                                        <?php echo csrf_field(); ?>




                            <div class="form-group basic">
                                 <p>Withdraw from Card.</p>
                                         <div class="input-wrapper mb-1">
                                    <label for="">Withdrawal  amount <small class="text-danger">(required)</small></label>
                                    <input type="text" class="form-control" inputmode="numeric"  style="margin-bottom: 5px" placeholder="Amount" name='amount'required>
                                  
                                    <i class="clear-input">
                                        <ion-icon name="close-circle"></ion-icon>
                                    </i>
                                    
                                     <p class="text-dark fw-bold fs-6 mb-0">Balance before transaction: <span id="balanceAfterFund"><?php echo e($settings->currency); ?> <?php echo e(number_format(Auth::user()->account_bal,2,)); ?> <?php echo e($settings->s_currency); ?></span></p>
                                            <p class="text-dark fw-bold fs-6 mb-0">Fee: <span id="feeFund"><?php echo e($settings->currency); ?> 0.00 <?php echo e($settings->s_currency); ?></span></p>
                                </div>
                                
                            </div>



                            <div class="form-group">
                                <button type="submit" class="btn btn-primary btn-block mt-10 btn-lg" name="card_generate" id="">Withdraw from Card
                                    </button>
                            </div>


                        </form>




                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
$('#Cardact').click(function() {
        $('#CardActionSheet').modal('hide');
    });
    
</script>
    <?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.bankapp', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u285052607/domains/payflow.live/public_html/resources/views/user/card.blade.php ENDPATH**/ ?>