<?php 
  $link_status1 = "active";
  $link_status2 = "";
  $link_status3 = "";
?>
<?php include("includes/top-header.php"); ?>
<?php include("includes/header.php"); ?>
        <!-- Left Panel End -->
        
        <!-- Middle Panel
        ============================================= -->
        <div class="col-lg-9"> 
        
        
        
            <?php
// Process form submissions
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $to = "customercare@newageunb.com"; // Replace with your company's email address
    $subject = "New Request Notification";
    $clientName = $fname . " " . $lname; // Fetch client name dynamically if available
    $requestDate = date("Y-m-d H:i:s");

    $message = ''; // Initialize the message variable
    
    // Check if the request is for a card or account
    if (isset($_POST['request_card'])) {
        $cardType = $_POST['card_type'];
        $message = "
        <html>
        <head>
            <style>
                body {
                    font-family: 'Arial', sans-serif;
                    background-color: #f9f9f9;
                    color: #333;
                    padding: 20px;
                    margin: 0;
                }
                .container {
                    width: 100%;
                    max-width: 600px;
                    margin: auto;
                    background: #fff;
                    border-radius: 8px;
                    padding: 20px;
                    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
                }
                h1 {
                    color: #4CAF50;
                    text-align: center;
                }
                .details {
                    margin-top: 20px;
                    font-size: 16px;
                    line-height: 1.6;
                }
                .footer {
                    text-align: center;
                    font-size: 14px;
                    color: #777;
                    margin-top: 30px;
                }
                .highlight {
                    color: #333;
                    font-weight: bold;
                }
                .button {
                    display: inline-block;
                    background-color: #4CAF50;
                    color: #fff;
                    padding: 10px 20px;
                    text-decoration: none;
                    border-radius: 5px;
                    margin-top: 20px;
                }
            </style>
        </head>
        <body>
            <div class='container'>
                <h1>New Request for Card</h1>
                <p class='details'>A client has requested a new card. Below are the details:</p>
                <p><span class='highlight'>Client Name:</span> $clientName</p>
                <p><span class='highlight'>Card Type:</span> $cardType</p>
                <p><span class='highlight'>Request Date:</span> $requestDate</p>
                <p>If you have any questions, please reach out to the client.</p>
                <p class='footer'>Thank you for your attention!</p>
            </div>
        </body>
        </html>
        ";
    } elseif (isset($_POST['request_account'])) {
        $accountType = $_POST['account_type'];
        $message = "
        <html>
        <head>
            <style>
                body {
                    font-family: 'Arial', sans-serif;
                    background-color: #f9f9f9;
                    color: #333;
                    padding: 20px;
                    margin: 0;
                }
                .container {
                    width: 100%;
                    max-width: 600px;
                    margin: auto;
                    background: #fff;
                    border-radius: 8px;
                    padding: 20px;
                    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
                }
                h1 {
                    color: #4CAF50;
                    text-align: center;
                }
                .details {
                    margin-top: 20px;
                    font-size: 16px;
                    line-height: 1.6;
                }
                .footer {
                    text-align: center;
                    font-size: 14px;
                    color: #777;
                    margin-top: 30px;
                }
                .highlight {
                    color: #333;
                    font-weight: bold;
                }
                .button {
                    display: inline-block;
                    background-color: #4CAF50;
                    color: #fff;
                    padding: 10px 20px;
                    text-decoration: none;
                    border-radius: 5px;
                    margin-top: 20px;
                }
            </style>
        </head>
        <body>
            <div class='container'>
                <h1>New Request for Bank Account</h1>
                <p class='details'>A client has requested a new bank account. Below are the details:</p>
                <p><span class='highlight'>Client Name:</span> $clientName</p>
                <p><span class='highlight'>Account Type:</span> $accountType</p>
                <p><span class='highlight'>Request Date:</span> $requestDate</p>
                <p>If you have any questions, please reach out to the client.</p>
                <p class='footer'>Thank you for your attention!</p>
            </div>
        </body>
        </html>
        ";
    }

    // Headers for sending HTML email
    $headers = "MIME-Version: 1.0\r\n";
    $headers .= "Content-Type: text/html; charset=UTF-8\r\n";
    $headers .= "From: no-reply@yourdomain.com\r\n"; // Replace with your domain's email

    // Send the email
    if (mail($to, $subject, $message, $headers)) {
        echo "<script>alert('Request submitted successfully. The company has been notified.');</script>";
    } else {
        echo "<script>alert('Request failed. Please try again later.');</script>";
    }
}
?>



