@extends('layouts/gnr_layout')
@section('title', '| Update 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($updateSettings) == 0)
					<div class="panel-options">
						<a href="{{ route('updateSettings.create') }}" class="btn btn-info pull-right addViewBtn">
							<i class="glyphicon glyphicon-plus-sign addIcon"></i> 
							Add Update Setting
						</a>
					</div>
				@endif
					<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">UPDATE 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>App Version Code</th>
								<th>App Version Name</th>
								<th>Android  Update Mandatory</th>
								<th>Ios  Update Mandatory</th>
								<th>App Url</th>
								<th>Play Store Url</th>
								<th width="10%">Action</th>
		                    </tr>
		                    {{ csrf_field() }}
						</thead>
						<tbody>
														@foreach($updateSettings as $updateSetting)
								<tr>
									<td>{{ $SL }}</td>
									<td>{{ @$updateSetting->app_version_code }}</td>
									<td>{{ $updateSetting->app_version_name }}</td>
									<td>{{ $updateSetting->android_update_mandatory }}</td>
									<td>{{ $updateSetting->ios_update_mandatory }}</td>
									<td>{{$updateSetting->app_store_url}}</td>
									<td>{{$updateSetting->play_store_url}}</td>
									<td>
										<a href="{{Route('updateSettings.edit',$updateSetting->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>