<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <?php
            $this->load->view('user/common_style');
 ?>
<link rel="stylesheet" href="<?php echo base_url();?>styles/fonts/Socialico/stylesheet.css">
<link rel="stylesheet" href="<?php echo base_url();?>styles/css/set1.css">
  <script src="<?php echo base_url();?>styles/js/modernizr.js"></script>
 <style>
  .contact_one .contact_left_content form input[type="text"]{border:0px;}
  .prfledit label, .prfledit label {
  padding-top: 10px;
}
.profilesub ul li label{
  display: inline;
  color: #eb5055;
}
.help-block {
    color: #eb5055;
    margin: 0em 0em 0em !important;
}
p.frgtpwd {

text-transform: none;
  }
  </style>
        
</head>
<body>
<div id="preloader">
            <div class="preloader_spinner"> </div>
        </div>
<section class="body_wrapper home_one">
  
         
           <?php
                $this->load->view('user/header');
                $this->load->view('user/login_header');
                // $this->load->view('user/profileboard');
            ?>           
  
 
    <?php 
      $us_data = userMinPass();
    ?> 
    <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
      <div class="table-list clearfix">
      <form class="steps-validation change_trpwd" method="post" action="<?php echo base_url();?>changepin">
        <div class="row">
                <div class="profilesub clearfix profilesub2">
                    	<h4 class="other-title theme-color"> <span><?php echo $this->lang->line('change_transpin_title'); ?></span></h4>
                        <?php if($this->session->flashdata('success_message')) {?>
                             <div class="row"><div class="col-lg-12 ">     <p class="frgtpwd frgtpwd1"><i class="fa fa-thumbs-up"></i><?php echo $this->session->flashdata('success_message');?></p></div></div>
                              <?php } elseif ($this->session->flashdata('error_message')) { ?>
                                <div class="row"><div class="col-lg-12">  <p class="frgtpwd frgtpwd1 frgtpwdred"><i class="fa fa-thumbs-down"></i><?php echo $this->session->flashdata('error_message');?></p></div></div>
                              <?php } else { }?>
                        	

                              <div class="col-lg-12 mt-10">
                                <label class="col-lg-3 other-title theme-color mt-15"><?php echo $this->lang->line('curr_trans_pin_lbl'); ?> * </label>
                                  <div class="col-lg-9">
                                      <input name="currentpin" class="" type="password" id="" value="" />
                                  </div>
                              </div> 


                              <div class="col-lg-12 mt-10">
                                <label class="col-lg-3 other-title theme-color mt-15"><?php echo $this->lang->line('neww_trans_pin_lbl'); ?> * </label>
                                  <div class="col-lg-9">
                                      <input name="newpin" class="" type="password" id="" value="" />                                      
                                  </div>
                              </div> 

                              <div class="col-lg-12 mt-10">
                                <label class="col-lg-3 other-title theme-color mt-15"><?php echo $this->lang->line('conf_trans_pin_lbl'); ?> * </label>
                                  <div class="col-lg-9">
                                      <input name="confirmpin" class="" type="password" id="" value="" />
                                  </div>
                              </div> 
                        
                            <div class="col-lg-12 text-center mt-25">
                                  <a style="text-align:center;" href="<?php echo base_url();?>forgotpin"> Forgot Transaction Pin?</a>
                            </div>      
                        
                        	</div>
   				</div>
               <div class="cmmn col-lg-12">   <div class="contact_page_btn">
                                     
                                        <button type="submit" class="yellow-btn"><?php echo $this->lang->line('contact_submit'); ?></button>
                                    
                                    </div></div>
            </div>
            </form>
            <?php
                // $this->load->view('user/shortlinks');
            ?>
            
        </div>
    </div>
  </section>
  
 
  <section class="dmain">
  	<div class="container">
        <div class="row">
           
            <div class="col-lg-12"> 
               	<div class="">
                <div class="profilesub clearfix profilesub1">
                    	
                          
                        
                        	</div>
   				</div>
            </div>
        </div>
    </div>
  </section>
  <section class="dmain">
  </section>
  <?php
                $this->load->view('user/footer');
            ?>
