@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
<h1>Users</h1>
@stop

@section('content')
<div class="card">
    <div class="card-header ui-sortable-handle" style="cursor: move;">
        <h3 class="card-title">
            <i class="fa fa-users mr-1"></i>
            Users
        </h3>
        <div class="card-tools">
            <ul class="nav nav-pills ml-auto">
                <li class="nav-item">
                    <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Buat Baru</a>
                </li>
            </ul>
        </div>
    </div><!-- /.card-header -->
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <thead>
                <th>#</th>
                <th>Status</th>
                <th>User Name</th>
                <th>Email</th>
                <th>Shortcode</th>
                <th>Whitelist IP</th>
                <th>Inform URL</th>
                <th>Token</th>
                <th></th>
                <th></th>
                <th></th>
            </thead>
            <tbody>
            @foreach($users as $user)
                <tr>
                    <td>{{ $user->id }}</td>
                    <td>
                    @if($user->status == 'pending')
                        <span class="badge bg-warning">{{ $user->status }}</span>
                    @elseif($user->status == 'active')
                        <span class="badge bg-success">{{ $user->status }}</span>
                    @elseif($user->status == 'inactive')
                        <span class="badge bg-danger">{{ $user->status }}</span>
                    @endif
                    </td>
                    <td><a href="/admin/users/{{ $user->id }}">{{ $user->name }}</a></td>
                    <td>{{ $user->email }}</td>
                    <td>{{ $user->shortcode }}</td>
                    <td>{{ $user->whitelist_ip }}</td>
                    <!-- <td>{{ $user->inform_url }}</td> -->
                    <td>{{ substr($user->token,0,10) }}</td>
                    <td><a class="btn btn-sm btn-success" href="{{ route('admin.users.edit', $user->id) }}">Edit</a></td>
                    <td><a class="btn btn-sm btn-primary" href="{{ route('admin.users.edit', $user->id) }}">Change Password</a></td>
                    <td>
                        <form method="POST" action="{{ route('admin.users.generateToken', $user->id) }}">
                        @csrf
                            <button class="btn btn-sm btn-warning">Generate Token</button>
                        </form>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div><!-- /.card-body -->
</div>
@stop

@section('css')
    <!-- <link rel="stylesheet" href="/css/admin_custom.css"> -->
@stop

@section('js')
    <script> console.log('Hi!'); </script>
@stop