@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>Actions</span></th>
            </tr>
        </thead>
        @foreach($users as $user)
        <tr>
            <td>{{$user->firstname.' '.$user->lastname}}</td>
            <td>{{$user->email}}</td>
            <td>
                <ul class="service-actions">
<!--                    <li><a href="#" title='View' class="view_ac" data-value="{{$user->email}}"></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>

@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">
$(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_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');
			}
		});
	});
	
});

</script>
@stop