</section>



<script src="<?php echo base_url();?>styles/js/jquery-1.12.2.min.js"></script>
<!-- Bootsrap form validation JS files -->
        <script type="text/javascript" src="<?php echo base_url();?>assets/js/formValidation.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>assets/js/bootstrap.js"></script>
        
         <script src="<?php echo base_url();?>/assets/boots/js/select_min.js"></script>
    
       <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>/assets/boots/css/select2.css">


<script>
			(function() {

         $('.change_trpwd').formValidation({
                    framework: 'bootstrap',
                    excluded: [':disabled'],
                    
                    fields: {

                        newpin: {
                            validators: {
                                notEmpty: {
                                    message: '<?php echo $this->lang->line("trans_empty_err");?>'
                                },
                                digits: {
                                    message: '<?php echo $this->lang->line("registration_trans_digit_err");?>'
                                } 

                            }
                        },
                        confirmpin: {
                            validators: {
                                notEmpty: {
                                    message: '<?php echo $this->lang->line("confirm_trans_empty_err");?>'
                                },
                                identical: {
                                    field: "newpin",
                                    message: '<?php echo $this->lang->line("transpin_mismatch");?>'
                                },
                                digits: {
                                    message: '<?php echo $this->lang->line("registration_trans_digit_err");?>'
                                } 

                            }
                        },
                       
                         currentpin: {
                            validators: {
                                notEmpty: {
                                    message: '<?php echo $this->lang->line("trans_empty_err");?>'
                                },
                                digits: {
                                    message: '<?php echo $this->lang->line("registration_trans_digit_err");?>'
                                },
                                remote: {
                                    url: function(validator, $field, value) {
                                        
                                        return '<?php echo base_url();?>user/profile/validtranspassword';
                                    },
                                    type: 'POST',
                                    delay: 1000,
                                    message: '<?php echo $this->lang->line("trans_pin_error"); ?>'
                                }

                            }
                        }
                       
                }
                })
               
				// trim polyfill : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
				if (!String.prototype.trim) {
					(function() {
						// Make sure we trim BOM and NBSP
						var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
						String.prototype.trim = function() {
							return this.replace(rtrim, '');
						};
					})();
				}

				[].slice.call( document.querySelectorAll( 'input.input__field' ) ).forEach( function( inputEl ) {
					// in case the input is already filled..
					if( inputEl.value.trim() !== '' ) {
						classie.add( inputEl.parentNode, 'input--filled' );
					}

					// events:
					inputEl.addEventListener( 'focus', onInputFocus );
					inputEl.addEventListener( 'blur', onInputBlur );
				} );

				function onInputFocus( ev ) {
					classie.add( ev.target.parentNode, 'input--filled' );
				}

				function onInputBlur( ev ) {
					if( ev.target.value.trim() === '' ) {
						classie.remove( ev.target.parentNode, 'input--filled' );
					}
				}
			})();
		</script>
    </script>
<script src="<?php echo base_url();?>styles/js/main.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>styles/js/owl.carousel.min.js"></script>
 <script src="<?php echo base_url();?>styles/js/classie.js"></script>
<script type="text/javascript">
	$(document).ready(function($) {
	$("#owl-example").owlCarousel({   
	 nav:true,
	 
	 items : 8, 
    itemsCustom : false,
    itemsDesktop : [1199,8],
    itemsDesktopSmall : [980,5],
    itemsTablet: [768,5],
    itemsTabletSmall: [768,4],
    itemsMobile : [479,2],
    singleItem : false,
    itemsScaleUp : true,
	    navigation : true,
    navigationText : ["",""],
    rewindNav : true,
    scrollPerPage : false,
	});
	});
	
	</script>
  <?php
    $this->load->view('user/common_script');
  ?>
    

</body>
</html>
