<? include '../../database.php';

$data = [];

?>

<style>
    .amtBtn{
        cursor: pointer;
    }
    
    .lru29839r::-webkit-scrollbar{
        width: 0px;
    }
</style>

<?
     
         $school = base64_decode($_COOKIE['school']);
     
          $sql = "SELECT * FROM users WHERE id = '$school'";
          $result = $conn->query($sql);

          if ($result->num_rows > 0) {
            $data = $result->fetch_assoc();
          }
        
            ?>  

<div class="modal fade" id="moneyAddModal" tabindex="-1" aria-labelledby="exampleModalgridLabel" aria-modal="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalgridLabel">Add to Wallet</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="closeBtnPaymentModal"></button>
            </div>
            <div class="modal-body">
                <form action="javascript:void(0);">
                    <div class="row g-3">
                        
                        <div class="col-xxl-12">
                            <div>
                                <label for="iconInput" class="form-label">Enter Amount</label>
                                <div class="form-icon">
                                    <input type="number" class="form-control form-control-icon" id="iconInput" placeholder="Enter Amount(₹)" value="100" fdprocessedid="jj1rfc">
                                    <i class="bx bx-rupee"></i>
                                </div>
                            </div>
                        </div><!--end col-->
                        
                        <div class="col-md-12">
                            <div class="d-flex" style="gap: 10px; font-size: 15px;">
                                <span class="badge rounded-pill bg-dark-subtle waves-effect waves-light text-body amtBtn" data-bs-val="<? echo base64_encode('2500'); ?>">+ ₹ 2500</span>
                                <span class="badge rounded-pill bg-dark-subtle waves-effect waves-light text-body amtBtn" data-bs-val="<? echo base64_encode('5000'); ?>">+ ₹ 5000</span>
                                <span class="badge rounded-pill bg-dark-subtle waves-effect waves-light text-body amtBtn" data-bs-val="<? echo base64_encode('8000'); ?>">+ ₹ 8000</span>
                            </div>
                        </div>
                        
                        <div class="col-lg-12">
                            <div class="hstack gap-2 justify-content-end">
                                <button type="button" class="btn btn-primary subBtn">Add ₹ 100</button>
                            </div>
                        </div><!--end col-->
                    </div><!--end row-->
                </form>
            </div>
        </div>
    </div>
</div>

<div class="row mt-2">
    
    <div class="col-md-6">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <i class="bx bx-wallet-alt dashicon" style="background-color: #FDE3C4; font-size: 14px !important;"></i>
                <h5 class="mb-0 flex-grow-1" style="font-size: 14px;">Wallet</h5>
            </div>
          
            
            <div class="card-body d-flex align-items-center justify-content-center">
                
                <div class="text-center">
                    <p class="mb-1" style="font-size: 35px; font-weight: 600; color: #4d4a49;">₹ <? echo $data['wallet']; ?></p>
                    <p class="text-muted" style="font-size: 13px; font-weight: 500;">Current Wallet Balance</p>
                    
                    <p class="text-muted" style="font-size: 9px; font-weight: 500;">Wallet ID : <? echo $data['wallet_id']; ?></p>
                    
                    <div class="mt-4 d-flex justify-content-around">
                        <button class="btn btn-primary" style="border-radius: 5px; width: 120px;" data-bs-toggle="modal" data-bs-target="#moneyAddModal">+Add Money</button>
                        <button class="btn btn-success" style="border-radius: 5px; width: 120px;">Withdraw</button>
                    </div>
                    
                    <div class="text-start mt-4">
                      <ul class="ps-4 vstack gap-2">
                        <li>In case of refund, <strong>3%</strong> will deduct, from your overall amount.</li>
                        <li>In case of any issue, contact us at: <a href="mailto:support@napiersoft.com" target="_blank">support@napiersoft.com</a></li>
                      </ul>
                   </div>
                   
                </div>
                
                
                
            </div>
            
        </div>
    </div>
    
    <div class="col-md-6">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <i class="bx bx-transfer dashicon" style="background-color: #b8a7ea; font-size: 14px !important;"></i>
                <h5 class="mb-0 flex-grow-1" style="font-size: 14px;">Transaction History</h5>
            </div>
            <div class="card-body lru29839r" style="max-height: 284px; height: 284px; overflow-y: auto;">
                <table class="table table-hover table-nowrap mb-0">
                     <tbody>
                    <?
     
                      $school = base64_decode($_COOKIE['school']);
                      $i=0;
     
                       $sql = "SELECT * FROM app_transactions WHERE st_id = '$school' AND (type = '2' OR type = '3') ORDER BY id DESC";
                       $result = $conn->query($sql);

                       if ($result->num_rows > 0) {
                         while($row = $result->fetch_assoc()) { 
                             
                             $i++;
        
                         ?>         
                             <tr>
                                 <td><strong><? echo $i; ?></strong></td>
                                 <td class="<? if($row['type'] == "2"){ ?> text-success <? }else{ ?> text-danger <? } ?>">
                                     <strong><? echo $row['remark']; ?></strong>
                                     <p class="mb-0 text-muted" style="font-size: 9px;">
                                         <i style="white-space: pre;"><?= date('d-M-y, h:i A', strtotime($row['date'])); ?><? echo ",   ".$row['tra_id']; ?></i>
                                     </p>

                                </td>
                                 <td class="<? if($row['type'] == "2"){ ?> text-success <? }else{ ?> text-danger <? } ?>"><strong><? if($row['type'] == "2"){ ?> + <? }else{ ?> - <? } ?> ₹<? echo $row['amount']; ?></strong></td>
                             </tr>
                         
                         <? }} ?>
                         
                     </tbody>
                 </table>
            </div>
        </div>
    </div>
    
