@extends('layouts.master')
@push('page-style')
<style media="screen">
	.bootstrap-tagsinput{
		width:100%;
	}
</style>
@endpush
@section('page-content')
<div class="title-bar">
	<h1 class="title-bar-title">
		<span class="d-ib">Edit Region</span>
	</h1>
</div>
<div class="row">
	<div class="col-md-8">
		<div class="demo-form-wrapper">
			<form class="form form-horizontal" method="post" action="{{route('region.update',$regions->id)}}">
				 {{ csrf_field() }}
				 {{ method_field('PATCH') }}
				<div class="form-group">
					<label class="col-sm-3 control-label" for="name">Region Name <span class="text-danger">*</span></label>
					<div class="col-sm-9">
						<input name="name" id="name" class="form-control" value="{{$regions->name}}" type="text" required>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label" for="pincode">Pincode</label>
					<div class="col-sm-9">
						<input data-role="tagsinput" name="pincode" id="pincode" class="form-control" type="text" value="{{$regions->pincode}}" onfocusout="alert('kk');">
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label" for="establishment-date">Establishment Date <span class="text-danger">*</span></label>
					<div class="col-sm-9">
						<input name="establishment_date" id="establishment-date" class="form-control" type="text" value="{{date('d-m-Y', strtotime($regions->establishment_date))}}" data-provide="datepicker" required>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label" for="select-admin">Select Admin <span class="text-danger">*</span></label>
					<div class="col-sm-9">
						<select name="admin" id="select-admin" class="form-control select"  required>
							@isset($admins)
								@foreach ($admins as $key => $admin)
									    <option value="{{ $admin->id }}" {{($regions->admin == $admin->id)?'selected':''}}>{{ $admin->l_name }} {{ $admin->f_name }} {{ $admin->m_name }} {{ "(".$admin->member_type }}{{ $admin->member_code.")" }} </option>
					            @endforeach
							@endisset
						</select>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-3 control-label" for="establishment-date">Enter OTP <span class="text-danger">*</span></label>
					<div class="col-sm-6">
						<input name="otp" id="otp" class="form-control" type="text" value="" required>
					</div>
					<div class="col-sm-3">
						<button type='button' class="btn btn-outline-primary sendotpedit">
							<i class="icon icon-paper-plane"></i> Send OTP
						</button>
					</div>
				</div>
				<div class="col-sm-offset-3 col-sm-9">
					<button type='submit' class="btn btn-outline-success">
						<i class="icon icon-paper-plane"></i> Submit Details
					</button>
				</div>
			</form>
		</div>
	</div>
</div>
@endsection

@push('page-script')
<script>
	$(document).on('click', '.sendotpedit', function(){

		var id=$('#select-admin').val();


		$.ajax({
				  url: "{{route('sendOtpEdit')}}",
				  method: "GET",
				  data: {'id':id },
				  cache: false,
				  success: function(html)
				  {}
				});
	});
	$(document).on('keyup', '.bootstrap-tagsinput', function(e){
		var key = e.which;
		if(key == 13)  // the enter key code
  	{
		var last=$('.label-info').last().html();
		var str =$('.label-info').last().html();
  		var res1 = str.length-32;
    	var pincode = str.substr(0, res1);
    	$.ajax({
				  url: "{{route('checkpincode',$regions->id)}}",
				  method: "get",
				  data: {'pincode':pincode },
				  cache: false,
				  success: function(html)
				  {
				  	//alert("{{$regions->name}}");

				  	if(html!=0 && html!="{{$regions->name}}")
				  	{
					var last=$('.label-info').last().html('');
					alert('pincode '+pincode+' Already in '+html);	  		
				  	}
				  }
				});
    }
		
	});
	$(document).on('focusout', '.bootstrap-tagsinput', function(){
		//var a=$(this).closest('input').text();
		var last=$('.label-info').last().html();
		var str =$('.label-info').last().html();
  		var res1 = str.length-32;
    	var pincode = str.substr(0, res1);
    	//alert(pincode);
    	$.ajax({
				  url: "{{route('checkpincode',$regions->id)}}",
				  method: "get",
				  data: {'pincode':pincode },
				  cache: false,
				  success: function(html)
				  {
				  	//alert("{{$regions->name}}");
				  	if(html!=0  && html!="{{$regions->name}}")
				  	{
					var last=$('.label-info').last().html('');
					alert('pincode '+pincode+' Already in '+html);	  		
				  	}
				  }
				});

	});
</script>
@endpush