@extends('adminlte::page')

@section('title', config('app.name') . ' | ' . __('Registered users'))

@section('content_header')

    <h4>{{__('Administration')}} / {{__('Users')}}</h4>

@stop

@section('js')

    <x-global-errors></x-global-errors>

@stop

@section('content')

    <div class="row">

        <div class="col">
            <div class="small-box bg-info">
                <div class="inner">
                    <h3>{{ $numUsers }}</h3>

                    <p>{{__('Registered users')}}</p>
                </div>
                <div class="icon">
                    <i class="fa fa-users"></i>
                </div>
            </div>
        </div>

        <div class="col">

            <div class="small-box bg-danger">
                <div class="inner">
                    <h3>{{$bannedUserCount}}</h3>

                    <p>{{__('Suspended users')}}</p>
                </div>
                <div class="icon">
                    <i class="fa fa-ban"></i>
                </div>
            </div>

        </div>
    </div>

    <div class="row">

        <div class="col">

          <div class="card bg-gray-dark">

              <div class="card-header bg-indigo">

                  <div class="card-title"><h4 class="text-bold">{{__('Registered users')}}</h4></div>
                  <div class="card-tools mt-2">
                      <form name="search" action="{{ route('searchRegisteredPLayerList') }}" method="post">
                          @csrf
                          <div class="input-group input-group-sm" style="width: 200px;">
                              <input type="text" name="searchTerm" class="form-control float-right" placeholder="{{ __('Search') }}">
                              <div class="input-group-append">
                                  <button type="submit" class="btn btn-default">
                                      <i class="fas fa-search"></i>
                                  </button>
                              </div>
                          </div>
                      </form>
                  </div>
              </div>

              <div class="card-body">
                @if (!$users->isEmpty())
                  <table class="table table-borderless table-active">

                      <thead>
                      <tr>
                          <th>{{__('Name')}}</th>
                          <th>{{ __('Rank') }}</th>
                          <th>{{__('Status')}}</th>
                          <th>{{__('Registration date')}}</th>
                          <th>{{__('Actions')}}</th>
                      </tr>
                      </thead>

                      <tbody>

                          @foreach($users as $user)

                            <tr>
                                <td>{{$user->name}}</td>
                                <td>
                                    @if ($user->hasRole('reviewer'))
                                        <span class="badge badge-warning"><i class="fas fa-user"></i> {{ __('Staff') }}</span>
                                    @else
                                        <span class="badge-warning badge"><i class="fas fa-user"></i> {{ __('Member') }}</span>
                                    @endif
                                </td>
                                <td>
                                    <x-account-status user-id="{{ $user->id }}"></x-account-status>
                                </td>
                                <td>{{$user->created_at}}</td>
                                <td>
                                  <button type="button" class="btn btn-sm btn-success" onclick="window.location.href='{{route('showSingleProfile', ['user' => $user->id])}}'"><i class="fa fa-eye"></i> {{ __('View') }}</button>
                                  <a class="ml-2 btn btn-sm btn-warning" href="{{ route('manageUser', ['user' => $user->id]) }}"><i class="fas fa-wrench"></i> {{ __('Manage') }}</a>
                              </td>
                            </tr>

                          @endforeach

                      </tbody>

                  </table>
                @else
                    <div class="alert alert-secondary">

                        <i class="fas fa-question"></i><span> {{__('There are no registered users!')}}</span>
                        <p>
                            {{__('Registered users are those without a staff role in the team management application.')}}
                        </p>

                    </div>
                @endif
              </div>

              <div class="card-footer">

                  {{ $users->links() }}

              </div>

          </div>

        </div>

    </div>

@stop

@section('footer')
    @include('breadcrumbs.dashboard.footer')
@stop