@include('include/header_new')
<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 active" aria-current="page"><a href="/home" style="color:#000;">Dashboard </a></li>
            <li class="breadcrumb-item" aria-current="page"><a href="/master_course_dashboard">Users</a></li>
        </ol>
    </nav>
</section>
<section class="container">
    <div class="row">
        <div class="col-lg-12 m-b-30">
            <div class="card border-0 bx-shadow p-15">
                <div class="row">
                    <div class="col-lg-12">
                        <h3>users</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <ul class="nav nav-pills mb-3  nav-justified parent-tab" id="myTab" role="tablist">
                            <li class="nav-item"> <a class="nav-link active" id="user-tab" data-toggle="tab" href="#userlist" role="tab" aria-controls="home" aria-selected="true">Users List</a> </li>
                            <li class="nav-item"> <a class="nav-link" id="email-tab" data-toggle="tab" href="#emailfun" role="tab" aria-controls="profile" aria-selected="false">Email functions</a> </li>
                            <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="/admin/user/download" role="tab" aria-controls="contact" aria-selected="false">Download Users</a> </li>
                            @if(Auth::user()->user_level=='1')
                            <li class="nav-item">
                                <button data-target="#createNewLevel1" id="createNewLevel1s" data-toggle="modal" class="btn btn-block p-7 rounded dk_blue_bg text-white d-block"><svg style="margin-right:10px;" enable-background="new 0 0 512 512" height="20px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="20px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <path d="M256,512C114.625,512,0,397.391,0,256C0,114.609,114.625,0,256,0c141.391,0,256,114.609,256,256  C512,397.391,397.391,512,256,512z M256,64C149.969,64,64,149.969,64,256s85.969,192,192,192c106.047,0,192-85.969,192-192  S362.047,64,256,64z M288,384h-64v-96h-96v-64h96v-96h64v96h96v64h-96V384z" class="icon_white"></path>
                                </svg>Create New User</button>
                            </li>
                            @endif
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="userlist" role="tabpanel" aria-labelledby="user-tab">
                                <div class="row search_user vcenter m-b-30">
                                    <div class="col-lg-12 col-md-12 text-center">
                                        <label class="mar0">Total Users <span class="text_light_red"> @php echo count($admin_users); @endphp </span></label>
                                    </div>
                                    <!--  <div class="col-lg-7 col-md-7">
                                        <div class="form-group mar0">
                                            <input type="text" id="search-table" class="form-control user_searchbox" placeholder="Search">
                                        </div>
                                    </div>--> 
                                    
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="site-table table-responsive">
                                            <table id="tableWithSearch_hourstable" class="dtable table table-striped table-bordered f-s-12" style="width:100%">
                                                <thead class="dk_blue_bg text_white">
                                                    <tr>
                                                        <th>Username</th>
                                                        <th>Role</th>
                                                        <th>Name</th>
                                                        <th>Email</th>
                                                        <th style="width: 15%;">Registered Date</th>
                                                        @if(Auth::user()->user_level=='1')
                                                        <th style="width: 10%;">Approved</th>
                                                        @endif
                                                        <th style="width: 15%;">Login</th>
                                                        <th style="width: 5%;">&nbsp;</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                
                                                @php $userlevel = Auth::user()->user_level; @endphp
                                                @foreach($admin_users as $row)
                                                @php $user_levels = ($row->user_level!='')?$row->user_level:'';
                                                @endphp
                                                <tr>
                                                    <td> @if($userlevel=='1' && $userlevel=='2') <a class="usernameRole"><img src="{!! asset('images/chat-noimage.png') !!}" class="user_profileicon" alt="user profile image" width="30"> <span>{{ $row->username}}</span> </a></td>
                                                    @else <a href="/admin/user/{{ $row->id}}/edit" class="usernameRole"> <img class="user_profileicon" src="{!! asset('images/chat-noimage.png') !!}" width="30"> <span>{{$row->username}}</span> </a>
                                                        </td>
                                                    @endif
                                                    
                                                    @if($user_levels=='1')
                                                    <td class="text-center"><span class="badge">A</span></td>
                                                    @else
                                                    <td></td>
                                                    @endif
                                                    <td>{{$row->first_name}} {{$row->last_name}}</td>
                                                    <td class="text-center">{{ $row->email}}</td>
                                                    <td class="text-center"> @if(isset($row->created_at))  {{date("M d, Y \a\\t h:i A", strtotime($row->created_at))}} @endif</td>
                                                    @if($row->approved=='YES')
                                                    <td class="text-center"><label class="pt-1 pb-1 pl-2 f-s-12 pr-2 rounded bg-success text-white">{{$row->approved}}</label></td>
                                                    @else
                                                    <td class="text-center"><label class="pt-1 pb-1 pl-2 f-s-12 pr-2 rounded bg-danger text-white">{{$row->approved}}</label></td>
                                                    @endif
                                                    {{--
                                                    <td class="text-center"><label class="pt-1 pb-1 pl-2 f-s-12 pr-2 rounded bg-success text-white">@if($userlevel==1)   {{$row->approved}}  @endif</label></td>
                                                    --}}
                                                    <td class="text-center">@if(isset($row->updated_at))  {{date("M d, Y \a\\t h:i A", strtotime($row->updated_at))}} @endif</td>
                                                    @if($userlevel!='1')
                                                    @else
                                                    <td><i class="fa fa-pencil-square-o" onclick="userprofile({{$row->id}})" aria-hidden="true"></i> <i class="fa fa-trash mar_l1" aria-hidden="true" data-target="#rowDelCnfm" data-toggle="modal" onclick="delete_user('{{$row->id}}','{{ csrf_token() }}')"></i></td>
                                                    @endif </tr>
                                                @endforeach
                                                    </tbody>
                                                
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="emailfun" role="tabpanel" aria-labelledby="email-tab">
                                <div class="email-notification mar_t20">
                                    <div class="row">
                                    <form class="col-lg-12" action="/admin/user/send_user_email" method="post" onsubmit="return email_valid();">
                                        <div class="row">
                                            <div class="col">
                                                <label>To</label>
                                                <select class="form-control resources_select" id="multi" multiple name="user_level[]">
                                                    <option value="1">Admin</option>
                                                    <option value="2">Special Users</option>
                                                    <option value="3">Users</option>
                                                </select>
                                                {{--
                                                <select class="form-control" id="multi" multiple name="user_level[]">
                                                    
                                                        
                                                        @foreach($level as $user_level)
                                                        
                                                        
                                                    <option value="{{$user_level->level_level}}">{{$user_level->level_name}}</option>
                                                    
                                                        
                                                        @endforeach
                                                    
                                                    
                                                </select>
                                                --}} </div>
                                            <div class="col">
                                                <label>Subject</label>
                                                <input type="text" class="form-control" name="subject" id="subject" placeholder="Write subject here" value="">
                                                <small class="text_grey">Select the user groups that will receive your email.(This will send as BCC)</small> </div>
                                        </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <div class="form-group">
                                                    <label>Message</label>
                                                    <textarea class="form-control" name="message" rows="4" id="message" placeholder="Write something here"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                <button type="submit" class="btn dk_blue_bg text-white email_update">Send</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>
