@extends('layouts.default')
@section('content')
<div class="right_col" role="main">
<div class="page-title">
      	<div class="title_left">
       	 	<h3>Update Schedule Batch</h3>
     	</div>
     </div>
     <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
      	<div class="x_content">
        <form id="update_batch_form" class="form-horizontal form-label-left" method="post" action="{{ url('updatebatchSchedule') }}" data-toggle="validator" role="form" autocomplete="off">
        	<input type="hidden" name="bathshedule_update_id" value="{{ $batch_scheduled->id}}">
          	<div class="row">
          		<div class="row">
              		<div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
	                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">Batch Name<i class="mandatory">*</i></label>
	                  	<div class="col-md-7 col-sm-7 col-xs-12">
	                    	<select id="batch_id" name="batch_id" class="form-control" required>
	                    	<option value="">Select Batch</option>
	                    		@foreach($bathes as $batch)
	                    			                    		<option value="{{ $batch->id }}" {{ $sel_batch }}>{{ $batch->batch_name }}</option>
	                    		@endforeach
	                    	</select>    	
	                  	</div>
	                </div>
	                <div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
	                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">Start Date<i class="mandatory">*</i></label>
	                  	<div class="col-md-7 col-sm-7 col-xs-12">
	                    	<input id="datepicker1" class="form-control" name="start_date" type="text" value="{{ isset($batch_scheduled->start_date) && !empty($batch_scheduled->start_date)?date('d-M-Y',strtotime($batch_scheduled->start_date)):'' }}" placeholder="Select Date Here.." class="form-control">
	                    	<div class="help-block with-errors"></div>

	                  	</div>
	                </div>
	                <div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
	                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">Start time<i class="mandatory">*</i></label>
	                  	<div class="col-md-7 col-sm-7 col-xs-12">
	                    	<input type="text"  id="timepicker1" class="animated timepicker1 form-control" name="start_time" value="{{$batch_scheduled->start_time}}" placeholder="start time here" class="form-control">
	                    	<div class="help-block with-errors"></div>
	                  	</div>
	                </div>
                </div>
                <div class="row">
	                <div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
	                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">End Time<i class="mandatory">*</i></label>
	                  	<div class="col-md-7 col-sm-7 col-xs-12">
	                    	<input type="text" id="timepicker" class="animated timepicker form-control" name="end_time" value="{{$batch_scheduled->end_time}}" placeholder="end time here" class="form-control">
	                    	<div class="help-block with-errors"></div>
	                  	</div>
	                </div>
	                <div class="col-md-4 col-sm-4 col-xs-12 form-group has-feedback">
	                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">End Date<i class="mandatory">*</i></label>
	                  	<div class="col-md-7 col-sm-7 col-xs-12">
	                    	<input type="text" class="form-control" id="datepicker2" name="end_date" placeholder="end date here" value="{{ isset($batch_scheduled->end_date) && !empty($batch_scheduled->end_date)?date('d-M-Y',strtotime($batch_scheduled->end_date)):'' }}" class="form-control">
	                    	<div class="help-block with-errors"></div>
	                  	</div>
	                </div>
	                <div class="col-md-4 col-sm-4 col-xs-12 form-group">
	                  	<label class="control-label col-md-5 col-sm-5 col-xs-12">Trainers</label>
	                  	<div class="col-md-7 col-sm-7 col-xs-12">
	                    	<select id="trainer_id" name="trainer_id" class="form-control">
	                    		@foreach($trainers_list as $traine)
	                    			                    		<option value="{{ $traine->id }}" {{ $sel_trainer }}>{{ $traine->name }}</option>
	                    		@endforeach
	                    	</select>
	                  	</div>
	                </div> 
                </div>
          	</div>
          	<div class="ln_solid"></div>
          	<div class="form-group">
                <div class="col-md-12 col-sm-12 col-xs-12 text-right">
                  	<button class="btn btn-primary btn-sm" type="reset">Reset</button>
                  	<button type="submit" class="btn btn-success btn-sm" name="create_batch" value="1">Submit</button>
                </div>
          	</div>
          	{{ csrf_field() }}
        </form>
  	</div>
  </div>
</div>
</div>
</div>

<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<script>
  $(document).ready(function(){
  });
  $( function() {
    $( "#datepicker1" ).datepicker({
      todayHighlight: true,
    });
    $( "#datepicker2" ).datepicker({
      todayHighlight: true,
    });
  } );
</script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#timepicker1').timepicker({
		    timeFormat: 'h:mm p',
		    interval: 30,
		    minTime: '1',
		    maxTime: '23:59',
		    defaultTime: '8',
		    startTime: '8:00',
		    dynamic: true,
		    dropdown: true,
		    scrollbar: true,
		    change : function(){
		      var time = $(this).val();
		      $("#timepicker2").val(time);
		      $("#timepicker2").timepicker('option', 'minTime', $(this).val());
		    }
		});
	});	  

	var st_time = $("#timepicker1").val();
	$('#timepicker2').timepicker({
	    timeFormat: 'h:mm p',
	    interval: 30,
	    maxTime: '23:59',
	    dynamic: true,
	    dropdown: true,
	    scrollbar: true
	});

</script>

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
@stop