@extends('layouts.admin', ['currentPage' => 'Manage Users'])

@section('content')

<!-- Saved Users Grid -->
<div class="card">
    <div class="card-body">
        <div class="divUsersListing">

        </div>
    </div>
</div>
<!-- /Saved Users Grid -->

<!-- Create New User Modal -->
<div class="modal fade" id="newUser" tabindex="-1" aria-labelledby="newUser" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title">Add User</h1>
            </div>
            <form id="frmCreateUser" method="post">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label>Name</label>
                        <input id="username" name="username" type="text" class="form-control">
                    </div>
                    <div class="form-group">
                        <label>Email Address</label>
                        <input id="useremail" name="useremail" type="text" class="form-control">
                    </div>
                    <div class="form-group">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="adminCheck" name="adminCheck" />
                            <label class="custom-control-label" for="adminCheck">Admin Role</label>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary btnCreateUser">Create User</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /Create New User Modal -->

<!-- Edit User Modal -->
<div class="modal fade" id="modalEditUser" tabindex="-1" aria-labelledby="editUser" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

        </div>
    </div>
</div>
<!-- Edit User Modal -->

<!-- Reset Password Modal -->
<div class="modal fade" id="resetPassword" tabindex="-1" aria-labelledby="resetPassword" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title">Reset User Password</h1>
            </div>
            <form>
                <div class="modal-body">
                    <p>Once you reset the password a mail will be triggered to the intended user with the instructions
                        on how they can change their password. The user won't be able to login with their existing
                        password once you reset their password.</p>
                    <p>Would you like to proceed with resetting the password?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary btnResetPassword">Reset Password</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /Reset Password Modal -->

<!-- Delete Sftp Connection Modal -->
<div class="modal fade" id="deleteUserModal" tabindex="-1" aria-labelledby="deleteUserModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title">Delete User Record?</h1>
            </div>
            <form id="deleteCertForm">
                <div class="modal-body">
                    <div class="form-group">
                        <p class="modal-confirm-text">Are you sure you want to delete this User?</p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-primary" id="cancel-delete"
                        data-dismiss="modal">Cancel</button>
                    <button type="button" id="confirm-delete-user" class="btn btn-primary"
                        onclick="confirmDeleteUser(this);">Delete</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Delete Sftp Connection Modal -->

<!-- User activity Modal -->
<div class="modal fade" id="userActivity" tabindex="-1" aria-labelledby="userActivity" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title">
                    <div class="row">
                        <div class="col-sm-9">
                            User Activity Report
                        </div>
                        <div class="col-sm-3">
                            <select class="form-control mt-3 mt-sm-0" name="useractivitySpan" id="useractivitySpan">
                                <option value="week">This Week</option>
                                <option value="last_week">Last Week</option>
                                <option value="month">This Month</option>
                                <option value="last_month">Last Month</option>
                            </select>
                        </div>
                    </div>
                </h1>
            </div>

            <form id="formUserActivity">
                <div class="mb-4">
                    <div class="">
                        <div class="chart-loader" id="activityChartLoader">
                            <img src="{{ asset('images/loader.gif') }}" class="img-responsive" alt="Loader" />
                        </div>

                        <canvas id="useractivityChart"></canvas>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
<!-- /User activity Modal -->
@endsection