@extends('layouts.default')

@section('styles')
    <link rel="stylesheet" href="/assets/css/pages/admin/user-maintenance/approve-user-registration.css"/>
@stop

@section('scripts')
    @include('cdn.datatables')
    <script type="text/javascript" src="/assets/js/pages/admin/user-maintenance/approve-user-registration.js"></script>
@stop

@section('panel-heading')
    <strong>Approve User Registration</strong>
@stop


@section('content')
    <div class="row">
        <div class="col-12">
            <p>
                From this page, you can view all users who have registered, and approve or disapprove them.
                Approving users sends the user an email with a link to click, which sends them to a page
                which updates their status and allows them to log into the site.  Users will not  be able
                to log into their registered account until they have been registered.

            </p>
        </div>
    </div>
    <div class="row m-b-2">
        <div class="col-12">
            <table id="pre-registered-users-table" data-token="{{ csrf_token() }}">
                <thead>
                    <th class="last-name-col">Last Name</th>
                    <th class="first-name-col">First Name</th>
                    <th class="email-col">Email Address</th>
                    <th class="username-col">Username</th>
                    <th class="address-col">Address</th>
                    <th class="status-col">Status</th>
                    <th class="registered-at-col">Registered At</th>
                    <th class="actions-col">Actions</th>
                </thead>
                <tbody>
                    @foreach ($preRegisteredUsers as $pru)
                        <tr data-user-id="{{ $pru->user_id }}">
                            <td class="last-name-col">
                                {{ $pru->last_name }}
                            </td>
                            <td class="first-name-col">
                                {{ $pru->first_name }}
                            </td>
                            <td class="email-col">
                                {{ $pru->email }}
                            </td>
                            <td class="username-col">
                                {{ $pru->username }}
                            </td>
                            <td class="address-col">
                                {{ $pru->associationUnit ? $pru->associationUnit->address : '' }}
                            </td>
                            <td class="status-col">
                                {{ UserStatus::getStatusString($pru->user_status_id) }}
                            </td>
                            <td class="registered-at-col">
                                {{ $pru->update_at ? $pru->updated_at->format("M d, Y g:i A") : '' }}
                            </td>
                            <td class="actions text-center">
                                @if ($pru->user_status_id & (UserStatus::Verified | UserStatus::Preregistered))
                                    <button type="button" class="btn btn-success btn-sm approve-reg-btn">Approve</button>
                                @endif
                                <button type="button" class="btn btn-danger btn-sm ban-user-btn">Ban</button>
                            </td>
                        </tr>

                    @endforeach()
                </tbody>

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

@stop