@extends('layouts.admin_panel')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0 text-dark"><a href="{{ URL('a/users/create') }}"><span class="badge bg-green"><i class="nav-icon fas fa-plus"></i> Add User</span></a></h1>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <div class="content">
    <div class="container">
      <table id="example1" class="table table-bordered table-striped">
        <thead class="thead-dark">
          <tr>
            <th>User ID</th>
            <th>Name</th>
            <th>Email ID</th>
            <th>User Role</th>
            <th>Registered On</th>
            <th>Account Status</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody>
          @foreach($users as $user)
          <tr>
            <td>{{ $user->id }}</td>
            <td>{{ $user->name }}</td>
            <td><a href="mailto:{{ $user->email }}">{{ $user->email }}</a></td>
            <td><span class="badge bg-primary"><i class="nav-icon fas fa-address-card"></i> {{ $user->role }}</span></td>
            <td>{{ $user->created_at }}</td>
            <td>
              @if($user->status == 1)
              <span class="badge bg-success">ACTIVE</span>
              @else
              <span class="badge bg-danger">SUSPENDED</span>
              @endif
            </td>
            <td>
              @if($user->role != "ADMIN")
              @if($user->status == 1)
              <form method="post" id="suspend_form_" action="suspend-user/{{ $user->id }}">
                @csrf
              </form>
              <a class="btn btn-block btn-sm btn-danger" href="javascript:void(0)" onclick="event.preventDefault(); document.getElementById('suspend_form_').submit();"> Suspend User</a>
              @else
              <form method="post" id="activate_form_" action="reactivate-user/{{ $user->id }}">
                @csrf
              </form>
              <a class="btn btn-block btn-sm btn-success" href="javascript:void(0)" onclick="event.preventDefault(); document.getElementById('activate_form_').submit();"> Reactivate User</a>
              @endif
              @endif
            </td>
          </tr>
          @endforeach
          </tfoot>
      </table>
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->
@endsection