@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 class="active">User Levels </li>
                </ol>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">User Levels</h1>
            </div>
        </div>
        <div class="row search_user vcenter">
            <div class="col-md-2 col-sm-4 col-xs-12">
                <label class="mar0">Total Agencies <span class="text_light_red">{{count($admin_level)}}</span></label>
            </div>
            <div class="col-md-7 col-sm-4 col-xs-12">
                <div class="form-group mar0">
                    <input type="text" id="search-table" class="form-control" placeholder="Filter by University">
                </div>
            </div>
            <div class="col-md-3 col-sm-4 col-xs-12">
                <div class="form-group mar0">
                    <button type="submit" class="button pull-right" data-toggle="modal" data-target="#create_userlevel"><i class="fa fa-plus-circle"></i>Create New Level</button>
                </div>
            </div>
        </div>
        <div class="site-table table-responsive" style="overflow-x: visible;">
            <table class="table allUsersList" id="tableWithSearch">
                <thead>
                    <tr>
                        <th class="left_align">Name</th>
                        <th>Level</th>
                        <th>Active Users</th>
                        <th>Redirect</th>
                    </tr>
                </thead>
                <tbody>
                
                @foreach($admin_level as $level)
                <tr>
                    <td><span><a href="/admin/user/edit_levels/{{$level->id}}" >{{$level->level_name}}</a></span></td>
                    <td class="text-center"><span class="badge1  @if($level->level_level == '1') {{"badge badge_red"}} @elseif($level->level_level == '2') {{"badge badge_blue"}} @else {{"badge_grey"}} @endif" data-original-title="Admin" data-toggle="tooltip">{{$level->level_level}}</span></td>
                    <td class="text-center">{{count($users[$level->level_level])}}</td>
                    <td class="text-center">{{$level->redirect}}</td>
                </tr>
                @endforeach
                    </tbody>
                
            </table>
        </div>
    </div>
</section>
<!-- start create new user level popup window -->
<div id="create_userlevel" class="modal comment-box right fade" role="dialog">
    <div class="modal-dialog"> 
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title text_blue">Create New Level</h3>
            </div>
            <div class="modal-body no-shadow">
                <div class="row" id="comment-form">
                    <div class="col-xs-12 form">
                        <form role="form" id="val_level" autocomplete="off" action="/admin/user/create_level" method="post">
                            <div class="form-group">
                                <label>Name</label>
                                <input type="text" class="form-control" name="name" placeholder="Full Name">
                            </div>
                            <div class="form-group">
                                <label>Redirect</label>
                                <input type="text" class="form-control" name="redirect" placeholder="eg: https://www.youtube.com">
                                <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 class="col-xs-12 col-sm-12 text-center form">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <button type="submit">Submit</button>
                                <button type="button" class="mar_l10 cancel_btn" data-dismiss="modal">Cancel</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('include/footer') 
<script src="{!! asset('js/plugins/jquery.validate.min.js') !!}"></script> 
<script src="{!! asset('js/sweetalert-dev.js') !!}"></script>
<link rel="stylesheet" href="{!! asset('css/sweetalert.css') !!}">
<script>
    $.validator.addMethod("levelname", function(levelname, element) {
        return this.optional(element) || /^[a-zA-Z ]*$/.test(levelname);
    });
    $('#val_level').validate({
        rules: {
            name: {
                required: true,
                levelname: true
            },
            redirect: {
                url: true
            }
        },
        messages: {
            name:{
                required: "This fiels is required",
                levelname: "This field accept letter's and space only"
            },
            redirect:{
                url: "Please enter a valid URL"
            }
        }
    });

    function userprofile(uid){
        window.location.href = "/admin/user/" + uid + "/edit";
    }
</script> 
@if(session()->has('level-success'))
{ 
<script type="text/javascript">
sweetAlert("Success", "Level Created Successfully", "success");
</script> 
}
@endif

@if(session()->has('lev_update_success'))
    { 
<script type="text/javascript">
        sweetAlert("Success", "Level updated Successfully", "success");
    </script> 
}
@endif