@extends('master')
@section('content')
<link rel="stylesheet" type="text/css" href="{{ url('css/mui.css') }}" />
<div id="wrapper">
   <div id="page-wrapper">
      <div class="container-fluid">
         <div class="white-box">
            <div class="row">
               <ol class="breadcrumb" style="background-color:white">
                  <li><a href="{{ URL::to('admin/dashboard') }}">Dashboard</a></li>
                  <li><a href="{{ URL::to('admin/addpaymentlist') }}">Add Payment</a></li>
                  <li class="active">Payment Method</li>
               </ol>
               <div class="well">
                  <div class="col-md-6 col-md-offset-4" style="padding:30px 0 0px;">
                     <div class="row">
                        <div class="col-md-4 col-sm-4 col-xs-4 paymentleft">
                           <span class="own-span paymenttick"><i class="fa fa-check fa-1x"></i></span>
                        </div>
                        <div class="col-md-2 col-sm-2 col-xs-2 paymentmid" id="div2">
                           <span class="own-span paymentpay"><i class="fa fa-usd fa-1x"></i></span>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6 selectright">
                           <span class="pull-right own-span selectorder"><i class="fa fa-check-square-o fa-1x"></i></span>
                        </div>
                     </div>
                     <div class="row" style="margin-top: 50px;">
                        <div class="col-md-2 col-sm-4 col-xs-4 selection">
                           <p>Selection</p>
                        </div>
                        <div class="col-md-5 col-sm-4 col-xs-2 paymentmethod">
                           <p class="col-md-offset-4"> Payment Method</p>
                        </div>
                        <div class="col-md-3 col-sm-4 col-xs-6 text-center orderreview">
                           <p class=""> Order Review</p>
                        </div>
                     </div>
                  </div>
				  <div class="col-md-12">
                  <div class="table-responsive">
                     <table class="table table-striped  table-hover example1">
                        <thead>
                           <tr>
                              <th>S.no</th>
                              <th>FID</th>
                              <th>Name</th>
                              <th>Address</th>
                              <th>USSBOA</th>
                              <th>MGT</th>
                              <th>Total</th>
                           </tr>
                        </thead>
                        <tbody class="tabody">
                                                      <tr style="border-bottom: none;">
                              <td colspan="7" class="text-right" style="background-color:#4A4A4A;"><strong style="color:#fff;">Total : <b style="color:#fff;">$ {{ $total }}</b></strong></td>
                           </tr>
                        </tbody>
                     </table>
					 </div></div>
                     
                     <div class="row">
					  <div class="col-xs-12 col-md-12">
						<h2>Please Select any Other Payment Method</h2>
						<hr>
                           <div class="bhoechie-tab-container">
                              <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 bhoechie-tab-menu">
                                 <div class="list-group">
                                    <a  href="javaScript:void(0)" style="font-size:20px;padding: 20px 0;" class="list-group-item text-center active"><b>Net Banking</b></a>
                                    <a href="javaScript:void(0)" style="font-size:20px;padding: 20px 0;"  class="list-group-item text-center "><b>Credit Card</b></a>
                                    <a  href="javaScript:void(0)"  style="font-size:20px;padding: 20px 0;" class="list-group-item text-center"><b>Debit Card</b></a>
                                 </div>
                              </div>
                              <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 bhoechie-tab">
                                 <!-- flight section -->
                                 <div class="bhoechie-tab-content active">
                                    <center>
                                       <div class="panel panel-default credit-card-box">
                                          <form action="{{url('admin/ordersummery')}}" method="post" class="mui-form">
                                             <input  type="hidden" name="payment_status" value="Account Number" />
                                             {{csrf_field()}}
                                                                                          <div class="panel-body">
                                                <div class="row">
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="check_holder_name" required>
                                                            <label>Check Holder Name</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="check_acnumber" required>
                                                            <label>Account Number</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="routing_number" required>
                                                            <label>Routing Number</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="check_number">
                                                            <label>Check Number</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="check_bankname" required>
                                                            <label>Bank Name</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-select">
                                                            <select name="account_type_netbanking" required>
                                                               <option value="checking">Checking</option>
                                                               <option value="Savings">Savings</option>
                                                            </select>
                                                            <label>Account Type </label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_address"  autocomplete="cc-exp" >
                                                            <label>Account Holder Address</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_city"  autocomplete="cc-exp" >
                                                            <label>City</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_state" >
                                                            <label>State</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_pin"   >
                                                            <label>Post Code</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="email" name="creditcard_email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required>
                                                            <label>Email For Order Tracking</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                                <div class="row">
                                                   <div class="col-xs-3 pull-right">
                                                      <button class="subscribe btn btn-success btn-sm btn-block"  style="background-color:#02529B;color:#fff;" type="submit">Review Order</button>
                                                   </div>
                                                   <a class="col-xs-3 col-md-2 pull-right btn btn-sm btn-default" style="color:#14429B;" href="{{ URL::to('admin/PaymentList') }}">Cancel</a>
                                                </div>
                                             </div>
                                          </form>
                                       </div>
                                    </center>
                                 </div>
                                 <div class="bhoechie-tab-content ">
                                    <center>
                                       <div class="panel panel-default credit-card-box">
                                          <form action="{{url('admin/ordersummery')}}" method="post">
                                             <input  type="hidden" name="payment_status" value="Credit Card" />
                                             {{csrf_field()}}
                                                                                          <div class="panel-body">
                                                <div class="row">
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_number"  maxlength = "16" pattern="[0-9]{13,16}" title="Correct The Credit Card Number" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" required>
                                                            <label>Credit Card Number</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-select">
                                                            <select name="creditcard_expmonth">
                                                               <option>Select Month</option>
                                                               <option value="1">Jan</option>
                                                               <option value="2">Feb</option>
                                                               <option value="3">March</option>
                                                               <option value="4">April</option>
                                                               <option value="5">May</option>
                                                               <option value="6">June</option>
                                                               <option value="7">July</option>
                                                               <option value="8">Aug</option>
                                                               <option value="9">Sept</option>
                                                               <option value="10">Oct</option>
                                                               <option value="11">Nov</option>
                                                               <option value="12">Dec</option>
                                                            </select>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-select">
                                                            <select name="creditcard_expyear" id="selectElementId">
                                                            </select>
                                                            <label>Expiration Year</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_cvv"  autocomplete="cc-exp" required>
                                                            <label>CVV Code</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_name" required>
                                                            <label>Name On Card</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="email" name="creditcard_email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required>
                                                            <label>Email For Order Tracking</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_address"  autocomplete="cc-exp" required>
                                                            <label>Account Holder Address</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_city"  autocomplete="cc-exp" required>
                                                            <label>City</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_state"   required>
                                                            <label>State</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_pin"   required>
                                                            <label>Post Code</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="panel-heading display-table" >
                                                      <div class="row display-tr" >
                                                         <div class="display-td pull-left" >
                                                            <img class="img-responsive pull-right" src="http://i76.imgup.net/accepted_c22e0.png">
                                                         </div>
                                                         <div class="col-xs-3 col-md-3 pull-right" >
                                                            <button class="subscribe btn btn-success btn-sm btn-block" style="background-color:#02529B;color:#fff;">Review Order</button>
                                                         </div>
                                                         <a class="col-xs-3 col-md-2 pull-right btn btn-sm btn-default" style="color:#14429B;" href="{{ URL::to('admin/PaymentList') }}">Cancel</a>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </form>
                                       </div>
                                    </center>
                                 </div>
                                 <div class="bhoechie-tab-content">
                                    <center>
                                       <div class="panel panel-default credit-card-box">
                                          <form action="{{url('admin/ordersummery')}}" method="post">
                                             <input  type="hidden" name="payment_status" value="Debit Card" />
                                             {{csrf_field()}}
                                                                                          <div class="panel-body">
                                                <div class="row">
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_number" id="numeric" maxlength = "16" title="Correct The Debit  Card Number" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" pattern="[0-9]{13,16}" required>
                                                            <label>Debit Card Number</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-select">
                                                            <select name="debitcard_expmonth">
                                                               <option>Select Month</option>
                                                               <option value="1">Jan</option>
                                                               <option value="2">Feb</option>
                                                               <option value="3">March</option>
                                                               <option value="4">April</option>
                                                               <option value="5">May</option>
                                                               <option value="6">June</option>
                                                               <option value="7">July</option>
                                                               <option value="8">Aug</option>
                                                               <option value="9">Sept</option>
                                                               <option value="10">Oct</option>
                                                               <option value="11">Nov</option>
                                                               <option value="12">Dec</option>
                                                            </select>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-select">
                                                            <select name="debitcard_expyear" id="debit_year_Id">
                                                            </select>
                                                            <label>Expiration Year </label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="debitcard_cvv"  autocomplete="cc-exp" required>
                                                            <label>CVV Code</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="debitcard_name" required>
                                                            <label>Name On Card</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="email" name="creditcard_email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" required>
                                                            <label>Email For Order Tracking</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_address"  autocomplete="cc-exp" required>
                                                            <label>Account Holder Address</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_city"  autocomplete="cc-exp" required>
                                                            <label>City</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_state"   required>
                                                            <label>State</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-6">
                                                      <div class="form-group">
                                                         <div class="mui-textfield mui-textfield--float-label">
                                                            <input type="text" name="creditcard_pin"   required>
                                                            <label>Post Code</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="panel-heading display-table" >
                                                      <div class="row display-tr" >
                                                         <div class="display-td pull-left" >
                                                            <img class="img-responsive pull-right" src="http://i76.imgup.net/accepted_c22e0.png">
                                                         </div>
                                                         <div class="col-xs-3 col-md-3 pull-right">
                                                            <button class="subscribe btn btn-success btn-sm btn-block" type="submit" onclick="myFunction()"  style="background-color:#02529B;color:#fff;">Review Order</button>
                                                         </div>
                                                         <a class="col-xs-3 col-md-2 pull-right btn btn-sm btn-default" style="color:#14429B;" href="{{ URL::to('admin/PaymentList') }}">Cancel</a>
                                                      </div>
                                                   </div>
                                                </div>
                                          </form>
                                          </div>
                                    </center>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.muicss.com/mui-latest/js/mui.min.js"></script>