</div>

<div class="row mt-4">
    <div class="col-xxl-4 col-sm-6 project-card">
                            <div class="card card-height-100">
                                <div class="card-header align-items-center d-flex">
                                    <i class="bx bx-message-square-detail dashicon" style="background-color: #94d2df; font-size: 14px !important;"></i>
                                    <h5 class="mb-0 flex-grow-1" style="font-size: 14px;">SMS Quota</h5>
                                </div>
                                <div class="card-body">
                                    <div class="d-flex flex-column h-100">
                                        <div class="d-flex mb-2">
                                            <div class="flex-shrink-0 me-3">
                                                <div class="avatar-sm">
                                                    <span class="avatar-title bg-warning-subtle rounded p-2">
                                                        <img src="assets/images/brands/slack.png" alt="" class="img-fluid p-1">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h5 class="mb-1 fs-15"><a href="apps-projects-overview.html" class="text-body">Slack brand logo design</a></h5>
                                                <p class="text-muted text-truncate-two-lines mb-3">Create a Brand logo design for a velzon admin.</p>
                                            </div>
                                        </div>
                                        <div class="mt-auto">
                                            <div class="d-flex mb-2">
                                                <div class="flex-grow-1">
                                                    <div>Remaining</div>
                                                </div>
                                                <div class="flex-shrink-0">
                                                    <div><i class="ri-list-check align-bottom me-1 text-muted"></i> 18 / <? echo number_format($data['sms']); ?></div>
                                                </div>
                                            </div>
                                            <div class="progress progress-sm animated-progress">
                                <div class="progress-bar bg-success" role="progressbar" aria-valuenow="<? echo (18*100)/$data['sms']; ?>" aria-valuemin="0" aria-valuemax="100" style="width: <? echo (18*100)/$data['sms']; ?>%;"></div>
                                            </div><!-- /.progress -->
                                        </div>
                                    </div>

                                </div>
                                <!-- end card body -->
                                <div class="card-footer bg-transparent border-top-dashed py-2">
                                    <div class="d-flex align-items-center">
                                        <div class="flex-grow-1">
                                            <div class="avatar-group">
                                                <a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" aria-label="Darline Williams" data-bs-original-title="Darline Williams">
                                                    <div class="avatar-xxs">
                                                        <img src="assets/images/users/avatar-2.jpg" alt="" class="rounded-circle img-fluid">
                                                    </div>
                                                </a>
                                                <a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" data-bs-original-title="Add Members">
                                                    <div class="avatar-xxs">
                                                        <div class="avatar-title fs-16 rounded-circle bg-light border-dashed border text-primary">
                                                            +
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="flex-shrink-0">
                                            <div class="text-muted">
                                                <i class="ri-calendar-event-fill me-1 align-bottom"></i> 10 Jul, 2021
                                            </div>
                                        </div>

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