 <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">
                <div class="title_left">
                    <h3>Salary</h3>
                </div>
            </div>
            <div class="clearfix"></div>
<?php if ($this->session->flashdata('errmsg2')): ?>
<div class="alert alert-danger">
<?php echo $this->session->flashdata('errmsg2'); ?>
</div>
<?php endif ?>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Create Salary</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">

                    <form class="form-horizontal form-label-left" action="<?php echo $base_url; ?>salary/NextPage" method="post">
                        
                      <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Type <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <select class="form-control" name="type" id="type" required>
                                    <option value="">Select Type</option>
                                    <option value="teacher">Teacher</option>
                                    <option value="staff">Staff</option>
                                    
                                 </select>
                             
                           </div>
                      </div>
                      
                       <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Month <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <input type="month" id='month' name="month" class="form-control" required>
                             <div class="error" style="color:red;"></div>
                           </div>
                      </div>
                        
<?php
//$er=$this->db->get('assign_allowance')->result_array();
//foreach ($er as $val)
//{                         <input type="hidden" name="bothid" value="//<?php echo $val['bothid']
//    ?>

  

<!--                        <input type="text" name="bothid" value="<?php echo $val['bothid']?>">                    -->
                      
                      <div class="ln_solid"></div>
                      <div class="form-group ">
                        <div class="col-md-5 col-md-offset-5">
                          <button style="float:right" id="send" type="submit" class="btn btn-success">Next</button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
             
              </div>
               </div>
          </div>
        </div>
        <!-- /page content -->
        <script src="<?php echo base_url(); ?>assets/vendors/jquery/dist/jquery.min.js"></script>
         <script>
        $('document').ready(function(){
            $('#month').change(function(){
             
              var val=$('#month').val();
               $.get("<?php echo base_url(); ?>load/checkdate/"+val,{},function(ret){
                 
             if(ret=="true"){
           // $('#send').prop("disabled",false);
           //  $('.error').html("");
             }else
             {
              //  $('.error').html("Please don’t Select wrong month ");
              //  $('#send').prop("disabled",true);
             }
               });
            });
        });
        </script>
         <script>
window.setTimeout(function() {
$(".alert").fadeTo(500, 0).slideUp(500, function(){
    $(this).remove(); 
});
}, 3000);
        </script>