<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
 <script src="<?php echo base_url()?>/public/validation/js/jquery.validate.js"></script>
 
 <link href="<?php echo base_url()?>public/admin_assets/jquery_datepicker/css/jquery.datepick.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="<?php echo base_url()?>public/admin_assets/jquery_datepicker/js/jquery.plugin.min.js"></script>
<script src="<?php echo base_url()?>public/admin_assets/jquery_datepicker/js/jquery.datepick.js"></script>
<!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h3>
            Roaster Settings
            
          </h3>         
        </section>

        <!-- Main content -->
        <section class="content"> 
			<div class="row">
				<!-- general form elements -->
				<div class="col-md-12">
					  <div class="box box-primary">
						<div class="box-header with-border">
						<div class="admin-tab-wrapper">
							<div class="admin_tab">
								<!--<button class="btn btn-primary dropdown-toggle btn-algnmt" type="button" data-toggle="dropdown">Action
								<span class="caret"></span></button>-->
								<ul>
									<li><a href="javascript:void(0);" onclick="window.history.back();">Back</a></li>
								</ul>
							</div>
						</div>
						  <h3 class="box-title"></h3>
						   <?php if($this->session->flashdata('error_msg')){?>
								<span style="color:red; font-weight:bold"><?php echo $this->session->flashdata('error_msg');?></span>
							<?php }?>
							<?php if($this->session->flashdata('success_msg')){?>
								<span style="color:green; font-weight:bold"><?php  echo $this->session->flashdata('success_msg'); ?></span>
							<?php }?>
						</div>
						<!-- /.box-header -->
						<!-- form start -->
						<form id="signupForm" role="form" class="mtbresize" method="post" action="<?php echo base_url('admin/roaster/update');?>" enctype="multipart/form-data" autocomplete="off">
						<h3>Select Only Leave Days</h3>
						  <div class="box-body">						  
							<div class="form-group">
							  <label for="available_date">Date<sup class="superr">*</sup></label>
							  <input type="text" id="popupDatepicker" readonly name="available_date" value="<?php echo $cms['available_date'] ?>">
							  <?php echo form_error('available_date','<span class="error">', '</span>'); ?>
							</div>												
						  </div>
						  <!-- /.box-body -->
						  <div class="box-footer">	
							<input type="hidden" id="mechanic_id" name="mechanic_id" value="<?php echo $cms['mechanic_id']?>">
							<button type="submit" class="btn btn-sm btn-primary">Submit</button>
						  </div>
						</form>
					  </div>
				</div>
          <!-- /.box -->
          </div><!-- /.row -->	
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-show-password/1.0.3/bootstrap-show-password.min.js"></script>
<script>



				
$(function() {
	//$('#popupDatepicker').datepick();
	//$('#inlineDatepicker').datepick({onSelect: showDate});
	//var dates=['2018-10-09','2018-10-10'];
	$('#popupDatepicker').datepick({ 
	multiSelect: 999, monthsToShow: 2, 	
	dateFormat: 'yyyy-mm-dd',
	//'setDate' : dates,
    /*multiSelect: 3, monthsToShow: 3, monthsToStep: 3,*/ 
    prevText: 'Prev months', nextText: 'Next months'});    

});

function showDate(date) {
	alert('The date chosen is ' + date);
}

</script>