@include('include/header_new')
<style>
.onoffswitchx {
	position: relative;
	width: 60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	float:left;
}
.onoffswitchx-checkbox {
	display: none;
}
.onoffswitchx-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #999999;
	border-radius: 20px;
	text-align: left;
}
.onoffswitchx-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitchx-inner:before, .onoffswitchx-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}
.onoffswitchx-inner:after {
	content: "ON";
	padding-right: 10px;
	background-color: #284FA3;
	color: #fff;
	text-align: right;
}
.onoffswitchx-inner:before {
	content: "OFF";
	padding-left: 10px;
	background-color: #f00;
	color: #FFFFFF;
}
.onoffswitchx-switch {
	display: block;
	width: 12px;
	margin: 5px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 36px;
	border: 2px solid #999999;
	border-radius: 20px;
	transition: all 0.3s ease-in 0s;
}
.onoffswitchx-checkbox:checked + .onoffswitchx-label .onoffswitchx-inner {
	margin-left: 0;
}
.onoffswitchx-checkbox:checked + .onoffswitchx-label .onoffswitchx-switch {
	right: 0px;
}

.onoffswitchx1 {
    position: relative;
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float:right;
}

.onoffswitchx-checkbox1 {
    display: none;
}
.onoffswitchx-label1 {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
    text-align: right;
}

