@extends('layouts.dashboard')
@section('content') 
    <div class="container">    
        <div class="contentbox">
            <div class="contentboxheading"><i class="las la-user-tie"></i><span id="formStatus">Resend Users Credential</span>
            <a class="btn btn-primary pull-right mt-2 mr10 btn-form-toggle"><span>Show</span> Form</a>              
            </div>
            <div class="contentboxinner">
                @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }} 
                    </div>   
                @endif 
                <div class="form-container fhide">
                    <form class="row g-3" id="emailsUser">
                        @csrf
                        <div class="alert alert-danger errorMsgUpdt" style="display:none;"></div>
                        <div class="row mt-3" id="div_AllInputField">
                            <div class="col-md-3">
                                <label for="fname" class="form-label ml10">First Name</label>
                                <input type="text" class="form-control filter-fields" name="fname" placeholder=" First name">
                            </div>   

                            <div class="col-md-3">
                                <label for="lname" class="form-label ml10">Username</label>
                                <input type="text" class="form-control filter-fields" name="username" placeholder="Username">
                            </div>
                        
                            <div class="col-md-3">
                                <label for="email" class="form-label ml10"> User Email</label>
                                <input type="email" class="form-control filter-fields" name="email" placeholder="example@example.xom">
                            </div>

                            <div class="col-md-3 mt-2">
                                <button type="button" class="btn btn-primary mt-4 mb-4 search-filter">Submit</button>
                                <button type="button" class="btn btn-primary ml-2 mt-4 mb-4" type="button" onclick="Javascript:window.location.reload()">Reset</button>
                            </div>
                        </div> 
                    </form>            
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="subheading mt-2">Registered Users
                            <div class="float-end">
                                <button type="button" class="btn btn-primary sendEmail">Send email(s) to selected users</button>  
                            </div>
                        </div>
                        <div class=" mt-3 mb-3">
                            <table class="table table-striped" id="tbl_alluser">
                                <thead>
                                    <tr>
                                        <th><input type="checkbox" class="form_control" id="selAll"></th>
                                        <th>FirstName</th>
                                        <th>LastName</th>
                                        <th>UserName</th>
                                        <th>Email</th>
                                        <th>User Type</th>
                                        <th>Agency</th>
                                        <th>Status</th>
                                        <th>Last Login</th>
                                        <th>Created Date</th>
                                    </tr>
                                </thead>
                                <tbody id="ajaxData">@include('user.allUser_ajax')</tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footer_scripts')
<script>
$(document).ready(function () {
    $(document).on('click', '#selAll', function(){
        if($(this).is(':checked')){
            $('input[name="inputs[]"]').prop('checked',true);
        }else{
            $('input[name="inputs[]"]').prop('checked',false);
        }
    });
    $(document).on('change', 'input[name="inputs[]"]', function (){
        if(!$(this).is(':checked')){
            $('#selAll').prop('checked',false);
        }
    });
    $(document).on('click', '.loggedinasUser', function (){
        let id = $(this).data('id');
        $.ajax({
            type: 'POST',
            dataType: 'json',
            data: {_token:_token,refId:id},
            url: APP_URL+"/loggedin-as-user",
            success: function(res) {
                if(res.status){
                    window.location.href = APP_URL+'/home';
                }            
            },
            error: function(data) {  
            ajax_error2(data);
            }
        });
    })
});
</script>
@endsection