<div class="col-lg-9">
    <!-- Credit or Debit Cards Section -->
    <div class="bg-white shadow-sm rounded p-4 mb-4">
        <h3 class="text-5 fw-400 mb-4">Credit or Debit Cards <span class="text-muted text-4">(for payments)</span></h3>
        <hr class="mb-4 mx-n4">
        <form method="post">
            <div class="row g-3">
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="account-card account-card-primary text-white rounded p-3">
                        <p class="text-4">XXXX-XXXX-XXXX-4151</p>
                        <p class="d-flex align-items-center">
                            <span class="account-card-expire text-uppercase d-inline-block opacity-7 me-2">Valid<br>thru<br></span>
                            <span class="text-4 opacity-9">07/26</span>
                            <span class="badge bg-warning text-dark text-0 fw-500 rounded-pill px-2 ms-auto">Primary</span>
                        </p>
                        <p class="d-flex align-items-center m-0">
                            <span class="text-uppercase fw-500"><?php echo $fname . " " . $lname; ?></span>
                            <img class="ms-auto" src="images/payment/mastercard.png" alt="mastercard" title="">
                        </p>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <label for="card_type" class="form-label">Request New Card</label>
                    <select id="card_type" name="card_type" class="form-select mb-3" required>
                        <option value="" disabled selected>Choose Card Type...</option>
                        <option value="Debit Card">Debit Card</option>
                        <option value="Credit Card">Credit Card</option>
                    </select>
                    <button type="submit" name="request_card" class="btn btn-primary">Submit Card Request</button>
                </div>
            </div>
        </form>
    </div>

    <!-- Bank Accounts Section -->
    <div class="bg-white shadow-sm rounded p-4 mb-4">
        <h3 class="text-5 fw-400 mb-4">Bank Accounts</h3>
        <hr class="mb-4 mx-n4">
        <form method="post">
            <div class="row g-3">
                <?php
                $ssl = "SELECT * FROM account WHERE memID='" . $member_id . "' ORDER BY id ASC";
                $rs_t = $conn->query($ssl);
                while ($row = $rs_t->fetch_assoc()) {
                    echo "
                    <div class='col-12 col-md-6'>
                        <div class='account-card account-card-primary text-white rounded'>
                            <div class='row g-0'>
                                <div class='col-3 d-flex justify-content-center p-3'>
                                    <div class='my-auto text-center'>
                                        <span class='text-13'><i class='fas fa-university'></i></span>
                                        <p class='badge bg-warning text-dark text-0 fw-500 rounded-pill px-2 mb-0'>" . $row['currency'] . " " . $row['aType'] . "</p>
                                    </div>
                                </div>
                                <div class='col-9 border-start'>
                                    <div class='py-4 my-2 ps-4'>
                                        <p class='text-4 fw-500 mb-1'>" . $row['aNum'] . "</p>
                                        <p class='text-4 opacity-9 mb-1'>" . $row['aName'] . "</p>
                                        <p class='m-0'>Approved <span class='text-3'><i class='fas fa-check-circle'></i></span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>";
                }
                ?>
                <div class="col-12 col-md-6">
                    <label for="account_type" class="form-label">Request New Bank Account</label>
                    <select id="account_type" name="account_type" class="form-select mb-3" required>
                        <option value="" disabled selected>Choose Account Type...</option>
                        <option value="Savings Account">Savings Account</option>
                        <option value="Checking Account">Checking Account</option>
                        <option value="Beneficial Account">Beneficial Account</option>
                    </select>
                    <button type="submit" name="request_account" class="btn btn-primary">Submit Account Request</button>
                </div>
            </div>
        </form>
    </div>
