@extends('layouts.app')
@section('content') 
 
@include('includes.inner_page_title', ['page_title'=>__('Manage Your Job Alert')]) 
<!-- Inner Page Title end -->

<section class="mt-4">
  <div class="container">
    <div class="row">
      <div class="col-md-12">	  
		 
		<!-- Personal Information -->
		<div class="user-dashboard-info-box">
          @include('flash::message')
	      <form method="POST" action="{{ url('update-jobalert/'.$encid) }}">
           {{ csrf_field() }}

			<div class="row">
			  <div class="form-group col-md-6 p-2">
				<label>Job Title</label>
				<div class="formrow {!! APFrmErrHelp::hasError($errors, 'job_title') !!}"> {!! Form::text('job_title', $JobAlert->job_title, array('class'=>'form-control', 'id'=>'job_title', 'placeholder'=>__('Job Title'))) !!}
					{!! APFrmErrHelp::showErrors($errors, 'job_title') !!} </div>
			  </div>
			  <div class="form-group col-md-6 p-2">
				<label>Location</label>
				<input type="text" autocomplete="off" name="location" id="city_search_manage_alert" value="{{ isset($city_name) ? $city_name : null }}" class="form-control location-input" placeholder="{{__('location')}}" autocomplete="off" />
				<div id="city_list_alert" style="position: relative;"></div>
				
				<input type="hidden" id="form_hidden_city_id_alert" name="city_id" value="{{ isset($JobAlert->city_id) ? $JobAlert->city_id : null }}" />

				<input type="hidden" id="form_hidden_state_id" name="state_id" value="{{ isset($JobAlert->state_id) ? $JobAlert->state_id : null }}" />	
			  </div>
				<div class="form-group col-md-6 p-2">
				<label>Job Date Posted</label>
				<div class="formrow {!! APFrmErrHelp::hasError($errors, 'dateposted') !!}">
					<select class="form-control"  data-control="select2" id="dateposted" name="dateposted">
						<option {{ ( isset($JobAlert) && $JobAlert->dateposted == 0) ? 'selected' : '' }} value="0">Any</option>
						<option {{ ( isset($JobAlert) && $JobAlert->dateposted == 1) ? 'selected' : '' }} value="1">Today</option>
						<option {{ ( isset($JobAlert) && $JobAlert->dateposted == 7) ? 'selected' : '' }} value="7">Last 7 days</option>
						<option {{ ( isset($JobAlert) && $JobAlert->dateposted == 14) ? 'selected' : '' }} value="14">Last 14 days</option>
						<option {{ ( isset($JobAlert) && $JobAlert->dateposted == 30) ? 'selected' : '' }} value="30">Last 30 days</option>
						<option {{ ( isset($JobAlert) && $JobAlert->dateposted == 60) ? 'selected' : '' }} value="60">More than 30 days</option>
					</select>
				</div>
				</div>
				<div class="form-group col-md-6 p-2">
				<input type="hidden" name="old_frequency" value="{{isset($JobAlert) ? $JobAlert->frequency : ''}}" />

				<label>Email Frequency</label>
				<div class="formrow {!! APFrmErrHelp::hasError($errors, 'frequency') !!}">
					<select class="form-control "  data-control="select2" id="frequency" name="frequency">
						<option {{ ( isset($JobAlert) && $JobAlert->frequency == 1) ? 'selected' : '' }} value="1">Daily</option>
						<option {{ ( isset($JobAlert) && $JobAlert->frequency == 3) ? 'selected' : '' }} value="3">Every 3 days</option>
						<option {{ ( isset($JobAlert) && $JobAlert->frequency == 7) ? 'selected' : '' }} value="7">Weekly</option>
						<option {{ ( isset($JobAlert) && $JobAlert->frequency == 15) ? 'selected' : '' }} value="15">Every 15 days</option>
						<option {{ ( isset($JobAlert) && $JobAlert->frequency == 30) ? 'selected' : '' }} value="30">Monthly</option>
					</select>
				</div>
				</div>
				<div class="form-group col-md-6 p-2">
				<label>Status</label>
				<div class="formrow {!! APFrmErrHelp::hasError($errors, 'status') !!}">
					<select class="form-control"  data-control="select2" id="status" name="status">
						<option {{ ( isset($JobAlert) && $JobAlert->status == '1') ? 'selected' : '' }} value="1">Active</option>
						<option {{ ( isset($JobAlert) && $JobAlert->status == '0') ? 'selected' : '' }} value="0">InActive</option>
					</select>
				</div>	
				</div>

				<div class="form-group col-md-12 mt-5">
				@if( isset($JobAlert) )
					<button type="submit" class="btn btn-primary">{{__('Update')}}  <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></button>
				@else
					<button type="submit" class="btn btn-primary">{{__('Save')}}  <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></button>
				@endif
				<a class="btn btn-primary" target="_blank" href="{{ url('delete-account/'.$encid) }}">Delete Account</a>
				</div>
				</div>
				</form>
				</div> 		
			  </div>
			 </div>
		</div>
</section>
@endsection 

@section('script')

<script type="text/javascript">
	$(document).click(function (e)
	{
	var container = $(".selct-option");

	if (!container.is(e.target))
	{
	$('#city_list_alert').fadeOut();
	container.removeClass('search');
	}
	});

	//Auto complete location.
	$(document).ready(function(){

	$('#city_search_manage_alert').keyup(function(){
	$("#hid_location").attr("name","location");
	$("#hid_location").val($(this).val());

	var query = $(this).val();
	if(query != '')
	{
		$.ajax({
			url:"{{ route('autocomplete_city') }}",
			method:"get",
			data:{query:query},
				success:function(data){
					if(data!=''){
						$('#city_list_alert').fadeIn();
						$('#city_list_alert').html(data);
					}
				}
		});
	} else {
		 $('#form_hidden_city_id_alert').val('');
	}
	});

	$(document).on('click', 'li.city_li', function(){
	$('#city_search_manage_alert').val($(this).text());
	$('#form_hidden_city_id_alert').val($(this).attr('alt'));
	$('#city_list_alert').fadeOut();
	});

	});

	$(document).keyup(function(e) {
	if (e.key === "Escape") { // escape key maps to keycode `27`
	$('#city_list_alert').fadeOut();
	}
	});

</script>

@endsection