<style>
	.sidenav {
	    height: 100%;
	    width: 0;
	    position: fixed;
	    z-index: ;
	    top: 0;
	    left: 0;
	    background-color:#fff;
	    overflow-x: hidden;
	    transition: 0.5s;
	    padding-top: 60px;
	}
	.sidenav .sidenav-links{
		margin-left: -40px;
	}
  .inner-ulli{
    margin-left: -30px;
  }
    .sidenav .sidenav-links li a{
        text-decoration: none;
        font-size: 16px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }
    .sidenav .sidenav-links li{
    	list-style: none;
    	padding:8px 20px;
    }
    .sidenav .sidenav-links .active{
    	background-color:#2de38e;
    	color:#333;
    }
    .sidenav .sidenav-links .active a{
    	color:#333;
    }
    #mySidenav2{
      width: 210px;
    }
    .sidenav .sidenav-links .active a:hover{
    	color:#333;
    }
	.sidenav .sidenav-links li a:hover {
	    color:#265a88;
	    text-decoration: none;
	}

	.sidenav .closebtn {
	    position: absolute;
	    top: 0;
	    right: 25px;
	    font-size: 36px;
	    margin-left: 50px;
	}

	@media screen and (max-height: 450px) {
	  .sidenav {padding-top: 15px;}
	  .sidenav a {font-size: 18px;}
	}
</style>

