@extends('layouts.app')

@section('content')

<div class="box">
	<div class="box-header">
		<h3 class="box-title">Service Engaged</h3>
	</div>
	<form   class="box-body" id="servce_search-form">
		<div class="row">

			<div class="form-group col-xs-10">
				<label for="svcs_engaged_name" class="col-sm-3 control-label">Service Engaged</label>

				<div class="col-sm-9">
					<input type="text" class="form-control" id="svcs_engaged_name" name="svcs_engaged_name" placeholder="Enter Service Engaged Name">
				</div>
			</div>

			<div class="form-group col-xs-2 pull-right">
				<button type="button" class="btn btn-block btn-social btn-dropbox" id="search_servce_btn">
					<i class="fa fa-search"></i> Search
				</button>
			</div>

		</div>
	</form>
</div>


<div id="result_content"></div>

@endsection

@push('scripts')
<script type="text/javascript">
	jQuery(document).ready(function($) {

		$('#servce_search-form').sayt({'recover': true});
		load_all_serice_details();

		$("#search_servce_btn").click(function() {
			$('#servce_search-form').sayt({'savenow': true});
			load_all_serice_details();
		});		

	});

	$('#result_content').on('click', '.svcDelete', function(event) {
		service_id = $(this).data('svcid');
		deleteService(service_id);

	});

	function deleteService(service_id) {

		var ajax_url = "delete_service_dtl/"+service_id;
		console.log(ajax_url);
		Swal.fire({
			title: 'Are you sure?',
			text: "You want to delete this!",
			icon: 'warning',
			showCancelButton: true,
			confirmButtonColor: '#3085d6',
			cancelButtonColor: '#d33',
			confirmButtonText: 'Yes, delete it!'
		}).then((result) => {
			if (result.value) {
				$.get(ajax_url, function(data){
					console.log(data)
					if(data == 'false'){
						Swal.fire({
							icon: 'error',
							title: 'Not Deleted',
							text: " Can't delete this service"
						})
					}else{						
						Swal.fire(
							'Deleted!',
							'Service has been deleted.',
							'success').then((result) => {
								if (result.value) {
									location.reload();
								}
							})
						}





					});

			}
		})
	}

	function load_all_serice_details(){
		var ajax_url = "{{ route("servce_srch") }}";
		form_data = $("#servce_search-form").find(":input").serializeArray();

		$.ajax({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			url: ajax_url,
			type: 'POST',
			data: form_data,
			success: function(msg) {
				$('#result_content').html(msg);
				$('.datatable').DataTable()
			},
			error: function() {
				alert("Can't Connect to Server");
			}
		})
	}

</script>
@endpush