<!-- <section>
    <div class="container">
        <div>
            <div class="site_tabs"> 
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Users List</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Email functions</a></li>
                    <li role="presentation"><a href="/admin/user/download">Download Users</a></li>
                </ul>
                
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane fade in active" id="home">
                        
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="profile">
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> --> 
@if(Auth::user()->user_level=='1')
<div id="createNewLevel1" class="modal comment-box right fade" role="dialog">
    <div class="modal-dialog"> 
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header lt_grey_bg p-2">
                <h3 class="m-b-0 lh-32">Create New User</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <svg enable-background="new 0 0 32 32" height="32px" id="Layer_1" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <g>
                    <polyline fill="none" points="   649,137.999 675,137.999 675,155.999 661,155.999  " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"></polyline>
                    <polyline fill="none" points="   653,155.999 649,155.999 649,141.999  " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"></polyline>
                    <polyline fill="none" points="   661,156 653,162 653,156  " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"></polyline>
                </g>
                <g>
                    <path d="M11.312,12.766c0.194,0.195,0.449,0.292,0.704,0.292c0.255,0,0.51-0.097,0.704-0.292c0.389-0.389,0.389-1.02,0-1.409   L4.755,3.384c-0.389-0.389-1.019-0.389-1.408,0s-0.389,1.02,0,1.409L11.312,12.766z" class="icon_dblue"></path>
                    <path d="M17.407,16.048L28.652,4.793c0.389-0.389,0.389-1.02,0-1.409c-0.389-0.389-1.019-0.561-1.408-0.171L15.296,15   c0,0-0.296,0-0.296,0s0,0.345,0,0.345L3.2,27.303c-0.389,0.389-0.315,1.02,0.073,1.409c0.194,0.195,0.486,0.292,0.741,0.292   s0.528-0.097,0.722-0.292L15.99,17.458l11.249,11.255c0.194,0.195,0.452,0.292,0.706,0.292s0.511-0.097,0.705-0.292   c0.389-0.389,0.39-1.02,0.001-1.409L17.407,16.048z" class="icon_dblue"></path>
                </g>
                </svg> </button>
            </div>
            <div class="modal-body no-shadow">
                <div class="col-xs-12" id="comment-form">
                    <div class=" row form">
                        <form class="form-horizontal ga-form" id="create_user" role="form" autocomplete="off" action="/admin/user" method="post">
                            @foreach($errors->all() as $err)
                            <div class="alert alert-danger"> {{$err}} </div>
                            @endforeach
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <input type="text" placeholder="First Name" name="first_name" value="" class="form-control">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <input type="text" placeholder="Last Name" name="last_name" value="" class="form-control">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <input type="text" placeholder="User Name" name="username" value="" class="form-control">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <input type="text" placeholder="Email Address" name="email" value="" class="form-control">
                                </div>
                            </div>
                            <div class="form-group m-b-0">
                                <div class="col-sm-12">
                                    <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
                                    <button type="submit" class="btn btn-dgblue float-right f-s-12 f-w-600">Add User</button>
                                    <button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>
                                </div>
                            </div>
                            
                            <!-- <div class="form-group">
                                <div class="col-sm-12"> <b>Note:</b> <span>A random password will be generated and emailed to the user.</span> </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-4"></div>
                                <div class="col-sm-8 m-t-40 m-b-40">
                                    <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
                                    <button type="submit" class="btn btn-primary">Add User</button>
                                    <button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>
                                </div>
                            </div>-->
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer"> <small> <span class="f-w-600 f-s-14">Note</span>: A random password will be generated and emailed to the user. </small> </div>
        </div>
    </div>
