@extends('app')
@section('content')
<title>Create Checklist</title>
<style type="text/css">
	.control-label {
	    text-align: left !important;
	}
.imagePreview {
    width: 50px;
    height:50px;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: inline-block;
}
</style>
<div class="content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-head-line">ADD Checklist</h1>
                </div>
           	</div>
            <div class="row">
            	<div class="col-md-12">
            		<div class="panel panel-default">
                        <div class="panel-body">
                        	@if(Session::has('success'))
				            <div class="alert alert-success">
				                {{ Session::get('success') }}
				            </div>
						@endif
							@if($errors->any())
							    <div class="alert alert-danger">
							        @foreach($errors->all() as $error)

							            <p>{{ $error=="Please Select Vendor."?'Please Select Client':$error }}</p>
							        @endforeach
							    </div>
							@endif
									<form class="form-horizontal" role="form" id="submit" method="POST" action="/checklist/insert" >
										<input type="hidden" name="_token" value="{{ csrf_token() }}" />
					                    
					                    <div class="col-md-6" style="clear:both;">
						                    <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Title</label>
					                            <div class="col-md-8 col-sm-6 col-xs-12">
						                            <input class="form-control" type="texr" name="title">
					                            </div>
					                        </div>
					                    </div>
					                    
				                        <div class="col-md-6">
					                        <div class="form-group">
					                             <label class="control-label col-md-4 col-sm-3 col-xs-12">Force Update<span style="color:#FF0000"> *</span></label>
					                            <div class="col-md-8 col-sm-6 col-xs-12">
					                                <div class="input-group date">
					                                      <select name="force_update" id="force_update" class="form-control">
					                                      <option value="">Select Force Update</option>
					                                      <option value="1">Yes</option>
					                                      <option value="0">No</option>
					                                      </select>
					                                </div>
					                            </div>
					                        </div>
					                    </div>
					                   <div class="col-md-6" style="clear:both;">
						                    <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Pointer</label>
					                            <div class="col-md-8 col-sm-6 col-xs-12">
						                            <input class="form-control" type="text" name="pointer[]" id="pointer" >
					                            </div>
					                        </div>
					                    </div>
										 <div class="col-md-6">
						                    <div class="form-group">
					                            <div class="col-md-8 col-sm-6 col-xs-12">
					                                <a class="btn btn-success" id="add_more" onclick='appendText()'>Add More</a>
						                            
					                            </div>
					                        </div>
					                    </div>
										<div id="test">

										</div>
					                    
				                        <div class="col-md-12">
					                         <div class="form-group">
					                            <div class="col-md-8 col-sm-6 col-xs-12 col-md-offset-5">
					                                <button type="submit" class="btn btn-success" id="save_reading" onclick="formsubmit()">Submit</button>
					                                <a href="/checklist/indexnew" class="btn btn-primary">Cancel</a>
					                            </div>
					                        </div>
					                    </div>
									</form>
						</div>
			</div>
		</div>
	</div>
</div>
</div>
<script type="text/javascript">
	var i =1;
function formsubmit()
{
	 $("#submit").submit();
	 document.getElementById("save_reading").disabled = true;

}
function appendText() {
 /* var txt1 = "<p>Text.</p>";               // Create element with HTML 
  var txt2 = $("<p></p>").text("Text.");   // Create with jQuery
  var txt3 = document.createElement("p");  // Create with DOM
  txt3.innerHTML = "Text.";
  */
  i += 1;
  var element1 = ' <div class="col-md-6" id="row'+i+'" style="clear:both;"><div class="form-group"><label class="control-label col-md-4 col-sm-3 col-xs-12">Pointer</label><div class="col-md-8 col-sm-6 col-xs-12"><input class="form-control" type="text" name="pointer[]" id="pointer" required></div></div></div>';
  var element2 = '<div class="col-md-6" id="row2'+i+'"><div class="form-group"><div class="col-md-8 col-sm-6 col-xs-12"><a class="btn btn-danger btn_remove" name="remove" onclick="delete_element('+i+')" id="'+i+'">Remove</a></div></div></div>';
  $("#test").append(element1,element2);      // Append the new elements
  return false;
}
  function delete_element(i) {
  	// body...
    $('#row'+i+'').remove();
    $('#row2'+i+'').remove();

  }
</script>
<!--
<script> 
    $(document).ready(function () {
		$('#joining_date').datetimepicker({
			 
			//changeYear: true,
			defaultDate: new Date(),
			pickTime: false
		});
		$('#end_date').datetimepicker({
			defaultDate: new Date(),
			pickTime: false
		});
	});
</script>
-->
<script>
	$(document).ready(function () {
		$('#joining_date').datepicker({
			changeYear: true
		});
	});
</script>
@endsection