<?php

ob_start();
session_start();

if($_SESSION['frontuserid'] == '')
{
    
    header("location:login.php");
}

include("config.php");
?>

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<html>
    
   <?php include("head.php"); ?>
<!--<title>Mantrimall</title>-->
<link rel="shortcut icon" type="image/png" href="assets/img/image/mylogo.png"/>


</html>
<link rel="stylesheet" href="assets/css/style.css">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="Bitter Mobile Template">
<meta name="keywords" content="bootstrap, mobile template, bootstrap 4, mobile, html, responsive" />
<style>
.form-control{box-shadow:none; border-bottom:#ccc solid 1px; height:26px; margin-bottom:3px;}
.form-group{margin-bottom:0px;}
.form-group.floating>label {
    bottom: 34px;
    left: 8px;
    position: relative;
    background-color: white;
    padding: 0px 5px 0px 5px;
    font-size: 1.1em;
    transition: 0.1s;
    pointer-events: none;
    font-weight: 500 !important;
    transform-origin: bottom left;
}

.form-control.floating:focus~label{
    transform: translate(1px,-85%) scale(0.80);
    opacity: .8;
    color: #005ebf;
}

.form-control.floating:valid~label{
    transform-origin: bottom left;
    transform: translate(1px,-110%) scale(0.80);
    opacity: .8;
}
.appBottomMenu .item .ion-md-person{color:var(--background-color) !important;}
.appBottomMenu .item .toggleSidebar span{color:var(--background-color) !important;}

#appCapsule {
    padding: 4px 26px !important;
}
</style>
</head>

<body>

<!-- Page loading -->

<!-- * Page loading --> 

<!-- App Header -->
<div class="appHeader1" style="background-color:#4F0761 !important">
  <div class="left"> <a href="#" onClick="goBack();" class="icon goBack"> <i class="icon ion-md-arrow-back"></i> </a>
    <div class="pageTitle">Add Bank Card</div>
  </div>
</div>
<!-- searchBox --> 

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

<!-- App Capsule -->
<div id="appCapsule" class="pb-2">
  <div class="appContent1 pb-5">
    <form action="addbankcardNow.php" method="post" >
      
      <div class="form-group floating mt-3">
<input type="text" class="form-control floating" id="name" name="name" required value="">
<label for="name">Account Holder Name<i class="text-danger">*</i></label>
</div>
<div class="form-group floating">
<input type="text" class="form-control floating" id="bank_name" name="bank_name" required value="">
<label for="mobile">Bank Name<i class="text-danger">*</i></label>
</div>
<div class="form-group floating">
<input type="text" class="form-control floating" id="account_no" name="account_no" required value="">
<label for="upi_name">Account Number<i class="text-danger">*</i></label>
</div>
<div class="form-group floating">
<input type="text" class="form-control floating" id="ifsc_code" name="ifsc_code" required value="">
<label for="upi_name">Ifsc Code<i class="text-danger">*</i></label>
</div>

<div class="text-center mt-1">
     <input type="hidden" name="userid" value="<?php echo $_SESSION['frontuserid'];?>">
        <button type="submit" class="btn btn-primary" style="width:264px;"> Save </button>
      </div>
    </form>
  </div>
</div>
<!-- appCapsule -->

<!--<div class="appBottomMenu">
  <div class="item "> <a href="index.php">
    <p> <i class="icon ion-md-home"></i> <span>Home</span> </p>
    </a> </div>
  
       <div class="item "> <a href="dashboard.php">
    <p><i class="icon ion-md-trophy"></i> <span>Dashboard</span> </p>
    </a> </div>
    
    <div class="item "> <a href="myaccount.php" class="icon toggleSidebar">
    <p> <i class="icon ion-md-person"></i> <span>My </span> </p>
    </a> </div>
    </div>-->
    
    
    <div id="alert" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-body" id="alertmessage"> </div>
      <div class="text-center pb-1">
    <a type="button" class="text-info" data-dismiss="modal">OK</a>
    </div> 
    </div>
  </div>
</div>
<!-- Jquery --> 
<script src="assets/js/lib/jquery-3.4.1.min.js"></script> 
<!-- Bootstrap--> 
<script src="assets/js/lib/popper.min.js"></script> 
<script src="assets/js/lib/bootstrap.min.js"></script> 
<!-- Owl Carousel --> 
<script src="assets/js/plugins/owl.carousel.min.js"></script> 
<!-- Main Js File --> 
<script src="assets/js/app.js"></script>
<script src="assets/js/addbankcard.js"></script>
</body>
</html>