@extends('layouts.superadmin')
@section('content')
@push('stylesheets')
@endpush
<!-- Page Content -->
<div class="page-content-wrapper">
    <div class="container-fluid">
        <!-- Page Header -->
        <div class="page-header">
            <div class="row">
                @include('includes.client-popup')
                <div class="col-md-4 col-sm-12 order-md-1">
                    <h2><i class="fa fa-user"></i> Users</h2>
                </div>
            </div>
        </div>

        <!-- /#Page Header -->
        <!-- Breadcrumb -->
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active" aria-current="page">Users</li>
                &nbsp;<a href="javascript:void(0);" onclick="addQuicklink('List Employees',location.href);"
                    title="Quicklink this page!"><i class="fa fa-link" aria-hidden="true"></i></a>
            </ol>
        </nav>
        <!-- /#Breadcrumb -->
        <div class="sub-header">
            <div class="row">
                <div class="col-sm-8 col-12">
                    <h4>List Users</h4>
                </div>
                <div class="col-sm-4 col-12">

                    <a href="/employees/create"><button type="button"
                            class="btn btn-outline-primary float-left float-sm-right mb-2">Create Employee</button></a>


                </div>
            </div>
        </div>
        @if ($message = Session::get('success'))
        <br />
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
        @endif
        @if ($message = Session::get('error'))
        <br />
        <div class="alert alert-danger">
            <p>{{ $message }}</p>
        </div>
        @endif
        <!-- User Listing -->
        <div class="table-responsive-md">
            <table class="table table-striped data-table">
                <thead class="thead-dark">
                    <tr>
                        <th>Name</th>
                        <th>Email</th>
                        <!-- <th>Documents</th> -->
                        <th>Is Active</th>
                        <th class="text-right">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach( $employees as $key=>$employee)
                    @php $user = $employee;
                    $data ='';
                    if($user->last_login !=NULL && $user->last_login !='0000-00-00 00:00:00'){
                    $data .='<b>Last Login:</b> '.date("d/m/Y g:i a", strtotime($user->last_login)).'~';
                    }
                    if($user->completeddatetime !=NULL && $user->completeddatetime !='0000-00-00 00:00:00'){
                    $data .='<b>Completed Date:</b> '.date("d/m/Y g:i a", strtotime($user->completeddatetime)).'~';
                    }
                    if($user->createdtime !=NULL && $user->createdtime !='0000-00-00 00:00:00'){
                    $data .='<b>Created Date:</b> '.date("d/m/Y g:i a", strtotime($user->createdtime)).'~';
                    }
                    @endphp
                    <tr>
                        <input type="hidden" id="hid_activity_"
                            value="" />
                        <td>{{$employee->firstname}} {{$employee->lastname}}</td>
                        <td>{{$employee->email}}</td>

                        <!-- <td>
                            Incomplete                        </td> -->

                        <td>@if($employee->status == "0") {{"In Active"}} @else {{"Active"}} @endif</td>
                        <td class="text-right">

                            <a href="/employees/{{$employee->id}}/edit"><button type="button"
                                    class="btn btn-link btn-icon c-yellow" title="Edit"><i
                                        class="fa fa-edit"></i></button></a>

                            <a class="btn btn-link btn-icon" title="Delete" href="/employee/delete/{{$employee->id}}"
                                onclick="return confirm('Are you sure you want to delete user: {{$employee->firstname}} {{$employee->lastname}}?')"><i
                                    class="far fa-trash-alt c-red"></i></a>

                            <a class="btn btn-link btn-icon" title="Activity Log" href="javascript:void(0);"
                                id="activity"
                                onclick="showActivity('',' ','');"><i
                                    class="fa fa-tasks c-secondary"></i></a>
                            <a class="btn btn-link btn-icon" title="Rewind"
                                href="/superadmin/user/resettoreview/id/19481"
                                onclick="return confirm('Are you sure you want to Rewind user to beginning of enrollment: 560150225?')"><i
                                    class="fa fa-step-backward c-green"></i></a>
                            <a class="btn btn-link btn-icon" title="Reset" href="/superadmin/user/reset/id/19481"
                                onclick="return confirm('Are you sure you want to reset user: 560150225? Note this will wipe out all user data')"><i
                                    class="fa fa-sync c-secondary"></i></a>
                            <a class="btn btn-link btn-icon" title="Login & Fill"
                                href="/auto-login/{{ Crypt::encryptString($employee->id) }}"><i
                                    class="fa fa-sign-out-alt  c-yellow"></i></a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            Showing {{ $employees->firstItem() }} - {{ $employees->lastItem() }} of {{ $employees->total() }} entries
            <div class="float-right">
                {!! $employees->render() !!}
            </div>
        </div>
        <!-- /#User Listing -->
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="user_activity" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="activity_for"></h3>
            </div>
            <div class="modal-body">
                <form method="post" action="/superadmin/form/create/">

                    <table id="datatable" class="tablesorter">
                        <thead>
                            <th>User Activity</th>
                        </thead>
                        <tbody id="act_details">

                        </tbody>
                    </table>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
{{--end model--}}
<!-- /#page-content-wrapper -->
@push('scripts')
<script>
    function showActivity(id, name, empformid) {
        var activities = $('#hid_activity_' + id).val();
        var activity_arr = activities.split("~");
        var ajaxhtml = '';
        html = '<tr id="loader"><td></td></tr>';
        for (var i in activity_arr) {
            if (activity_arr[i] !== '') {
                html += '<tr><td>' + activity_arr[i] + '</td></tr>';
            }
        }
        $.ajax({
            type: 'POST',
            async: true,
            url: '/superadmin/user/getactivity',
            data: 'userId=' + id + '&empformid=' + empformid,
            success: function (data) {
                ajaxhtml += '<tr><td>' + data + '</td></tr>';
                $('#loader').remove();
                $('#act_details').prepend(ajaxhtml);
            }
        });
        $('#act_details').html(html);
        $('#activity_for').text(name + '\'s Activity Log');
        $('#user_activity').modal();
    }
</script>
@endpush
@endsection