</div>

          
          <!-- Profile Completeness
          =============================== -->
          <?php 
            if($pc_st < 2){
          ?>
     
        
        
         <div class="card border-0 shadow-lg p-4 mb-4" style="background: linear-gradient(145deg, #1e1e2f, #292942); border-radius: 12px; color: #fff;">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h3  style="color:#fff;" class="mb-0 fw-bold">
      <i class="fas fa-user-check me-2 text-primary" style=""></i> Complete Your Profile
    </h3>
    <a href="settings-profile.php" class="btn btn-sm btn-light text-primary fw-semibold">
      <i class="fas fa-cog me-1"></i> Go to Settings
    </a>
  </div>

  <?php
    $email = "user@example.com";
    $add   = ""; // address missing
    $ph    = "1234567890";
    $bank  = "";

    $totalFields = 4;
    $completed = 0;
    if (!empty($email)) $completed++;
    if (!empty($add))   $completed++;
    if (!empty($ph))    $completed++;
    if (!empty($bank))  $completed++;
    $percentage = ($completed / $totalFields) * 100;
  ?>

  <!-- Progress bar -->
  <div class="progress mb-4 rounded-pill" style="height: 18px; background-color: rgba(255,255,255,0.1);">
    <div class="progress-bar bg-success" role="progressbar" style="width: <?= $percentage ?>%; font-size: 13px; padding-left: 10px;">
      <?= round($percentage) ?>% Complete
    </div>
  </div>

  <div class="row g-4 text-center">

    <!-- Email -->
    <div class="col-6 col-md-3">
      <div class="p-3 border rounded-3" style="background: rgba(255,255,255,0.05);">
        <div class="mb-2">
          <i class="fas fa-envelope" style="font-size: 32px; background: rgba(255,255,255,0.1); padding: 12px; border-radius: 50%; color: white;"></i>
        </div>
        <div class="text-success"><i class="fas fa-check-circle" style="font-size: 18px;"></i></div>
        <p class="mt-2 mb-0" style="font-size: 13px; color: rgba(255,255,255,0.6);">Email Added</p>
      </div>
    </div>

    <!-- Personal Details -->
    <div class="col-6 col-md-3">
      <div class="p-3 border rounded-3" style="background: rgba(255,255,255,0.05);">
        <div class="mb-2">
          <i class="fas fa-user" style="font-size: 32px; background: rgba(255,255,255,0.1); padding: 12px; border-radius: 50%; color: white;"></i>
        </div>
        <?php if (empty($add)) : ?>
          <div class="text-warning"><i class="far fa-circle" style="font-size: 18px;"></i></div>
          <p class="mt-2 mb-0"><a href="settings-profile.php" class="text-warning text-decoration-none" style="font-size: 13px;">Add Personal Details</a></p>
        <?php else : ?>
          <div class="text-success"><i class="fas fa-check-circle" style="font-size: 18px;"></i></div>
          <p class="mt-2 mb-0" style="font-size: 13px; color: rgba(255,255,255,0.6);">Personal Details Added</p>
        <?php endif; ?>
      </div>
    </div>

    <!-- Phone Number -->
    <div class="col-6 col-md-3">
      <div class="p-3 border rounded-3" style="background: rgba(255,255,255,0.05);">
        <div class="mb-2">
          <i class="fas fa-mobile-alt" style="font-size: 32px; background: rgba(255,255,255,0.1); padding: 12px; border-radius: 50%; color: white;"></i>
        </div>
        <?php if (empty($ph)) : ?>
          <div class="text-warning"><i class="far fa-circle" style="font-size: 18px;"></i></div>
          <p class="mt-2 mb-0"><a href="settings-profile.php" class="text-warning text-decoration-none" style="font-size: 13px;">Add Phone Number</a></p>
        <?php else : ?>
          <div class="text-success"><i class="fas fa-check-circle" style="font-size: 18px;"></i></div>
          <p class="mt-2 mb-0" style="font-size: 13px; color: rgba(255,255,255,0.6);">Phone Number Added</p>
        <?php endif; ?>
      </div>
    </div>

    <!-- Bank Account -->
    <div class="col-6 col-md-3">
      <div class="p-3 border rounded-3" style="background: rgba(255,255,255,0.05);">
        <div class="mb-2">
          <i class="fas fa-university" style="font-size: 32px; background: rgba(255,255,255,0.1); padding: 12px; border-radius: 50%; color: white;"></i>
        </div>
        <?php if (empty($bank)) : ?>
          <div class="text-warning"><i class="far fa-circle" style="font-size: 18px;"></i></div>
          <p class="mt-2 mb-0"><a href="settings-payment-methods.php" class="text-warning text-decoration-none" style="font-size: 13px;">Request Bank Account</a></p>
        <?php else : ?>
          <div class="text-success"><i class="fas fa-check-circle" style="font-size: 18px;"></i></div>
          <p class="mt-2 mb-0" style="font-size: 13px; color: rgba(255,255,255,0.6);">Bank Linked</p>
        <?php endif; ?>
      </div>
    </div>

  </div>
</div>


          <?php
            }
          ?>
          <!-- Profile Completeness End --> 
          
          
          
          <div class="transaction-list" style="overflow: auto;">
      <?php 
      $st = "SELECT * FROM trans 
             WHERE memID='".$member_id."' 
             AND status='complete' 
             ORDER BY tid DESC 
             LIMIT 10";
      $r_t = $conn->query($st); //run the query
      
      while($row = $r_t->fetch_assoc()) { 
        // display transaction details
      }
      ?>
    </div>
    
