<?php include("includes/header.php"); ?>
<?php include("includes/auto_out.php"); ?>
<!DOCTYPE html>
<html>
<head>
  <title>Support | <?php echo $sitename; ?></title>
  
     <!----------------------------------------------------------------------->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
     <script src="bootstrap/js/jquery.min.js"></script>
     <script src="bootstrap/js/bootstrap.min.js"></script>
     <!----------------------------------------------------------------------->
     <link rel="icon" href="images/fav-icon.ico" type="image/x-icon" />
    <!-- <link rel="shortcut icon" href="images/fav-icon.ico" type="image/x-icon" />
     <!----------------------------------------------------------------------->
     <!-------------------Constumized CSS--------------------------->
     <link rel="stylesheet" type="text/css" href="css/style.cs">

     <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
     <style>
        body{
          background-color: #f5f5f5;
        }
      .icons-links{
        text-decoration: none;
        color: #555;
        font-size: 16px;
        font-weight: bolder;
      }
      .icons-links:hover{
        color:#0c2074;
        text-decoration: none;
      }
     </style>
     
</head>
<body>
  <?php  include("includes/dashboard_nav.php"); ?>
    <br>
  <div class="container-fluid">
    

        <div class="row">
      <div class="col-sm-2">
        <?php include("includes/sidebar.php"); ?>
          <?php include("includes/side.php"); ?>
      </div>
      <div class="col-sm-10">
               <div class="row">

                   <!------------------LEFT ROW ---------------------------->
                   <div class="col-sm-8">
                       
                      
                     
                       <!------------------------------------------------------>

                       <div class="row">
                         <div class="col-sm-12">
                            <div class="panel panel-default">
                             <div class="panel-body">
                               <h4 style=""><img src="images/508312.png" width="35px"> &nbsp;ACCOUNT SECURITY</h4>
                               <hr>

                               <div class="row">

                                <div class="col-sm-8" align="left">
                                  

                                  <br>
                                  <div>
                                    <h4 style="font-weight: bold; text-transform: uppercase;">Change Pin</h4>
                                    <p style="font-size: 16px;">You can easily change your transaction account pin with <?php echo $sitename; ?> easily.</p>

                                    <a href="change-pin.php" class="btn btn-primary" style="border-radius: 0px;">Change Pin <i class="fa fa-caret-right"></i></a>
                                  </div>

                                  <br><hr><br>

                                  <div>
                                    <h4 style="font-weight: bold; text-transform: uppercase;">Change Password</h4>
                                    <p style="font-size: 16px;">You can easily change your internet bank account Password easily.</p>

                                    <a href="change-password.php" class="btn btn-primary" style="border-radius: 0px;">Change Password <i class="fa fa-caret-right"></i></a>
                                  </div>

                                  <br><hr><br>

                                  <div>
                                    <h4 style="font-weight: bold; text-transform: uppercase;">Account Status</h4>
                                    <br>

                                    <?php
                                      if($account_status == "Active"){
                                        $account_status = '<p style="font-size: 20px;">Active <img src="images/5290058.png" width="35px"></p>';
                                      }elseif($account_status == "Dormant"){
                                        $account_status = '<p style="font-size: 20px;">Dormant <img src="images/5206916.png" width="35px"></p>';
                                      }elseif($account_status == "Suspended"){
                                        $account_status = '<p style="font-size: 20px;">Suspended <img src="images/1828665.png" width="35px"></p>';
                                      }elseif($account_status == "Deactivated"){
                                        $account_status = '<p style="font-size: 20px;">Deactivated <img src="images/3687412.png" width="35px"></p>';
                                      }

                                      echo $account_status;
                                    ?>
                                    
                                  </div>

                                  <br><hr><br>


                                  <div>
                                    <h4 style="font-weight: bold; text-transform: uppercase;">2 Factor Authentication</h4>
                                    <p style="font-size: 16px;">2 Factor Authentication is a multi-layer security measure to ensure the safety of your account.</p>

                                    <a href="#" class="btn btn-primary" style="border-radius: 0px;" disabled>Unavailable <i class="fa fa-caret-right"></i></a>
                                  </div>

                                  <br><hr><br>


                                  <div>
                                    <h4 style="font-weight: bold; text-transform: uppercase;">Request Deactivation</h4>
                                    <p style="font-size: 16px;">We try our hardest to provide you with a fantastic experience, and we'll be sorry to see you go.</p>

                                    <a href="support.php?issueType=Request Account Deactivation" class="btn btn-primary" style="border-radius: 0px;">Proceed <i class="fa fa-caret-right"></i></a>
                                  </div>

                                </div>


                                 
                               </div>

                               <br>
                               
                             </div>
                           </div>
                         </div>
                       </div>
                       <!------------------------------------------------------>
                       <!------------------------------------------------------>
                 
                       
                     
                   </div>
                   <!-----------------/LEFT ROW ---------------------------->

                   <!------------------------------------------------------->

                   <!------------------RIGHT ROW --------------------------->
                   <div class="col-sm-4">

                    <div class="row">
                      <div class="col-sm-12">
                         <div class="panel panel-default">
                          <div class="panel-body">
                            <h4 style="">SECURITY</h4>
                            <hr>

                          <img src="images/MeG.gif" width="100%"><br><br>

                          <div align="right"><a href="contact-us.php" target="_blank">More contact <i class="fa   fa-caret-right"></i></a></div>
                            
                          </div>
                        </div>
                      </div>
                    </div>


                    <!--------------------------------->

                          
                    
                   </div>
                   <!-----------------/RIGHT ROW --------------------------->
               </div>
      </div>
    </div>
  </div>
</body>
</html>