</div>
@endif
@include('include/footer_new') 
<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') !!}">
@if (count($errors)>0) 
<script> $('#createNewLevel1s').click();</script> 
@endif

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

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

    $(document).ready(function() { 
        var table = $('#tableWithSearch_hourstable').DataTable(); 
    });
    function delete_user(uid, tok){
    var r = confirm("Press YES to Delete User");
    if (r == true) {

    $.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/user/";
            }
    });
    }
    }

    function userprofile(uid){
    window.location.href = "/admin/user/" + uid + "/edit";
    }
</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');
    });
    $('.resources_select').select2();
    });

    function email_valid()
    {
        var subject = $('#subject').val();
        var message = $('#message').val();
        if ($('#multi :selected').text() == '') {
            alert("Please Select Email To option");
            return false;
        }
        else if (subject == '') {
            alert("Please Enter Subject");
            return false;
        }
        else if (message == '') {
            alert("Please Enter Message");
            return false;
        }
        else {
            return true;
        }
    }
    
    /* Create User validation */
    $.validator.addMethod("alphabetsnspace", function(alphabetsnspace, element) {
        return this.optional(element) || /^[a-zA-Z -]*$/.test(alphabetsnspace);
    });
    $('#create_user').validate({
        rules: {
            first_name: {
                required: true,
                alphabetsnspace: true
            },
            last_name: {
                required: true,
                alphabetsnspace: true
            },
            username: {
                required: true,
                alphabetsnspace: true
            },
            email: {
                required: true,
                email: true
            }
        },
        submitHandler: function(form) {
            sweetAlert({
                title: "Are You Sure!",
                text: "Want add User details!",
                type: "warning",
                showCancelButton: true,
                confirmButtonClass: "btn-danger",
                confirmButtonText: "Yes, Update!",
                closeOnConfirm: false,
                showLoaderOnConfirm: true
            },
            function(){
                var first_name = $('input[name="first_name"]').val();
                var last_name = $('input[name="last_name"]').val();
                var username = $('input[name="username"]').val();
                var email = $('input[name="email"]').val();
                var token = $('#_token').val();
                $.ajax({
                    url : "{!! url('/admin/user' ) !!}",
                    type: "POST",
                    data : {_token:token,first_name:first_name,last_name:last_name,username:username,email:email},
                    success: function(data) {
                        console.log(data);
                        if(data=='success'){
                            var data = "User Created Successfully!";
                            sweetAlert({
                                title: "Success!",
                                text: data,
                                type: "success"
                            }, function() {
                                window.location = "/admin/user";
                            });
                        }
                        else if(data=='exists') {
                            var data = "Username/Email already exists";
                            sweetAlert("Error!", data, "error");
                        }
                        else if(data=='hack') {
                            var data = "Token mismatch!";
                            sweetAlert("Error!", data, "error");
                        }
                        else{
                            var data = "User not created,Try again!";
                            sweetAlert("Error!", data, "error");
                        }
                    }
                });
            });
        },
        messages: {
            first_name: {
                required: "Please fill the First Name",
                alphabetsnspace: "This field accept letter's, Numbers and space only"
            },
            last_name: {
                required: "Please fill the Last Name",
                alphabetsnspace: "This field accept letter's, Numbers and space only"
            },
            username: {
                required: "Please fill the UserName",
                alphabetsnspace: "This field accept letter's, Numbers and space only"
            },
            email: {
                required: "Please fill the Email",
                email: "Enter a valid Email"
            }
        }
    }); 

    $(document).on("click", ".email_update", function () {
        var multi_user = $.trim($('#multi').val());
        var subject = $.trim($('#subject').val());
        var message = $.trim($('#message').val());
        $("#multi").next('span').remove();
        $("#subject").next('span').remove();
        $("#message").next('span').remove();
        if(multi_user == "" || subject == "" || message == "") {
            if (multi_user == '') {
                $('#multi').parent().append("<span class='text-danger'>Please fill the Email field</span>");
            }
            if (subject == '') {
                $('#subject').parent().append("<span class='text-danger'>Please fill the Subject</span>");
            }
            if (message == '') {
                $('#message').parent().append("<span class='text-danger'>Please fill the Message</span>");
            }
            return false;
        }
        else {
            if(multi_user!='' && subject!='' && message!='') {
                document.update_pro.submit();
            } else {
                return false;
            }
        }
    });

</script>