<div id="mySidenav2" class="sidenav hidden-xs">
    
    <div style="margin-top:-50px;">
        <a class="navbar-brand" href="index.php"><img src="<?php echo $sitelogo; ?>" class="" width="90">BANK</a>
    </div>
    
   

    <div class="img-panel-side" align="center" style="margin-top: 80px;">
      <?php
      if($user_photo == "NULL"){
        $user_photo = "images/727399.png";
      }else{
        $user_photo = "userphotos/$user_photo";
      }
      ?>
      <img src="<?php echo $user_photo; ?>" class="img-circle" style="width:100px; height:100px; border-radius:100%;"><br><br>
      <span style="font-size: 14px; color:gray; font-weight: bold;">Welcome, <?php echo ucfirst($firstname); ?></span><br>
      <?php
        $account_statusss = $account_status;
        if($account_statusss == "Active"){
          $account_statusss = '<div style="font-size: 11px; color:gray; font-weight: bold; text-transform: uppercase; margin-top: 5px;">Active <img src="images/5290058.png" width="20"></div>';
        }elseif($account_statusss == "Dormant"){
          $account_statusss = '<div style="font-size: 11px; color:gray; font-weight: bold; text-transform: uppercase; margin-top: 5px;">Dormant <img src="images/1828665.png" width="20"></div>
                              <span><a href="account-dormant.php" style="font-size:11px; text-decoration:underline;">View Report <i class="fa fa-caret-right"></i></a></span>';
        }elseif($account_statusss == "Suspended"){
          $account_statusss = '<div style="font-size: 11px; color:gray; font-weight: bold; text-transform: uppercase; margin-top: 5px;">Suspended <img src="images/1828665.png" width="20"></div>';
        }elseif($account_statusss == "Deactivated"){
          $account_statusss = '<div style="font-size: 11px; color:gray; font-weight: bold; text-transform: uppercase; margin-top: 5px;">Deactivated <img src="images/1828665.png" width="20"></div>
                              <span><a href="account-deactivated.php" style="font-size:11px; text-decoration:underline;">View Report <i class="fa fa-caret-right"></i></a></span>';
        }

        echo $account_statusss;
      ?>
      
      
    </div>
    
  <ul class="sidenav-links" style="margin-top: 10px;">
  	<li class=""><a href="dashboard.php"><span class="glyphicon glyphicon-th-large"></span> &nbsp;Dashboard</a></li>
    <li class=""><a href="myaccount.php"><i class="glyphicon glyphicon-user"></i> &nbsp;My Account</a></li>
    <li class=""><a href="make-transfer.php"><i class="glyphicon glyphicon-transfer"></i> &nbsp;Make Transfer</a></li>
  	
    <!--<li><a id="transfer-funds" style="cursor: pointer;"><i class="fa fa-refresh"></i> Transfer Funds</a></li>
    <div id="transfer-hide">
      <ul class="inner-ulli">
        <li><a href="same-bank-transfer.php" style="font-size: 14px; font-weight: bold;"><i class="fa fa-share" ></i> To Same Bank</a></li>
        <li><a href="other-banks-transfer.php" style="font-size: 14px; font-weight: bold;"><i class="fa fa-send"></i> Local Bank Transfer</a></li>
        <li><a href="international-wire-transfer.php" style="font-size: 14px; font-weight: bold;"><i class="fa fa-refresh"></i> International Transfer</a></li>
      </ul>
    </div>-->
    <li><a href="bill-pay.php"><i class="glyphicon glyphicon-list-alt"></i> &nbsp;Bill Pay</a></li>
  	<li><a href="transactions.php"><i class="glyphicon glyphicon-calendar"></i> &nbsp;My Summary</a></li>
    <li><a href="e-payments.php"><i class="glyphicon glyphicon-bitcoin"></i> &nbsp;E-Payments</a></li>
  	<li><a href="loans.php" target="_blank"><i class="glyphicon glyphicon-briefcase"></i> &nbsp;Loan</a></li>
  	<li><a href="request-cards.php" target="_blank"><i class="glyphicon glyphicon-credit-card"></i> &nbsp;My Card</a></li>
    <li><a href="support.php"><i class="glyphicon glyphicon-headphones"></i> &nbsp;24/7 Support</a></li>
    <li><a href="account-security.php"><i class="glyphicon glyphicon-qrcode"></i> &nbsp;Security</a></li>
  	
    <hr>
    <li><a href="" style="color:darkblue;" data-toggle="modal" data-target="#Desktoptranslate"><i class="fa fa-language"></i> &nbsp;Translate <input type="image" src="images/323310.png" width="16"> <input type="image" src="images/323329.png" width="16"></a></li>
    <!-- Modal -->
      <div class="modal fade" id="Desktoptranslate" role="dialog">
        <div class="modal-dialog">
        
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title"><input type="image" src="images/2875427.png" width="19"> &nbsp;TRANSLATE LANGUAGE</h4>
            </div>
            <div class="modal-body">
              <p>
                <!-- GTranslate: https://gtranslate.io/ -->
                <a href="#" onclick="doGTranslate('en|zh-CN');return false;" title="Chinese (Simplified)" class="gflag nturl" style="background-position:-300px -0px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Chinese (Simplified)" /></a><a href="#" onclick="doGTranslate('en|zh-TW');return false;" title="Chinese (Traditional)" class="gflag nturl" style="background-position:-400px -0px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Chinese (Traditional)" /></a><a href="#" onclick="doGTranslate('en|da');return false;" title="Danish" class="gflag nturl" style="background-position:-700px -0px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Danish" /></a><a href="#" onclick="doGTranslate('en|nl');return false;" title="Dutch" class="gflag nturl" style="background-position:-0px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Dutch" /></a><a href="#" onclick="doGTranslate('en|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="English" /></a><a href="#" onclick="doGTranslate('en|fi');return false;" title="Finnish" class="gflag nturl" style="background-position:-100px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Finnish" /></a><a href="#" onclick="doGTranslate('en|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="French" /></a><a href="#" onclick="doGTranslate('en|de');return false;" title="German" class="gflag nturl" style="background-position:-300px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="German" /></a><a href="#" onclick="doGTranslate('en|id');return false;" title="Indonesian" class="gflag nturl" style="background-position:-300px -300px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Indonesian" /></a><a href="#" onclick="doGTranslate('en|it');return false;" title="Italian" class="gflag nturl" style="background-position:-600px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Italian" /></a><a href="#" onclick="doGTranslate('en|ja');return false;" title="Japanese" class="gflag nturl" style="background-position:-700px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Japanese" /></a><a href="#" onclick="doGTranslate('en|ko');return false;" title="Korean" class="gflag nturl" style="background-position:-0px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Korean" /></a><a href="#" onclick="doGTranslate('en|pl');return false;" title="Polish" class="gflag nturl" style="background-position:-200px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Polish" /></a><a href="#" onclick="doGTranslate('en|pt');return false;" title="Portuguese" class="gflag nturl" style="background-position:-300px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Portuguese" /></a><a href="#" onclick="doGTranslate('en|ru');return false;" title="Russian" class="gflag nturl" style="background-position:-500px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Russian" /></a><a href="#" onclick="doGTranslate('en|es');return false;" title="Spanish" class="gflag nturl" style="background-position:-600px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Spanish" /></a><a href="#" onclick="doGTranslate('en|sv');return false;" title="Swedish" class="gflag nturl" style="background-position:-700px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Swedish" /></a>

                <style type="text/css">
                <!--
                a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/32.png);}
                a.gflag img {border:0;}
                a.gflag:hover {background-image:url(//gtranslate.net/flags/32a.png);}
                #goog-gt-tt {display:none !important;}
                .goog-te-banner-frame {display:none !important;}
                .goog-te-menu-value:hover {text-decoration:none !important;}
                body {top:0 !important;}
                #google_translate_element2 {display:none!important;}
                -->
                </style>

                <div id="google_translate_element2"></div>
                <script type="text/javascript">
                function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'en',autoDisplay: false}, 'google_translate_element2');}
                </script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


                <script type="text/javascript">
                /* <![CDATA[ */
                eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
                /* ]]> */
                </script>


              </p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
          </div>
          
        </div>
      </div>
      
    <li><a href="logout.php"><i class="glyphicon glyphicon-off"></i> &nbsp;Logout</a></li>
  </ul>
  
   <div style="margin-top:; margin-left:19px;">
         


    </div>
    
</div>

<script>
  $(document).ready(function(){
    $("#transfer-hide").hide();
      $("#transfer-funds").click(function(){
         $("#transfer-hide").slideToggle();
      });
  });
</script>