@include('include/header')
<section >
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <ol class="breadcrumb">
                    <li><a href="/home">Dashboard</a></li>
                    <li><a href="/admin/user/user_level">User Levels</a></li>
                    <li class="active">{{$user_level['levels'][0]->level_name}} </li>
                </ol>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">{{$user_level['levels'][0]->level_name}} <small class="text_black fb_300">(Level Control)</small></h1>
            </div>
        </div>
        <form role="form" id="level_edit" name="level_edit" autocomplete="off" action="/admin/user/update_level/{{$user_level['levels'][0]->id}}" method="post">
            <div class="row form">
                <div class="form-group col-sm-4">
                    <label>Name</label>
                    <input type="text" class="form-control" name="level_name" placeholder="Name" value="{{$user_level['levels'][0]->level_name}}">
                </div>
                <div class="form-group col-sm-4">
                    <label>Level</label>
                    <input type="text" class="form-control" name="level_level" placeholder="1" readonly value="{{$user_level['levels'][0]->level_level}}">
                </div>
                <div class="form-group col-sm-4">
                    <label>Redirect</label>
                    <input type="text" class="form-control" name="redirect" placeholder="eg: www.youtube.com" value="{{$user_level['levels'][0]->redirect}}">
                    <p class="mar_t5"><small class="fb_500 mar_t5"><span class="text_blue">When logging in,this user will be redirected to the URL you specify. Leave blank to redirect to the referring page.</span></small></p>
                </div>
            </div>
            <div class="row form">
                <div class="form-group col-sm-4">
                    <label class="ele_bl">Welcome Email</label>
                    <label class="mar_b10 checkbox_normal">
                        <input type="checkbox" name="welcome_email" @if($user_level['levels'][0]->
                        welcome_email == '1') {{"checked"}} @endif id="checkbox8"> <span class="custom-icon checkbox-icon"></span>Send welcome email when users join this level </label>
                    <p class=""><small class="fb_500 mar_t5"><span class="text_blue">When logging in,this user will be redirected to the URL you specify. Leave blank to redirect to the referring page.</span></small></p>
                </div>
                <div class="form-group col-sm-4">
                    <label class="ele_bl">Disable</label>
                    <label class="mar_b10 checkbox_normal">
                        <input type="checkbox" @if($user_level['levels'][0]->
                        level_disabled == '1') {{"checked"}} @endif id="checkbox9" name="disable"> <span class="custom-icon checkbox-icon"></span>Prevent this level from accessing any secure content </label>
                </div>
                <div class="form-group col-sm-4">
                    <label class="ele_bl">Delete</label>
                    <label class="mar_b10 checkbox_normal">
                        <input type="checkbox" name="delete" id="delete_level">
                        <span class="custom-icon checkbox-icon"></span>Remove this level from the database disabled </label>
                </div>
                <input type="hidden" name="level_id" value="{{$user_level['levels'][0]->id}}">
            </div>
            <div class="col-xs-12 col-sm-12 text-center mar_b20">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <button class="button" type="submit">Update</button>
            </div>
        </form>
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">{{$user_level['levels'][0]->level_name}}<small class="text_black fb_300"> Existing User</small></h1>
            </div>
        </div>
        <div>
            <div class="site-table table-responsive mar_t30" style="overflow-x: visible;">
                <table class="table" id="edit_user_level">
                    <thead>
                        <tr>
                            <th>Username</th>
                            <th>Role</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Registered Date</th>
                            <th>Login</th>
                            <th>&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                    
                    @foreach($user_level['users'] as $users)
                    <tr>
                        <td><a href="/admin/user/{{$users->id}}/edit" class="usernameRole"><img src="{!! asset('images/chat-noimage.png') !!}" class="user_profileicon" alt="user profile image" width="30"> <span>{{$users->username}}</span></a></td>
                        @if($user_level['levels'][0]->level_level == '1')
                        <td class="text-center"><span class="badge">A</span></td>
                        @elseif($user_level['levels'][0]->level_level == '2')
                        <td class="text-center"><span class="badge">S</span></td>
                        @elseif($user_level['levels'][0]->level_level == '3')
                        <td class="text-center"><span class="badge">U</span></td>
                        @endif
                        <td>{{$users->first_name}} {{$users->last_name}}</td>
                        <td class="text-center">{{$users->email}}</td>
                        <td class="text-center">@if(isset($users->created_at)) {{date("M d, Y \a\\t h:i A", strtotime($users->created_at))}} @endif</td>
                        <td class="text-center">@if(isset($users->last_login)){{date("M d, Y \a\\t h:i A", strtotime($users->last_login))}} @endif</td>
                        <td><i class="fa fa-pencil-square-o" aria-hidden="true" onclick="userprofile({{$users->id}})"></i> <i class="fa fa-trash mar_l10" aria-hidden="true" onclick="delete_user({{$users->id}})"></i></td>
                    </tr>
                    @endforeach
                        </tbody>
                    
                </table>
            </div>
        </div>
    </div>
</section>
@include('include/footer') 
<script src="{!! asset('js/plugins/jquery.validate.min.js') !!}"></script> 
<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');
    });
    });</script> 
<script>
    function delete_user(uid){
    sweetAlert({
        title: "Are You Sure!",
        text: "Want add the Delete level!",
        type: "warning",
        showCancelButton: true,
        confirmButtonClass: "btn-danger",
        confirmButtonText: "Yes, Delete!",
        closeOnConfirm: false,
        showLoaderOnConfirm: true
    },
    function(){
    $.ajax({
    type:'delete',
        dataType:'json',
        data:{id:uid, _token:tok},
        url: "{!! url('/admin/user' ) !!}" + "/" + uid,
        success:function (data) {
        sweetAlert("Success", "User Deleted", "success");
        window.location.href = "/admin/agency/user_level";
        }
    });
    });
    }

    $(document).on("click", "#delete_level", function () {
        if(this.checked) {
            sweetAlert({
                title: "Are You Sure!",
                text: "Want add the Delete level!",
                type: "warning",
                showCancelButton: true,
                confirmButtonClass: "btn-danger",
                confirmButtonText: "Yes, Delete!",
                closeOnConfirm: true,
                closeOnCancel: true,
                showLoaderOnConfirm: true
            },
            function(isConfirm){
                if (isConfirm) {
                    return false;
                } else {
                    $('#delete_level').prop('checked',false);
                }
            });
        }
    });

    function userprofile(uid){
    window.location.href = "/admin/user/" + uid + "/edit";
    }

    $.validator.addMethod("levelname", function(levelname, element) {
        return this.optional(element) || /^[a-zA-Z ]*$/.test(levelname);
    });
    $('#level_edit').validate({
        rules: {
            level_name: {
                required: true,
                levelname: true
            },
            redirect: {
                url: true
            }
        },
        messages: {
            level_name:{
                required: "This fiels is required",
                levelname: "This field accept letter's and space only"
            },
            redirect:{
                url: "Please enter a valid URL"
            }
        }
    });
</script>