@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('heading')
Access Control Roles
@stop
@section('content')
<div style="font-size: 15px;color: green;" id="acmessage">
	@if(!empty($message))
	{{$message}}
	@endif
</div>
<div id="addrole">
	<form action="/ac/roles" method="POST" class="form" id='createacrole'>
		<p>
			<label for="name" class=""> Enter Name</label>
			<input type="text" id="name" name="name">&nbsp;&nbsp;
		</p>
		<p>
			<label for="description" class=""> Enter Description</label>
			<textarea type="textarea" id="description" name="description"></textarea>
			&nbsp;&nbsp;
		</p>
		<br>
		<p>
			<label></label>
			<input type="submit" value="Add Role" class="btn btn-padding btn-bluebg" />
		</p>
	</form>
</div>

<div class="dashboardTable " id="UserList">
	<table class="table usermanagement" id="searchtable" style="margin-top:0">
		<thead class="theader theaderTab">
			<tr>
				<th><span>Name</span></th>
				<th><span>Description</span></th>
				<th><span>Actions</span></th>
			</tr>
		</thead>
		@foreach($ac_roles as $role)
		<tr>
			<td>{{$role->name}}</td>
			<td>{{$role->description}}</td>
			<td>
				<a class="edit_role edit" title="Edit" data-id="{{ $role->id}}" data-name="{{ $role->name}}" data-description="{{ $role->description}}"></a>
				<a class="view" title="Related Functions" href="/ac/functionsbyrole/{{$role->id}}"></a>
				<a class="delete_role delete" title="Remove" data-value="{{ $role->id}}"></a>
			</td>
		</tr>
		@endforeach
	</table>
</div>
<div class="popupWrapper customPopWidth popup_delete">
	<div class="popupContent">
		<img src="/images/modal_close.png" class="closePopup" alt="close">
		<div class="popupBody">
			<div class="centerstyle" style="text-align:center">
				<p id="popup_small_text" class="mb35">Are your sure you want to remove the role?</p>
				<p>
					<a href="#" class="btn btn-medium btn-bluebg" id="confirmdelete" style="margin-left:15px">Yes</a>&nbsp;&nbsp;
					<a href="#" class="btn btn-medium delete_closebtn btn-bluebg" style="margin-left:15px">No</a>&nbsp;&nbsp;
				</p>
			</div>
		</div>
	</div>
</div>
<div class="popupWrapper customPopWidth popup_response">
	<div class="popupContent">
		<img src="/images/modal_close.png" class="closePopup" alt="close">
		<div class="popupBody">
			<div class="centerstyle" style="text-align:center">
				<p id="popup_response_text" class="mb35 c-align">Role deleted successfully.</p>
				<p class="c-align">
					<a href="#" class="btn btn-medium btn-bluebg" id="response_msg" style="margin-left:15px">OK</a>&nbsp;&nbsp;
				</p>
			</div>
		</div>
	</div>
</div>
<div class="popupWrapper customPopWidth popup_edit" id='edit_role'>
	<div class="popupContent">
		<img src="/images/modal_close.png" class="closePopup" alt="close">
		<div class="popupBody">
			<p id="popup_response_text2" class="mb35 c-align popup_response_text">Edit Role</p>
			<div class="centerstyle" style="text-align:center">
				<p id="popup_response_text_inv" class="mb35"></p>
				<form action="/ac/roles" method="POST" class="form" id='editacrole'>
					<input type="hidden" value="" id="edit_id" name="edit_id">
					<p>
						<label for="edit_name" class=""> Name</label>
						<input type="text" id="edit_name" name="edit_name">&nbsp;&nbsp;
					</p>
					<p>
						<label for="edit_description" class=""> Description</label>
						<textarea type="textarea" id="edit_description" name="edit_description" style="width: 252px;font-size: 1em;"></textarea>
						&nbsp;&nbsp;
					</p>
					<br>
					<p>
						<label></label>
						<input type="submit" value="Save" class="btn btn-padding btn-bluebg" />
					</p>
				</form>
			</div>
		</div>
	</div>
</div>
<style>
	tr td a {
		cursor: pointer;
	}
</style>


@stop

