@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>Description</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach( $activities as $key=>$activity)

                    <tr>
                        <td>{{ $activity->firstname }} {{ $activity->lastname }}</td>
                        <td>{{ $activity->description }}</td>


                    </tr>
                    @endforeach
                </tbody>
            </table>
            Showing {{ $activities->firstItem() }} - {{ $activities->lastItem() }} of {{ $activities->total() }} entries
            <div class="float-right">
                {!! $activities->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