@extends('layouts/gnr_layout')
@section('title', '| Attendence Setting List')
@section('content')
	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-default" style="background-color:#708090;">
				<div class="panel-heading" style="padding-bottom:0px">
				@if(@count($attendenceSettings) == 0)
					<div class="panel-options">
						<a href="{{ route('attendenceSettings.create') }}" class="btn btn-info pull-right addViewBtn">
							<i class="glyphicon glyphicon-plus-sign addIcon"></i> 
							Add Attendence Setting
						</a>
					</div>
				@endif
					<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">ATTENDENCE SETTING LIST</font></h1>
				</div>
				<div class="panel-body panelBodyView"> 
				<div>
					<script type="text/javascript">
						jQuery(document).ready(function($)
						{
							$("#object_view").dataTable().yadcf([

							]);
						});
					</script>
				</div>
				    <div class="row">
						<div class="col-md-12">
				
					<table class="table table-striped table-bordered" id="object_view">
						<thead>
							<tr>
								<th width="4%">SN#</th>
								<th>Organization</th>
								<th>Accepted Distance</th>
								<th width="10%">Action</th>
		                    </tr>
		                    {{ csrf_field() }}
						</thead>
						<tbody>
														@foreach($attendenceSettings as $attendenceSetting)
								<tr>
									<td>{{ $SL }}</td>
									<td>{{ @$attendenceSetting->company->name }}</td>
									<td>{{ $attendenceSetting->accepted_distance }}</td>
									<td>
										<a href="{{Route('attendenceSettings.edit',$attendenceSetting->id)}}" class="showUpdateForm">
											<i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
										</a>
									</td>
								</tr>
															@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	@include('dataTableScript')
@endsection

<div class="modal fade" id="delete-confirmation-modal">
	<div class="modal-dialog">
		<div class="modal-header" style="background-color:#000;color:#FFF;padding:10px 15px!important;">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			<h4 class="modal-title">Delete Confirmation</h4>
		</div>
		<div class="modal-content" style="border:none!important;padding:5px 30px!important;">
			<div class="modal-body" style="text-align:center">
				Are you sure to delete this item?
			</div>
		</div>
		<div class="modal-footer" style="background-color:#FFF;color:#FFF;">
			<div class="form-group hidden">
				<div class="col-sm-6 col-sm-offset-2">
					{!! Form::text('id', $value = null, ['class' => 'form-control', 'id' => 'id', 'type' => 'text', 'readonly']) !!}
				</div>
			</div>
			<button id="yesBtn" type="button" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;" onclick="deleteData();">Yes</button>
			<button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">No</button>
		</div>
	</div>
</div>
<div class="modal fade" id="assign-check-modal"></div>
<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>
<script type="text/javascript">
	$(document).on('click', '.deleteConfirmation', function() {
		if(hasAccess('deleteZoneItem')) {
			$('#id').val($(this).data('id'));
			jQuery('#delete-confirmation-modal').modal('show', {backdrop: 'fade'});
		}
	});

// 	function deleteData() {
// 		var id = $("#id").val();
//         var token = $("meta[name='csrf-token']").attr("content");
// 		$.ajax({
// 			url: "managementLevelLayerObject/"+id,
// 			type: 'DELETE',
// 			data: {
// 				"id": id,
// 				"_token": token,
// 			},
// 			success: function (data){
// 				if(data.status == false){
// 					toastr.error(data.title, null, toster());
// 				}
// 				if(data.status == true){
// 					toastr.success(data.title, null, toster());
// 					setTimeout(function(){
// 						{{-- window.location.href = "{{ Route('managementLevelLayerObject.index') }}"; --}}
// 					}, 3000);
// 				}
// 			}
//     	});
// 	}
	function toster(){
		var opts = {
				"closeButton": true,
				"debug": false,
				"positionClass": "toast-top-right",
				"onclick": null,
				"showDuration": "300",
				"hideDuration": "1000",
				"timeOut": "5000",
				"extendedTimeOut": "1000",
				"showEasing": "swing",
				"hideEasing": "linear",
				"showMethod": "fadeIn",
				
				"hideMethod": "fadeOut"
			};
			return opts;
		}
</script>