@section('scripts_bottom')
<script type="text/javascript" src="/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/js/jquery.quicksearch.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="/js/jquery.validate.min.js"></script>
<script type="text/javascript">
	$(function() {
		var dataTbale = $("#searchtable").dataTable({
			"sDom": "rtip",
			"iDisplayLength": 10,
			"aoColumns": [{
					"bSearchable": true,
					"bSortable": true
				},
				{
					"bSearchable": true,
					"bSortable": true
				},
				null

			],
			"fnDrawCallback": function() {
				if (Math.ceil((this.fnSettings().fnRecordsDisplay()) / 5) <= 1) {

					$('#searchtable_next').css({
						"display": "none"
					});
					$('#searchtable_previous').css({
						"display": "none"
					});
				} else {
					$('#searchtable_next').css({
						"display": "block"
					});
					$('#searchtable_previous').css({
						"display": "block"
					});
				}
			}
		});
		$('input#filing-list-search').keyup(function() {
			dataTbale.fnFilter($(this).val());
		});
		$(document).on('click', ".delete_role", function(e) {
			trigElem = this;
			$('.overlay').show();
			$(".popup_delete").css({
				"display": "block"
			});
			$(".delete_closebtn,.popupContent .closePopup").on('click', function() {
				$(this).parents('.popupWrapper').hide();
				$('.overlay').hide();

			});
			$("#confirmdelete").unbind('click').on('click', function() {

				$.ajax({
					url: '/ac/delete-role',
					data: {
						'id': $(trigElem).attr("data-value")
					},
					type: 'POST',
					async: false,
					beforeSend: function() {
						// $('.loader').show();
						// $('.overlay').show();
						MFR.showLoader();
						$("#acmessage").html('');
					},
					success: function(response) {
						// $("#acmessage").html(response.message);

						// $('.loader').hide();
						// $(".popup_delete").css({
						// 	"display": "none"
						// });

						// if (!response.error) {
						// 	location.href = '/ac/roles';
						// }

						if (response.errorMsg && response.errorMsg === 'loginredirect') {
							location.href = '/auth/login';
							return;
						} else if (response.error) {
							$("#popup_response_text").text(response.errors);
							// e.checked = false;
						} else if (!response.error) {
							$("#popup_response_text").text(response.message);
							var trptr = $(trigElem).parents("tr").get(0);
							// MFR.ccreconfiles.fnDeleteRow(MFR.ccreconfiles.fnGetPosition(trptr));
							$(trptr).css({
								"display": "none"
							});
							// e.checked = false;
						} else {
							window.location.href = window.location.pathname;
						}

						$('.loader').hide();
						$(".popup_delete").css({
							"display": "none"
						});
						$('.popup_response #popup_response_text').text('Role deleted successfully.');
						$(".popup_response").css({
							"display": "block"
						});

					}
				});

			});
		});


		$(document).on('click', "#casePopup, .delete_closebtn,.popupContent .closePopup,#response_msg", function() {
			$(this).parents('.popupWrapper').hide();
			MFR.hideLoader();
		});

		$(document).on('click', '#response_msg', function() {
			$('.overlay').hide();
			$(".popup_response").css({
				"display": "none"
			});
		});

		var acroleForm = $("#createacrole");
		acroleForm.validate({
			rules: {
				name: {
					required: true
				},
			},
			messages: {
				name: "Name is required"
			},
			onfocusout: function(element, event) {
				this.element(element);
			},
			ignore: '',
			submitHandler: function(form) {
				MFR.showLoader();
				// $(form).submit();
				form.submit();
				return false;
			}
		});


		$(document).on('click', ".edit_role", function(e) {
			trigElem = this;

			$('#edit_id').val($(trigElem).attr("data-id"));
			$('#edit_name').val($(trigElem).attr("data-name"));
			$('#edit_description').html($(trigElem).attr("data-description"));

			$('.overlay').show();
			$(".popup_edit").css({
				"display": "block"
			});
			$(".popupContent .closePopup").on('click', function() {
				$(this).parents('.popupWrapper').hide();
				$('.overlay').hide();

			});
			
		});

		var aceditroleForm = $("#editacrole");
		aceditroleForm.validate({
			rules: {
				name: {
					required: true
				},
			},
			messages: {
				name: "Name is required"
			},
			onfocusout: function(element, event) {
				this.element(element);
			},
			ignore: '',
			submitHandler: function(form) {
				MFR.showLoader();
				// $(form).submit();
				form.submit();
				return false;
			}
		});

	});
</script>
@stop