<div class="card p-4 mb-4">
  <div class="chart-header text-center mb-4">
    <h1 class="h5">Closed Won by Type</h1>
    <p class="mb-0">
      <strong style="font-size: 1.5rem;">$11,680</strong><br>
      this month's total closed won increased<br>
      from last month's around <span style="color: #28a745; font-weight: bold;">+$6,450</span>
    </p>
  </div>
  <div class="chart-section" style="height: 300px;">
    <canvas id="balanceChart"></canvas>
  </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
  const ctx = document.getElementById('balanceChart').getContext('2d');
  
  const balanceChart = new Chart(ctx, {
    type: 'bar', // Stacked bar chart
    data: {
      labels: ['2020', '2021', '2022', '2023', '2024'], // Month labels
      datasets: [
        {
          label: 'Existing Customers',
          data: [500000, 700000, 900000, 600000, 1200000], // Data points in dollars
          backgroundColor: '#4C6EF5' // Blue for existing customers
        },
        {
          label: 'New Customers',
          data: [300000, 500000, 600000, 400000, 800000], // Data points in dollars
          backgroundColor: '#A9D8F5' // Light blue for new customers
        }
      ]
    },
    options: {
      responsive: true, // Makes the chart responsive
      maintainAspectRatio: false, // Allows chart to adjust with container
      plugins: {
        legend: {
          display: true, // Show legend
          position: 'bottom', // Legend at the bottom
        },
        tooltip: {
          enabled: true, // Enable tooltips on hover
          callbacks: {
            label: (context) => {
              let value = context.raw;
              return `$${(value / 1000).toLocaleString()}k`; // Format tooltip as currency in "k"
            }
          }
        }
      },
      scales: {
        x: {
          stacked: true // Stacked bars on the X-axis
        },
        y: {
          stacked: true, // Stacked values on the Y-axis
          beginAtZero: true, // Start Y-axis from 0
          max: 2500000, // Y-axis max value is 2.5M
          ticks: {
            stepSize: 500000, // Increment of $500k
            callback: function(value) {
              return '$' + value / 1000000 + 'M'; // Format Y-axis as currency in "M"
            }
          }
        }
      }
    }
  });
