@extends('layouts/gnr_layout')
@section('title', '| List Management Level Object')
@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">
					<div class="panel-options">
						<a href="{{ route('lowestLevelBranches.create') }}" class="btn btn-info pull-right addViewBtn">
							<i class="glyphicon glyphicon-plus-sign addIcon"></i> 
							Add Lowest Level Branch
						</a>
					</div>

					<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">LOWEST LEVEL BRANCH LIST</font></h1>
				</div>
				<div class="panel-body panelBodyView"> 
					<table class="table table-striped table-bordered" id="zoneListView">
						<thead>
							<tr>
								<th width="4%">SN#</th>
								<th>Organization</th>
								<th>Branch</th>
								<th>Level </th>
								<th>Level Object</th>
								<th width="5%">Action</th>
		                    </tr>
		                    {{ csrf_field() }}
						</thead>
						<tbody>
														@foreach($lowestBranches as $branch)
								<tr>
									<td>{{ $SL }}</td>
									<td>{{ @$branch->company->name }}</td>
									<td>
										{{implode (", ", @$branch->names)}}
									</td>
									<td>{{ @$level->title }}</td>
									<td>{{ @$branch->layerObject->title }}</td>
									<td>
										<a href="{{Route('lowestLevelBranches.edit',$branch->layer_object_id)}}" class="showUpdateForm">
											<i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
										</a>
										{{-- <a href="javascript:;" class="deleteConfirmation" data-id="{{ $branch->id }}">
											<i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
										</a> --}}
									</td>
								</tr>
															@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
@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>