@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('heading')
Manage Super Admins
@stop
@section('content')
<!--<div class="tableSearch clearfix">
    <input type="text" placeholder="Search" id='filing-list-search' class="inputSearch fright">
</div>-->
<div style="font-size: 15px;color: green;" id="superadminmesaage">
	@if(!empty($message))
	{{$message}}
	@endif
</div>
<div id="addsuperadmin">
	<form action="/superadmin/manage-super-admin" method="POST" class="form addForm" id='addedsuperadmin'>
		<p>
			<label for="email" class=""> Enter Email</label>
			<input type="text" id="email_sadmin" name="emailid">&nbsp;&nbsp;
		</p>
		<p>
			<label></label>
			<input type="submit" value="Add" 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>User Name</span></th>
				<th><span>Email id</span></th>
				<th><span>Roles</span></th>
				<th><span>Actions</span></th>
			</tr>
		</thead>
		@foreach($users as $user)
		<tr>
			<td>{{$user->firstname.' '.$user->lastname}}</td>
			<td>{{$user->email}}</td>
			<td><br />
<b>Warning</b>:  Undefined variable $user in <b>/home/dario/Servidor/CodingIt/MyFileRunner/App/app/views/superAdmin/managesuperadmin.blade.php</b> on line <b>45</b><br />
<br />
<b>Warning</b>:  Attempt to read property "email" on null in <b>/home/dario/Servidor/CodingIt/MyFileRunner/App/app/views/superAdmin/managesuperadmin.blade.php</b> on line <b>45</b><br />
			</td>
			<td>
				<ul class="service-actions">
					<!--                    <li><a href="#" title='View' class="view_ac" data-value="{{$user->email}}"></a></li>-->
					<li><a class="edit_role edit_acc" title="Edit Roles" data-email="{{ $user->email}}" data-roles="{{ $roles_ids}}"></a></li>
					@if(Auth::user()->level_super_admin > $user->level_super_admin)
					<li><a class="delete_superadmin delete_acc" title="Remove" data-value="{{ $user->email}}"></a></li>
					@endif
				</ul>
			</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 super admin?</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_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 Roles</p>
			<div class="centerstyle" style="text-align:center">
				<form action="/superadmin/edit-super-admin-roles" method="POST" class="form" id='editacrole'>
					<input type="hidden" id="ac_email" name="ac_email">&nbsp;&nbsp;
					<p id="p_email" style="text-align: center;padding: 15px; height: auto;"></p>
					<div style="font-size: 1.4em;">
						@foreach($ac_roles as $ac_role)
						<div>
							<input type="checkbox" id='role[{{$ac_role->id}}]' name="role[{{$ac_role->id}}]" value="1">
							<label for="role[{{$ac_role->id}}]"> {{$ac_role->name}}</label>
						</div>
						@endforeach
					</div>
					<p style="text-align: center;padding: 15px; height: auto;">The changes will be effective once the user logs in again.</p>
					<br>
					<p style="text-align: center;">
						<input type="submit" value="Save" class="btn btn-padding btn-bluebg" />
					</p>
				</form>
			</div>
		</div>
	</div>
</div>
<style>
	#editacrole div label{
		min-width: 180px;
	}
</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 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
				},
				{
					"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_superadmin", 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() {
				$('.loader').show();
				$.ajax({
					url: '/superadmin/delete-super-admin',
					data: {
						'email': $(trigElem).attr("data-value")
					},
					type: 'POST',
					async: false,
					success: function(response) {
						$(".popup_delete").css({
							"display": "none"
						});
						$(".popup_response").css({
							"display": "block"
						});
						$('.loader').hide();
						$('.overlay').hide();
						if (response.error) {

						} else if (!response.error) {
							location.href = '/superadmin/manage-super-admin';
						}
						(".superadminmesaage").html(response.message);
					}
				});

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

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

		$(document).on('click', '.view_ac', function(e) {
			e.preventDefault();
			MFR.showLoader();
			$.ajax({
				url: '/servicecontact/' + $(this).attr('data-value'),
				dataType: 'html',
				success: function(data) {
					$('.popup_service_contact_details').html(data).show();
					MFR.hideLoader();
					$('.overlay').show();
				},
				error: function() {
					alert('Something went wrong when showing service contact details');
				}
			});
		});

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

			$('#ac_email').val($(trigElem).attr("data-email"));
			$('#p_email').html($(trigElem).attr("data-email"));
			//reset checked
			$("input[name^='role']").prop('checked', false);

			//check actuals
			roles_selected = $(trigElem).attr("data-roles").split(",");
			$.each(roles_selected, function(i) {
				$("input[name='role["+roles_selected[i]+"]']").prop('checked', true);
			});

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

			});

		});

		var aceditroleForm = $("#editacrole");
		aceditroleForm.validate({
			rules: {

			},
			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