@extends('adminlte::page')

@section('title', 'Dashboard')


@section('content')
    @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
    @endif
    @if(session()->has('fail'))
        <div class="alert alert-danger">
            {{ session()->get('fail') }}
        </div>
    @endif
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Aktifasi Pengguna</h3>
        </div>
        <div class="card-body">
            <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                    <th>No</th>
                    <th>Nama</th>
                    <th>NIK</th>
                    <th>Foto KTP</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @forelse($users as $index => $user)
                    <tr>
                        <td>{{$index+1}}</td>
                        <td>{{$user->name}}</td>
                        <td>{{$user->nik}}</td>
                        <td><img width="200px"src="/storage/images/register/{{$user->image_nik}}"></td>
                        <td>
                            <form role="form" action="actived" method="POST">
                                {{ csrf_field() }}
                                <input type="hidden" id="uid" name="uid" value="{{$user->uid}}" />
                                <input type="hidden" id="status" name="status" value="active" />
                                <button type="submit" class="btn btn-primary">Active</button>
                            </form>

                        </td>
                    </tr>
                @empty
                    <p>Tidak Ada Pengguna Yang Harus Diaktifasi.</p>
                @endforelse
                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
@stop
@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">

    <link rel="stylesheet" href="/vendor/datatables/css/dataTables.bootstrap4.css">
@stop
@section('js')
    <script src="/vendor/datatables/js/jquery.dataTables.js"></script>
    <script src="/vendor/datatables/js/dataTables.bootstrap4.js"></script>
    <script>
        $(function () {
            $('#example2').DataTable();
        });
    </script>
@stop