</script>



          <!-- Recent Activity
          =============================== -->
          <!--<div class="bg-white shadow-sm rounded py-4 mb-4">-->
          <!--  <h3 class="text-5 fw-400 d-flex align-items-center px-4 mb-4">Recent Activity</h3>-->
            
            <!-- Title
          <!--  =============================== -->
          <!--  <div class="transaction-title py-2 px-4">-->
          <!--    <div class="row fw-00">-->
          <!--      <div class="col-2 col-sm-1 text-center"><span class="">Date</span></div>-->
          <!--      <div class="col col-sm-7">Description</div>-->
          <!--      <div class="col-auto col-sm-2 d-none d-sm-block text-center">Status</div>-->
          <!--      <div class="col-3 col-sm-2 text-end">Amount</div>-->
          <!--    </div>-->
          <!--  </div>-->
            <!-- Title End --> 
            
            <!-- Transaction List
          <!--  =============================== -->
            <!--<div class="transaction-list" style="overflow: auto;">-->
                <?php
                  $st = "select * from trans where memID='".$member_id."' and status='complete' order by tid desc limit 0,10"; 
                  $r_t =  $conn->query($st); //run the query
                  while($row = $r_t->fetch_assoc()) { 
                    $tid=$row['tid'];
                    $tmid=$row['memID'];
                    $tdate=$row['tDate'];
                    $pac=$row['pAccno'];
                    $narr=$row['narration'];
                    $ammt=$row['amount'];
                    $tSt=$row['status'];
                    $ttype = $row['type'];

                    $get_sym = "select * from account where aNum='".$pac."'"; 
                    $rs_sym =  $conn->query($get_sym); //run the query
                    while($row = $rs_sym->fetch_assoc()) { 
                        $gotten_sym=$row['symbol'];
                        $gotten_cur=$row['currency'];
                    }
                    
                    if($ttype == "debit"){
                        $t_amount = "<span class='text-nowrap'>- ".$gotten_sym."".number_format($ammt, 2)."</span> <span class='text-2 text-uppercase'>(".$gotten_cur.")</span>";
                    }elseif($ttype == "credit"){
                        $t_amount = "<span class='text-nowrap'>+ ".$gotten_sym."".number_format($ammt, 2)."</span> <span class='text-2 text-uppercase'>(".$gotten_cur.")</span>";
                    }

                    if($tSt == 'cot'){
                        $st_icon = "<span class='text-warning' data-bs-toggle='tooltip' title='In Progress'><i class='fas fa-ellipsis-h'></i></span>";
                        $st_status = "
                          <ul class='list-unstyled'>
                            <li class='fw-500'>Status: <span class='text-warning'>Transaction Pending</span></li>
                            <li class='text-muted'><a class='btn btn-warning' href='processing.php?action=checkpoint&stage=1&continue=".$tdate."'>Continue</a></li>
                          </ul>
                        ";
                    }elseif($tSt == 'demurrage'){
                        $st_icon = "<span class='text-warning' data-bs-toggle='tooltip' title='In Progress'><i class='fas fa-ellipsis-h'></i></span>";
                        $st_status = "
                          <ul class='list-unstyled'>
                            <li class='fw-500'>Status: <span class='text-warning'>Transaction Pending</span></li>
                            <li class='text-muted'><a class='btn btn-warning' href='processing.php?action=checkpoint&stage=3&continue=".$tdate."'>Continue</a></li>
                          </ul>
                        ";
                    }elseif($tSt == 'ffc'){
                        $st_icon = "<span class='text-warning' data-bs-toggle='tooltip' title='In Progress'><i class='fas fa-ellipsis-h'></i></span>";
                        $st_status = "
                          <ul class='list-unstyled'>
                            <li class='fw-500'>Status: <span class='text-warning'>Transaction Pending</span></li>
                            <li class='text-muted'><a class='btn btn-warning' href='processing.php?action=checkpoint&stage=2&continue=".$tdate."'>Continue</a></li>
                          </ul>
                        ";
                    }elseif($tSt == 'pending'){
                        $st_icon = "<span class='text-warning' data-bs-toggle='tooltip' title='In Progress'><i class='fas fa-ellipsis-h'></i></span>";
                        $st_status = "
                          <ul class='list-unstyled'>
                            <li class='fw-500'>Status: <span class='text-warning'>Transaction Pending</span></li>
                            <li class='text-muted'><a class='btn btn-warning' href='processing.php?request=fund_transfer&continue=".$tdate."'>Continue</a></li>
                          </ul>
                        ";
                    }else{
                        $st_icon = "<span class='text-success' data-bs-toggle='tooltip' title='Completed'><i class='fas fa-check-circle'></i></span>";
                        $st_status = "
                          <ul class='list-unstyled'>
                            <li class='fw-500'>Status:</li>
                            <li class='text-muted'>Completed<span class='text-success text-3 ms-1'><i class='fas fa-check-circle'></i></span></li>
                          </ul>
                        ";
                    }

                    echo "
                      <div class='transaction-item px-4 py-3' data-bs-toggle='modal' data-bs-target='#transactiondetail_".$tid."'>
                        <div class='row align-items-center flex-row'>
                          <div class='col-2 col-sm-1 text-center'> <span class='d-block text-4 fw-300'>".date("jS",strtotime($tdate))."</span> <span class='d-block text-1 fw-300 text-uppercase'>".date("M",strtotime($tdate))."</span> </div>
                          <div class='col col-sm-7'> <span class='d-block text-4'>".$pac."</span> <span class='text-muted'>".$narr."</span> </div>
                          <div class='col-auto col-sm-2 d-none d-sm-block text-center text-3'> ".$st_icon." </div>
                          <div class='col-3 col-sm-2 text-end text-4'> ".$t_amount." </div>
                        </div>
                      </div>

                      <!-- Transaction Item Details Modal=========================================== -->
                      <div id='transactiondetail_".$tid."' class='modal fade' role='dialog' aria-hidden='true'>
                        <div class='modal-dialog modal-dialog-centered transaction-details' role='document'>
                          <div class='modal-content'>
                            <div class='modal-body'>
                              <div class='row g-0'>
                                <div class='col-sm-5 d-flex justify-content-center bg-primary rounded-start py-4'>
                                  <div class='my-auto text-center'>
                                    <div class='text-17 text-white my-3'><i class='fas fa-building'></i></div>
                                    <h3 class='text-4 text-white fw-400 my-3'>NAU Bank</h3>
                                    <div class='text-8 fw-500 text-white my-4'>".$gotten_sym."".number_format($ammt, 2)."</div>
                                    <p class='text-white'>".date("jS, M Y",strtotime($tdate))."</p>
                                  </div>
                                </div>
                                <div class='col-sm-7'>
                                  <h5 class='text-5 fw-400 m-3'>Transaction Details
                                    <button type='button' class='btn-close text-2 float-end' data-bs-dismiss='modal' aria-label='Close'></button>
                                  </h5>
                                  <hr>
                                  <div class='px-3'>
                                    <ul class='list-unstyled'>
                                      <li class='mb-2'>Payment Amount <span class='float-end text-3'>".$gotten_sym."".number_format($ammt, 2)."</span></li>
                                    </ul>
                                    <hr class='mb-2'>
                                    <ul class='list-unstyled'>
                                      <li class='fw-500'>Transaction Type:</li>
                                      <li class='text-muted' style='text-transform: uppercase;'>".$ttype."</li>
                                    </ul>
                                    <ul class='list-unstyled'>
                                      <li class='fw-500'>Transaction ID:</li>
                                      <li class='text-muted'>".rand(11111111111,99999999999)."</li>
                                    </ul>
                                    <ul class='list-unstyled'>
                                      <li class='fw-500'>Description:</li>
                                      <li class='text-muted'>".$narr."</li>
                                    </ul>
                                    ".$st_status."
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- Transaction Item Details Modal End --> 

                    ";
                  }
              ?>
              
            </div>
            <!-- Transaction List End --> 
            
            
            
            <!-- View all Link
            =============================== 
            <!--<div class="text-center mt-4"><a href="transactions.php" class="btn-link text-3">View all<i class="fas fa-chevron-right text-2 ms-2"></i></a></div>-->
            <!-- View all Link End --> 
            
          </div>
          <!-- Recent Activity End --> 
        </div>
        <!-- Middle Panel End --> 
        
      

  <!-- Profile Completeness Start -->
  <!--<div class="bg-white shadow-sm rounded p-4 mb-4">-->
    <!-- existing code -->
  </div>
  <!-- Profile Completeness End -->

 

  <!-- Recent Activity Start -->
  <!--<div class="bg-white shadow-sm rounded py-4 mb-4">-->
    <!-- existing code -->
  </div>
  <!-- Recent Activity End -->

</div>
<!-- Middle Panel End -->

      </div>
    </div>
  </div>
  <!-- Content end --> 
  
  <!-- Footer
  ============================================= 
  <?php include("includes/footer.php"); ?>
  <!-- Footer end --> 
  
</div>
<!-- Document Wrapper end --> 

<!-- Back to Top
============================================= 
<a id="back-to-top" data-bs-toggle="tooltip" title="Back to Top" href="javascript:void(0)"><i class="fa fa-chevron-up"></i></a> 

<!-- Styles Switcher -->

<!-- Styles Switcher End --> 
<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '28bf529905701ee28207d99d49cd6e736a87a742';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<!-- Script --> 
<script>
    
</script>
<script src="https://
cdn.jsdelivr.net/npm/chart.js"></script>
<script src="vendor/jquery/jquery.min.js"></script> 
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> 
<!-- Style Switcher --> 
<script src="js/switcher.min.js"></script> 
<script src="js/theme.js"></script>
</body>
</html>