<script>
   $(document).ready(function() {
   
    $("div.bhoechie-tab-menu>div.list-group>a").click(function(e) {
   
        e.preventDefault();
   
        $(this).siblings('a.active').removeClass("active");
   
        $(this).addClass("active");
   
        var index = $(this).index();
   
        $("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active");
   
        $("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active");
   
    });
   
    var min = new Date().getFullYear(),
   
      max = min + 5,
   
      select = document.getElementById('selectElementId');
   
   
   
   for (var i = min; i<=max; i++){
   
      var opt = document.createElement('option');
   
      opt.value = i;
   
      opt.innerHTML = i;
   
      select.appendChild(opt);
   
   }
   
   var min = new Date().getFullYear(),
   
      max = min + 5,
   
      select = document.getElementById('debit_year_Id');
   
   
   
   for (var i = min; i<=max; i++){
   
      var opt = document.createElement('option');
   
      opt.value = i;
   
      opt.innerHTML = i;
   
      select.appendChild(opt);
   
   }
   
   function isNumberKey(evt){
   
      var charCode = (evt.which) ? evt.which : event.keyCode
   
      if (charCode > 31 && (charCode < 48 || charCode > 57))
   
          return false;
   
      return true;
   
   }
   
   
   
   });
   
   
</script>
@stop