@extends('layouts.main')
@section('container')
<style> a{cursor: pointer;}.select2-results .select2-disabled { display:none;}</style>
<div class="page-title"><h1>Listing Data View </h1></div>
<!-- DataTables Example -->
<div class="row">
    <div class="col-lg-12">
        <div class="widget-container fluid-height clearfix">
			<div class="widget-content padded clearfix">
                <table class="table table-bordered table-striped" id="">
                    <thead>
                    <th class="check-header hidden-xs"><label><input id="checkAll" name="checkAll" type="checkbox"><span></span></label></th>
                    <th>Username</th>
                    <th>Credit History</th>
                    <th>Phone Number</th>
                    <th>Role</th>
                    <th>Action</th>
                    </thead>
                    <tbody>
                    @foreach($fetch as $data)
                    <tr>
                        <td class="check hidden-xs"><label><input name="optionsRadios1" type="checkbox" value="option1"><span></span></label> </td>
                        <td>{{$data->name}}</td>
                        <td><a href="{!! route('AdminPayment', ['id'=>$data->id]) !!}"><div class="notifications label label-info">
                      Credit
                    </div></a></td>
                        <td>{{$data->phone}}</td>
                        <td>
                            <div id="roleid">
                                                            </div>
                            <div id="role_id" class="form-group required" style="display:none" >
                                <label for="id_company" class="control-label col-md-2  requiredField" >Multi Role Edit:<span class="asteriskField">*</span> </label>
                                <div class="controls col-md-8 ">
                                                                        <form action="{{route('Adminusers')}}" method="post">
                                        {{csrf_field()}}
                                        <select class="select2able" multiple="" name="role[]" id="selectbox" onchange="roleModule()">
											 @if(Session::has('role'))
                                            <p  style="display:none">{{$val=Session::get('role')}}</p>
                                                                                        @if($val=="Super Admin" || $val=="root")<option value="Super Admin" id="Super_Admin" disabled>Super Admin</option>\n<option value="Principle" id="Principle" disabled>Principle</option>\n<option value="Admin" id="Admin" disabled>Admin</option>\n<option value="Agent" id="Agent" disabled>Agent</option>\n<option value="Public User" id="Public" disabled>Public</option>\n                                            @endif
                                            @endif
                                        </select>
                                        
                                        <script>
                                            function roleModule(val)
                                            {var foo=$('#selectbox'+val).val();
												//alert(foo);
                                                if(foo==null )
                                                {	if(document.getElementById("Admin"+val)!=null){
    	                                         	document.getElementById("Admin"+val).disabled=false;}
													if(document.getElementById("Super_Admin"+val)!=null){
                                                 	document.getElementById("Super_Admin"+val).disabled=false;}
                                                    if(document.getElementById("Agent"+val)!=null){
                                                    document.getElementById("Agent"+val).disabled=false;}
													if(document.getElementById("Principle"+val)!=null){
                                                    document.getElementById("Principle"+val).disabled=false;}
                                                    if(document.getElementById("Public"+val)!=null){
                                                    document.getElementById("Public"+val).disabled=false;}
													if(document.getElementById("valDataa"+val)!=null){
                                                    document.getElementById("valDataa"+val).disabled=true;}
                                                    if(document.getElementById("valDatab"+val)!=null){
                                                    document.getElementById("valDatab"+val).disabled=true;}
                                                }
                                                else if(foo=="Super Admin")
                                                {	if(document.getElementById("Admin"+val)!=null){
                                                    document.getElementById("Admin"+val).disabled=true;}
                                                    if(document.getElementById("Public"+val)!=null){
                                                    document.getElementById("Public"+val).disabled=true;}
                                                    if(document.getElementById("Agent"+val)!=null){
                                                    document.getElementById("Agent"+val).disabled=false;}
													if(document.getElementById("Principle"+val)!=null){
                                                    document.getElementById("Principle"+val).disabled=false;}
                                                    if(document.getElementById("valDatab"+val)!=null){
                                                    document.getElementById("valDatab"+val).disabled=true;}
												}
                                                else if(foo=="Super Admin,Principle" || foo=="Principle,Super Admin")
                                                {

                                                    if(document.getElementById("Admin"+val)!=null){
                                                        document.getElementById("Admin"+val).disabled=true;
                                                    }
                                                    if(document.getElementById("Agent"+val)!=null){
                                                        document.getElementById("Agent"+val).disabled=true;
                                                    }


                                                }
                                                else if(foo=="Super Admin,Agent" || foo=="Agent,Super Admin")
                                                {
                                                    if(document.getElementById("Admin"+val)!=null){
                                                        document.getElementById("Admin"+val).disabled=true;}
                                                    if(document.getElementById("Principle"+val)!=null){
                                                        document.getElementById("Principle"+val).disabled=true;}

                                                }
                                                else if(foo=="Admin")
                                                {
                                                    if(document.getElementById("Principle"+val)!=null){
                                                        document.getElementById("Principle"+val).disabled=false;}
                                                    if(document.getElementById("Public"+val)!=null){
                                                        document.getElementById("Public"+val).disabled=true;}
                                                    if(document.getElementById("Super_Admin"+val)!=null){
                                                        document.getElementById("Super_Admin"+val).disabled=true;}
                                                    if(document.getElementById("Agent"+val)!=null){
                                                        document.getElementById("Agent"+val).disabled=false;}
                                                }
                                                else if(foo=="Agent")
                                                {
                                                    if(document.getElementById("Principle"+val)!=null){
                                                        document.getElementById("Principle"+val).disabled=true;}
                                                    if(document.getElementById("Public"+val)!=null){
                                                        document.getElementById("Public"+val).disabled=true;}
                                                    if(document.getElementById("Super_Admin"+val)!=null){
                                                        document.getElementById("Super_Admin"+val).disabled=false;}
                                                    if(document.getElementById("Admin"+val)!=null){
                                                        document.getElementById("Admin"+val).disabled=false;}
                                                }
                                                else if(foo=="Agent,Admin" ||foo=="Admin,Agent")
                                                {	
													if(document.getElementById("Super_Admin"+val)!=null){
                                                   	document.getElementById("Super_Admin"+val).disabled=true;}
                                               		if(document.getElementById("Principle"+val)!=null){
                                                    document.getElementById("Principle"+val).disabled=true;}

                                                }
                                                else if(foo=="Agent,Super Admin")
                                                {	if(document.getElementById("Admin"+val)!=null){
                                                    document.getElementById("Admin"+val).disabled=true;}

                                                }
                                                else if(foo=="Public User")
                                                {	if(document.getElementById("Admin"+val)!=null){
                                                    document.getElementById("Admin"+val).disabled=true;}
                                                    if(document.getElementById("Super_Admin"+val)!=null){
                                                    document.getElementById("Super_Admin"+val).disabled=true;}
                                                    if(document.getElementById("Agent"+val)!=null){
                                                    document.getElementById("Agent"+val).disabled=true;}
                                                    if(document.getElementById("Principle"+val)!=null){
                                                    document.getElementById("Principle"+val).disabled=true;}
												}
                                                else if(foo=="Principle")
                                                {	if(document.getElementById("Public"+val)!=null){
                                                    document.getElementById("Public"+val).disabled=true;}
                                                    if(document.getElementById("Agent"+val)!=null){
                                                        document.getElementById("Agent"+val).disabled=true;}
                                                    if(document.getElementById("Admin"+val)!=null){
                                                        document.getElementById("Admin"+val).disabled=false;}
                                                    if(document.getElementById("Super_Admin"+val)!=null){
                                                        document.getElementById("Super_Admin"+val).disabled=false;}
                                                }
                                                else if(foo=="Principle,Admin")
                                                {
                                                    if(document.getElementById("Super_Admin"+val)!=null){
                                                        document.getElementById("Super_Admin"+val).disabled=true;}
                                                    if(document.getElementById("Agent"+val)!=null){
                                                        document.getElementById("Agent"+val).disabled=true;}
                                                }

                                            }
										</script>
                                        <input type="hidden" value="" name="id">
                                </div>
                            </div>
                        </td>
                        <td class="actions">
                            <div class="action-buttons" id="action_id">
                                <a class="table-actions" title="edit"  href="{!! route('edit-role', ['id'=>$data->id]) !!}"><i class="fa fa-pencil"></i></a>
                                <a class="table-actions" data-toggle="modal" title="delete" href="#delete_modal_{{ $data->id }}"><i class="fa fa-trash-o"></i></a>
                            </div>
                            <div class="action-buttons" id="action_id_force" style="display: none">
                                <!--<a class="table-actions"  href="{!! route('editcondos', ['id'=>$data->id]) !!}"><i class="fa fa-eye"></i></a>-->
                                <button type="submit" class="btn btn-xs btn-info">Save</button>
                                <button class="btn btn-xs btn-danger" type="button" onclick="cancelRole()">Canel</button>
                            </div>
                            </form>
                        </td>
                    </tr>
                    {{-- delete modal --}}
                        <div class="modal fade" id="delete_modal_{{ $data->id }}">
                            <div class="modal-dialog modal-sm">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                        <h4 class="modal-title">Delete User</h4>
                                    </div>
                                    <div class="modal-body">
                                        Are you sure you want to delete this user?
                                    </div>
                                    <form method="post" action="{{ route('delete_admin_user') }}">
                                        {{ csrf_field() }}
                                    <div class="modal-footer">
                                        <input type="hidden" name="id" value="{{ $data->id }}">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
                                        <button type="submit" class="btn btn-primary">Yes</button>
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    {{-- delete modal --}}
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script>
    function editUser(val){

        $("#roleid"+val).hide();
        $("#role_id"+val).show();
        $("#action_id"+val).hide();
        $("#action_id_force"+val).show();
    }
</script>
<script>
    function cancelRole(val){
        $("#roleid"+val).show();
        $("#role_id"+val).hide();
        $("#action_id"+val).show();
        $("#action_id_force"+val).hide();
    }
</script>

@stop