@extends('app')
@section('content')
<title>Edit Checklist</title>
<style type="text/css">
    .control-label {
        text-align: left !important;
    }
  
</style>
<div class="content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-head-line">EDIT Checklist</h1>
                </div>
           	</div>
            <div class="row">
            	<div class="col-md-12">
            		<div class="panel panel-default">
                        <div class="panel-body">
					@if($errors->any())
					    <div class="alert alert-danger">
					        @foreach($errors->all() as $error)
					            <p>{{ $error }}</p>
					        @endforeach
					    </div>
					@endif
					<form class="form-horizontal" role="form" method="POST" action="{{ route('checklist.update', $amc->id).'?sort='.$_GET['sort'].'&filter_name='.$_GET['filter_name'].'&page='.$_GET['page'].'&order='.$_GET['order'].'&show='.$_GET['show']  }}">
					<input type="hidden" name="_token" value="{{ csrf_token() }}" />
						<input type="hidden" name="_method" value="PUT" />
                         <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" value="{{ $amc->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>
                                      @if($amc->force_update == 1)
                                                <option value="1" selected>Yes</option>
                                      @else
                                                <option value="0" selected>No</option>
                                      @endif
                                                <!-- <option value="0">No</option> -->
                                                </select>
                                          </div>
                                      </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>
                                                @foreach($pointer as $Pointers)
                        <div id="{{ $i }}1">

                             <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" value="{{ $Pointers }}">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6" id="">
                                <div class="form-group">
                                  <div class="col-md-8 col-sm-6 col-xs-12">
                                    <a class="btn btn-danger btn_remove" name="remove" id='{{ $i }}' onclick="delete_element1(this.id)">Remove</a>
                                  </div>
                                </div>
                              </div>
                          </div>
                                                   @endforeach
                    <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="edit_amc_form">Submit</button>
                                    <a href="/checklist/indexnew?sort=&filter_name=&page=&order=&show=" class="btn btn-primary">Cancel</a>
                                </div>
                            </div>
                        </div>
                    </form>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<link rel="stylesheet" href="/assets/jsdatepicker/datepicker.css">
<script src="/assets/jsdatepicker/datepicker.js"></script>
<script src="/assets/jsdatepicker/datepicker1.js"></script>
<script type="text/javascript">
  var i = 1;
   
    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_element1(element) {
  // body...
  // alert(element);
  // alert(element+'1');
 $('#'+element+'1').remove();
}
  function delete_element(i) {
    // body...
    $('#row'+i+'').remove();
    $('#row2'+i+'').remove();

  }

</script>
@endsection