@extends('layouts.main')
@section('main')
    <style>
        .btn-approved {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .btn-rejected {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 103px;
        }

        button {
            margin-bottom: 5px;
        }
    </style>

    <div class="page-container">
        <div class="main-content">
            <div class="page-header">
                <h2 class="header-title">Users List</h2>
            </div>

            <div class="card">
                <div class="card-body">
                    <div class="m-t-2">
                        <table id="data-table" class="table">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Points</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $i = 1;
                                @endphp
                                @foreach ($get_user as $user)
                                    <tr>
                                        <td>{{ isset($i) ? $i : '-' }}</td>
                                        <td>{{ isset($user->name) ? $user->name : '-' }}</td>
                                        <td>{{ isset($user->email) ? $user->email : '-' }}</td>
                                        <td>{{ isset($user->points) ? $user->points : '-' }}</td>
                                    </tr>
                                    @php
                                        $i++;
                                    @endphp
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    @endsection