@extends('layouts.app', ['pageSlug' => 'trafficList'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>User List</span></li>
        </ul>
    </div>
</div>
<div class="spl-page-panel">    
    <div class="row">
        <div class="col-lg-12">
            <div class="p-3">                
                <table class="table tablesorter " id="user_table">
                        <thead class=" text-primary">
                            <tr><th scope="col">Name</th>
                            <th scope="col">Email</th>
                            <th scope="col">User Role</th>
                            <th scope="col">Creation Date</th>
                            <th scope="col"></th>
                        </tr></thead>
                        <tbody>
                            @foreach($users as $user)
                            <tr>
                                <td>{{$user->name}}</td>
                                <td>
                                    <a href="mailto:{{$user->email}}">{{$user->email}}</a>
                                </td>
                                <td>
                                    {{$user->role ? $user->role->roleName->role : '---'}}
                                </td>
                                <td>{{$user->created_at}}</td>
                                <td class="text-right">
                                    @if(\Auth::check() && \Auth::user()->role && \Auth::user()->role->roleName->role == 'admin')
                                        <a href="{{route('users.edit', $user->id)}}" title="Edit"><i class="fa fa-fw fa-edit"></i></a>
                                        <a href="#" onclick="deleteUser({{$user->id}})" title="Delete" class="a-red"><i class="fa fa-fw fa-trash-alt"></i></a>
                                        @if($user->is_blocked == 1)
                                            <a href="#" onclick="blockUser({{$user->id}},'0')" title="Unblock" class="a-green"><i class="fa fa-fw fa-ban"></i></a>
                                        @else
                                            <a href="#" onclick="blockUser({{$user->id}},'1')" title="Block" class="a-orange"><i class="fa fa-fw fa-ban"></i></a>
                                        @endif
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>

            </div>
        </div>
    </div>
</div>

@endsection

@push('js')
<script>   
    $(document).ready(function(){
        $('#user_table').dataTable();
    });
    
    function deleteUser(id){
        var link = "delete/"+id;
        $.confirm({
            title: "Please confirm!",
            content: 'Are you sure to delete this user?',
            buttons: {
                OK: {
                    text: 'OK',
                    action: function() {
                        location.href = link;
                    },
                },
                close: {
                    text: 'Cancel',
                },
            }
        });
    }
    function blockUser(id, status){
        var link = "block/"+id+'/'+status;
        $.confirm({
            title: "Please confirm!",
            content: 'Are you sure to block/unblock this user?',
            buttons: {
                OK: {
                    text: 'OK',
                    action: function() {
                        location.href = link;
                    },
                },
                close: {
                    text: 'Cancel',
                },
            }
        });
    }
</script>
    
@endpush