.onoffswitchx-inner1 {
    display: block;
    width: 200%; 
    transition: margin 0.3s ease-in 0s;
    margin-right: -100%;
} 
.onoffswitchx-inner1:after, .onoffswitchx-inner1:before {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitchx-inner1:after {
    content: "OFF";
    padding-left: 10px;
    background-color: #f00;
    color: #FFFFFF;
    text-align: left;
    margin-left: -100%;
}
.onoffswitchx-inner1:before {
    content: "ON";
    padding-right: 10px;
    background-color: #284FA3;
    color: #fff; 
     text-align: right;
} 

.onoffswitchx-switch1 {
    display: block;
    width: 12px;
    margin: 5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    border: 2px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitchx-checkbox1:checked + .onoffswitchx-label1 .onoffswitchx-inner1 {
    margin-right: 0;
    margin-left: 100%;
}
.onoffswitchx-checkbox1:checked + .onoffswitchx-label1 .onoffswitchx-switch1 {
    left: 36px;
}

.onoffswitchx1 label {
    margin-bottom: -2px;
}
.onoffswitchx label {
	margin-bottom: -2px;
}

</style>
<section class="container body-content"> 
    <!-- breadcrumb -->
    <nav aria-label="breadcrumb" class="row">
        <ol class="breadcrumb bg-transparent col-lg-12 p-20 m-b-5">
            <li class="breadcrumb-item" aria-current="page"><a href="/home" style="color:#000;"> Home Dashboard </a></li>
            <li class="breadcrumb-item" aria-current="page"><a href="/admin/user" style="color:#000;">Users</a></li>
            <li class="breadcrumb-item active" aria-current="page"><a href="">User Profile</a></li>
        </ol>
    </nav>
</section>
<section class="container userlists">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <form method="POST" action="/admin/user/{{$user_details->id}}" >
                        <input name="_method" type="hidden" value="PUT">
                        <ul class="nav nav-tabs nav-pills nav-justified parent-tab p-b-20" id="myTab" role="tablist">
                            <li class="nav-item"> <a class="nav-link active" id="generalsettings-tab" data-toggle="tab" href="#generalsettings" role="tab" aria-controls="generalsettings" aria-selected="true">General Settings</a> </li>
                            <li class="nav-item"> <a class="nav-link" id="agencyname-tab" data-toggle="tab" href="#AgencyName" role="tab" aria-controls="AgencyName" aria-selected="false">University Name</a> </li>
                            <li class="nav-item"> <a class="nav-link" id="agencyname-tab" data-toggle="tab" href="#Priority" role="tab" aria-controls="Priority" aria-selected="false">Priority</a> </li>
                            <li class="nav-item"> <a class="nav-link" id="agencyname-tab" data-toggle="tab" href="#Strategies" role="tab" aria-controls="Strategies" aria-selected="false">Strategies</a> </li>
                            <li class="nav-item"> <a class="nav-link" id="agencyname-tab" data-toggle="tab" href="#Address" role="tab" aria-controls="Address" aria-selected="false">Address</a> </li>
                            <li class="nav-item"> <a class="nav-link" id="agencyname-tab" data-toggle="tab" href="#Region" role="tab" aria-controls="Region" aria-selected="false">Region</a> </li>
                            <li class="nav-item"> <a class="nav-link" id="accesslogs-tab" data-toggle="tab" href="#accesslogs" role="tab" aria-controls="accesslogs" aria-selected="false">Access Logs</a> </li>
                        </ul>
                        <div class="tab-content m-t-30" id="myTabContent">
                            <div class="tab-pane fade show active" id="generalsettings" role="tabpanel" aria-labelledby="generalsettings-tab">
                                <div class="form-row input-mb-15">
                                    <div class="col-md-3">
                                        <label>Name</label>
                                        <input type="text" name="user[name]" id="name" value="{{$user_details->first_name}} {{$user_details->last_name}}" class="form-control">
                                    </div>
                                    <div class="col-md-3">
                                        <label>Username</label>
                                        <input type="text" placeholder="" id="username" name="user[username]" value="{{$user_details->username}}" class="form-control">
                                    </div>
                                    <div class="col-md-3">
                                        <label>Password</label>
                                        <input type="password" placeholder="" name="user[password]" value="" class="form-control">
                                    </div>
                                    <div class="col-md-3">
                                        <label>Password Again</label>
                                        <input type="password" placeholder="" name="user[cpassword]" value="" class="form-control">
                                    </div>
                                </div>
                                <div class="form-row input-mb-15">
                                    <div class="col-md-3">
                                        <label>Phone Number</label>
                                        <input type="text" value="{{$user_details->phone}}" name="user[phone]" id="user[phone]" placeholder="(+123) 456-7890" class="form-control">
                                    </div>
                                    <div class="col-md-3">
                                        <label>Email</label>
                                        <input type="text" placeholder="" id="email" name="user[email]" value="{{$user_details->email}}" class="form-control">
                                    </div>
                                    <div class="col-md-3">
                                        <label>Region</label>
                                        <input type="text" readonly placeholder="" name="" value="" class="form-control">
                                    </div>
                                    <div class="col-md-3">
                                        <label>Position</label>
                                        <select class="form-control" name="user[position]">
                                            <option value="">Select</option>
                                            <option value="Director" {{($user_details->position=='Director')?'selected':''}}> Director </option>
                                            <option value="Project Coordinator" {{($user_details->position=='Project Coordinator')?'selected':''}}> Project Coordinator </option>
                                            <option value="Evaluator" {{($user_details->position=='Evaluator')?'selected':''}}> Evaluator </option>
                                            <option value="Project Assistant" {{($user_details->position=='Project Assistant')?'selected':''}}> Project Assistant </option>
                                            <option value="CPAW-Member" {{($user_details->position=='CPAW-Member')?'selected':''}}> CPAW-Member </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-row input-mb-15">
                                    <div class="col-md-3">
                                        <label>Associated Agencies</label>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                  <select class="form-control" name="" multiple="" disabled="">                                            
                                            @foreach($agencies as $agency) 
                                            <option selected>{{$agency->NAME}}</option> 
                                            @endforeach
                                        
                                        </select>
                                            </div>
                                        </div>
                                    </div>
                                    @php $aduser_level = Auth::user()->user_level; @endphp
                                    @if($aduser_level==1)
                                    <div class="col-md-3">
                                        <label>Account Status</label>
										@if($user_details->approved=='YES')
                                        <p>
                                            <button type="button" class="btn btn-success"> Approved 
                                            </button>
                                        </p>
										@else
										<p>
                                            <button type="button" class="btn btn-success"> Pending 
                                            </button>
                                        </p>
										@endif
                                    </div>
                                     @php $user_level = ($user_details->user_level!='')?$user_details->user_level:'3';     @endphp
                                    <div class="col-md-3">
                                        <label>User Levels</label>
                                        <select class="form-control" data-init-plugin="select2" name="user[user_level]">
                                            <option value="1" {{($user_level==1)?'selected':""}}> Admin </option>
                                            <option value="2"  {{($user_level==2)?"selected":""}}> Special Users </option>
                                            <option
                                                    value="3" {{($user_level==3)?"selected":''}}> Users </option>
                                            <option
                                                    value="4" {{($user_level==4)?"selected":''}}> Middle Admin </option>
                                            <option
                                                    value="5" {{($user_level==5)?"selected":''}}> Consultants (View only) </option>
                                            <option
                                                    value="6" {{($user_level==7)?"selected":''}}> GRA </option>
                                        </select>
                                    </div>
									@endif
                                    <div class="col-md-3">
                                        <div class="custom-control custom-switch custom-checkbox" >
                                            <input type="checkbox" name="onoffswitchx1" class="custom-control-input onoffswitchx-checkbox1" onclick="add_rmv_associate()" id="myonoffswitchx1" >
                                            <label class="custom-control-label" for="myonoffswitchx1">Remove Assoications </label>
                                        </div>
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" name="onoffswitchx1" class="custom-control-input onoffswitchx-checkbox1" onclick="add_rmv_associate()" id="myonoffswitchx2" >
                                            <label class="custom-control-label" for="myonoffswitchx2">Toggle this switch element</label>
                                        </div>
                                        <input type="hidden" name="associate" id="associate" value="{{($user_details->assoc_univ!='')?'1':'0'}}	">
                                        <!-- <div class="list-group"> 
                                                <label class="switch ">
                                                <input type="checkbox" class="default">
                                                <span class="slider round"></span>
                                                </label>
                                                </div> -->
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" id="checkResUser" name="user[restricted]" @if($user_details->
                                            restricted == '1')  checked @endif  class="custom-control-input">
                                            <label class="custom-control-label f-s-13" for="checkResUser">Restrict user</label>
                                        </div>
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" id="checkDelUser" name="user[delete]" class="custom-control-input">
                                            <label class="custom-control-label f-s-13" for="checkDelUser">Delete user?(can not be undone)</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                           @foreach($menu as $val)
                        @php $f=1; @endphp 
                        <!-- agency name -->
                        <div role="tabpanel" class="tab-pane fade"  id="{{str_replace(' ', '', $val)}}">
                            <!-- <div class="row">
                                <h2 class="tab_title">{{$val}}</h2> -->
                                @php  $i=$f;  @endphp
                                @foreach($menu_tab as  $vals)
                                @if($vals->section==$val)
                                
                                @php    $exm = $pdata[$vals->id]->toArray();   $k = ($i);$i++;    @endphp
                                <!-- <div class="col-md-12"> -->
                                    <div class="form-group">
                                        <label>{{$vals->label}}</label>
										                                        @if($vals->type == "checkbox")
                                        <input type="hidden" name="profile[{{$vals->id}}]" value="0">
                                        <input type="{{$vals->type}}" name="profile[{{$vals->id}}]" {{(isset($exm[0]->
                                        profile_value) && ($exm[0]->profile_value == '1'))?'checked':''}}  >
                                        @else
                                        <input type="{{$vals->type}}" name="profile[{{$vals->id}}]" value="{{(isset($exm[0]->profile_value))?$exm[0]->profile_value:''}}" class="form-control">
											@endif  </div>
                                <!-- </div> -->
                                @endif
                                @endforeach </div>
                        <!-- </div> -->
                        @endforeach 
                            
                             <!-- accesslogs start-->
                            <div class="tab-pane fade" id="accesslogs" role="tabpanel" aria-labelledby="accesslogs-tab">
                                <div class="row">
                                    <div class="col-md-4 offset-md-4">
                                        <div class="table-responsive">
                                            <table class="table table-hover">
                                                <thead class="dk_blue_bg text-white">
                                                    <tr>
                                                        <th scope="col">Last Login</th>
                                                        <th scope="col">Location</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                     @foreach($login as $row_lastlogin)
													<tr>
														<td>{{isset($row_lastlogin->timestamp)?date("M d, Y \a\\t h:i A", strtotime($row_lastlogin->timestamp)):''}}</td>
														<td>{{$row_lastlogin->ip}}</td>
													</tr>
													@endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row justify-content-center m-t-20"> 
                                <input type="hidden" name="_token"  value="{{ csrf_token() }}">
                                <input type="hidden" value="{{$user_details->id}}" name="user_id" id="user_id">
                                <button type="submit" class="btn btn-md dk_blue_bg text-white m-r-20 f-w-600">Update</button>
                                <a href="admin/user" class="btn btn-md lt_blue_bg text-dblue f-w-600">Back</a> </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@include('include/footer_new') 
<script type="text/javascript">
    $(document).ready(function () {

        $('#accordion .panel-collapse').on('show.bs.collapse', function () {
            $(this).siblings('.panel-heading').addClass('active');
        });
        $('#accordion .panel-collapse').on('hide.bs.collapse', function () {
            $(this).siblings('.panel-heading').removeClass('active');
        });
        $('.agency_select').select2();
    });
</script> 
<script>
    $(document).ready(function () {
        $('#horizontalTab').easyResponsiveTabs({
            type: 'default', //Types: default, vertical, accordion
            width: 'auto', //auto or any width like 600px
            fit: true, // 100% fit in a container
            closed: 'accordion', // Start closed if in accordion view
            activate: function (event) { // Callback function if tab is switched
                var $tab = $(this);
                var $info = $('#tabInfo');
                var $name = $('span', $info);
                $name.text($tab.text());
                $info.show();
            }
        });
    });

    $(document).on("click", ".update_pro", function () {
        var pro_name = $.trim($('#name').val());
        var pro_username = $.trim($('#username').val());
        var pro_email = $.trim($('#email').val());
        $("#name").next('span').remove();
        $("#username").next('span').remove();
        $("#email").next('span').remove();
        if(pro_name == "" || pro_username == "" || pro_email == "") {
            if(pro_name == '') {
                $('#name').parent().append("<span class='text-danger'>Please fill the Name field</span>");
            }
            if(pro_username == '') {
                $('#username').parent().append("<span class='text-danger'>Please fill the UserName field</span>");
            }
            if(pro_email == '') {
                $('#email').parent().append("<span class='text-danger'>Please fill the Email</span>");
            }
            return false;
        }else if(pro_email != '') {
            if (!ValidateEmail(pro_email)) {
                $('#email').parent().append("<span class='text-danger'>Invalid Email</span>");
                return false;
            }
        }
        else {
            if(pro_name!='' && pro_username!='' && pro_email!='') {
                $.ajax({
                    url : "update_profile.php",
                    type: "POST",   
                    data : {username:userName,email:userEmail,formName:formName,recID:recID},          
                    success: function(data) {
                      console.log(data);
                      cthis.removeClass('sect-load');
                      if(data=='error'){
                        cthis.addClass("has-error");
                        cthis.parent().append("<span class='text-danger'>"+text+" already exist!</span>");
                        cthis.focus();              
                      } 
                      else if(data=='success'){
                        cthis.addClass("has-success");
                        cthis.parent().find('.text-danger').remove();
                      }
                    }
                });
                document.update_pro.submit();
            } else {
                return false;
            }
        }
    });

    function add_rmv_associate() {  
        var assoc_opt = $("#associate").val();
        if(assoc_opt=='1') {  
            $("#associate").val('0');
        }
        else {  
            $("#associate").val('1'); 
        }
    }
  </script>
@if(session()->has('aalert-success'))
{ 
<script type="text/javascript">
    sweetAlert("Error", "Username / Email already exists", "error");
</script> 
}
@endif