@extends('layout.masters')
@section('content')

	<script type="text/javascript">
		$(document).ready(function (){
			var y = document.getElementById("dep_type").value;
			if(y == 'automatic'){
			document.getElementById("branch").style.display = 'block';
			document.getElementById("time_automatic").style.display = 'block';
			document.getElementById("time_manual").style.display = 'none';
			}
			else if(y == 'manual'){
			document.getElementById("branch").style.display = 'none';
			document.getElementById("time_automatic").style.display = 'none';
			document.getElementById("time_manual").style.display = 'block';
			}
		})
	</script>
	<!-- ===================================== -->
	<div id="page-wrapper">
		<div class="container-fluid">
			<div class="row">
				<div class="col-sm-12 col-md-6 col-md-offset-3">
					<div class="page-title">
						<h3>Add New Deployment Schedule</h3>
					</div>
					<div class="form-container">
						<form action="{{url('post-edit-schedule', $schedule->schedule_id)}}" method="POST">
							{{ csrf_field() }}
							<div class="form-group">
								<label for="dep_id">For Deployment</label>
								<select class="form-control" name="dep_id" >
									<option selected disabled hidden>Choose deployment</option>
									@foreach($deployments as $deployment)
									<option value="{{$deployment->dep_id}}" {{ ( $schedule->dep_id == $deployment->dep_id ) ? 'selected':''}} >{{$deployment->dep_title}}</option>
									@endforeach
								</select>
								@if ($errors->has('dep_id'))
								<div class="alert alert-danger">
									<span class="error">{{ $errors->first('dep_id') }}</span>
								</div>
								@endif
							</div>
							<div class="form-group">
								<label for="schedule_date">Schedule Date</label>
								<input type="date" class="form-control" id="schedule_date" name="schedule_date" value="{{$schedule->schedule_date}}">
								@if ($errors->has('schedule_date'))
								<div class="alert alert-danger">
									<span class="error">{{ $errors->first('schedule_date') }}</span>
								</div>
								@endif
							</div>
							<div class="form-group">
								<label for="dep_type">Deployment Type</label>
								<select class="form-control" name="dep_type" id="dep_type" onchange="connectionChange()">
									<option selected disabled hidden>Choose here</option>
									<option value='automatic' {{ ( $schedule->dep_type == 'automatic' ) ? 'selected':''}}>Automatic</option>
									<option value='manual' {{ ( $schedule->dep_type == 'manual' ) ? 'selected':''}}>Manual</option>
								</select>
								@if ($errors->has('dep_type'))
								<div class="alert alert-danger">
									<span class="error">{{ $errors->first('dep_type') }}</span>
								</div>
								@endif
							</div>
							<div class="form-group" id="time_automatic" style="display:none">
								<label for="dep_time">Schedule Time</label>
								<input type="time" class="form-control" name="dep_time" value="{{$schedule->dep_time_start}}">
								@if ($errors->has('dep_time'))
								<div class="alert alert-danger">
									<span class="error">{{ $errors->first('dep_time') }}</span>
								</div>
								@endif
							</div>
							<div class="form-inline" id="time_manual" style="display:none">
								<label for="dep_time_start">Schedule Time</label><br>
								<div class="form-group">
									Between :<input type="time" class="form-control" name="dep_time_start"  value="{{$schedule->dep_time_start}}">
									@if ($errors->has('dep_time_start'))
									<div class="alert alert-danger">
										<span class="error">{{ $errors->first('dep_time_start') }}</span>
									</div>
									@endif
								</div>
								<div class="form-group">
									And:<input type="time" class="form-control" name="dep_time_end" value="{{$schedule->dep_time_end}}">
									@if ($errors->has('dep_time_end'))
									<div class="alert alert-danger">
										<span class="error">{{ $errors->first('dep_time_end') }}</span>
									</div>
									@endif
								</div>
							</div>
							<div class="form-group" id="branch" style="display:none">
								<label for="git_branch">GIT Branch</label>
								<input type="text" class="form-control" name="git_branch" value="{{$schedule->git_branch}}">
								@if ($errors->has('git_branch'))
								<div class="alert alert-danger">
									<span class="error">{{ $errors->first('git_branch') }}</span>
								</div>
								@endif
							</div>
							<div class="buttons-container">
								<a class="btn btn-cancel" type="button" href="{{ url()->previous() }}">Cancel</a>
								<button class="btn btn-formSubmit" type="submit">Submit</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		function connectionChange() {
		  var x = document.getElementById("dep_type").value;
		  if(x == 'automatic'){
		  	document.getElementById("branch").style.display = 'block';
			document.getElementById("time_automatic").style.display = 'block';
			document.getElementById("time_manual").style.display = 'none';
		  }
		  else if(x == 'manual'){
			document.getElementById("branch").style.display = 'none';
			document.getElementById("time_automatic").style.display = 'none';
			document.getElementById("time_manual").style.display = 'block';
		  }
		}
	</script>
@endsection