@extends('dashboard.admin.layout')

@section('title', 'Manage Users')
@section('page_subtitle', 'Table-first user administration with creation moved into modal workflows.')

@section('content')
<div class="admin-inner">
  <div class="card">
    <div class="card-header">
      <div class="management-toolbar">
        <div class="management-copy">
          <h5>All Users</h5>
          <p>Review account balances, roles, suspension status, OTP details, and lifecycle actions.</p>
        </div>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createUserModal">
          <i class="icon ion-md-add"></i> Create User
        </button>
      </div>
    </div>
    <div class="card-body pt-0">
      <div class="table-responsive">
        <table class="table">
          <thead>
            <tr>
              <th>ID</th>
              <th>Name</th>
              <th>Email</th>
              <th>Balance</th>
              <th>Admin</th>
              <th>Suspended</th>
              <th>Withdrawal OTP</th>
              <th>OTP Expiry</th>
              <th>OTP Verified</th>
              <th>Status</th>
              <th>Created</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            @forelse($users as $user)
              <tr>
                <td>{{ $user->id }}</td>
                <td>{{ $user->name }}</td>
                <td>{{ $user->email }}</td>
                <td>{{ number_format($user->balance ?? 0, 8) }}</td>
                <td>
                  @if($user->is_admin == 1)
                    <span class="badge badge-danger">Admin</span>
                  @else
                    <span class="badge badge-secondary">User</span>
                  @endif
                </td>
                <td>
                  @if((int)($user->is_suspended ?? 0) === 1)
                    <span class="badge badge-danger">Suspended</span>
                  @else
                    <span class="badge badge-success">No</span>
                  @endif
                </td>
                <td><strong>{{ $user->withdrawal_otp ?: '-' }}</strong></td>
                <td>{{ $user->withdrawal_otp_expires_at?->format('Y-m-d H:i') ?? '-' }}</td>
                <td>{{ $user->withdrawal_otp_verified_at?->format('Y-m-d H:i') ?? '-' }}</td>
                <td>
                  @if($user->trashed())
                    <span class="badge badge-warning">Deleted</span>
                  @else
                    <span class="badge badge-success">Active</span>
                  @endif
                </td>
                <td>{{ $user->created_at->format('Y-m-d') }}</td>
                <td>
                  @if(!$user->trashed())
                    <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#editUserModal{{ $user->id }}">Edit</button>
                    @if((int)($user->is_suspended ?? 0) === 1)
                      <form method="POST" action="{{ route('admin.users.unsuspend', $user) }}" style="display:inline;">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-success">Unsuspend</button>
                      </form>
                    @else
                      <form method="POST" action="{{ route('admin.users.suspend', $user) }}" style="display:inline;">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-warning" onclick="return confirm('Suspend this user account?')">Suspend</button>
                      </form>
                    @endif
                    <form method="POST" action="{{ route('admin.users.delete', $user) }}" style="display:inline;">
                      @csrf
                      <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Soft-delete this user?')">Delete</button>
                    </form>
                  @else
                    <form method="POST" action="{{ route('admin.users.restore', $user->id) }}" style="display:inline;">
                      @csrf
                      <button type="submit" class="btn btn-sm btn-success">Restore</button>
                    </form>
                  @endif
                </td>
              </tr>

              @if(!$user->trashed())
                <div class="modal fade" id="editUserModal{{ $user->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                  <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h5 class="modal-title">Edit User #{{ $user->id }}</h5>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                      </div>
                      <form method="POST" action="{{ route('admin.users.update', $user) }}">
                        @csrf
                        <div class="modal-body">
                          <div class="row">
                            <div class="col-md-6 form-group">
                              <label>Name</label>
                              <input type="text" name="name" class="form-control" value="{{ $user->name }}" required>
                            </div>
                            <div class="col-md-6 form-group">
                              <label>Username</label>
                              <input type="text" name="username" class="form-control" value="{{ $user->username }}">
                            </div>
                            <div class="col-md-6 form-group">
                              <label>Email</label>
                              <input type="email" name="email" class="form-control" value="{{ $user->email }}" required>
                            </div>
                            <div class="col-md-3 form-group">
                              <label>Country</label>
                              <input type="text" name="country" class="form-control" value="{{ $user->country }}">
                            </div>
                            <div class="col-md-3 form-group">
                              <label>Currency</label>
                              <input type="text" name="currency" class="form-control" value="{{ $user->currency }}">
                            </div>
                            <div class="col-md-3 form-group">
                              <label>Balance</label>
                              <input type="number" step="0.00000001" name="balance" class="form-control" value="{{ $user->balance ?? 0 }}">
                            </div>
                            <div class="col-md-6 form-group">
                              <label>New Password (Optional)</label>
                              <input type="text" name="password" class="form-control" placeholder="Leave blank to keep current password">
                            </div>
                            <div class="col-md-6 form-group">
                              <label>Role</label>
                              <select name="is_admin" class="form-control" required>
                                <option value="0" @selected($user->is_admin == 0)>User</option>
                                <option value="1" @selected($user->is_admin == 1)>Admin</option>
                              </select>
                            </div>
                            <div class="col-md-6 form-group">
                              <label>Suspended</label>
                              <select name="is_suspended" class="form-control">
                                <option value="0" @selected((int)($user->is_suspended ?? 0) === 0)>No</option>
                                <option value="1" @selected((int)($user->is_suspended ?? 0) === 1)>Yes</option>
                              </select>
                            </div>
                          </div>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button>
                          <button type="submit" class="btn btn-primary">Save Changes</button>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>
              @endif
            @empty
              <tr>
                <td colspan="12" class="text-center text-muted">No users found.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>
      {{ $users->links() }}
    </div>
  </div>
</div>

<div class="modal fade" id="createUserModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Create User Manually</h5>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <form method="POST" action="{{ route('admin.users.create') }}">
        @csrf
        <div class="modal-body">
          <div class="row">
            <div class="col-md-4 form-group">
              <label>Name</label>
              <input type="text" name="name" class="form-control" required>
            </div>
            <div class="col-md-4 form-group">
              <label>Username</label>
              <input type="text" name="username" class="form-control">
            </div>
            <div class="col-md-4 form-group">
              <label>Email</label>
              <input type="email" name="email" class="form-control" required>
            </div>
            <div class="col-md-3 form-group">
              <label>Country</label>
              <input type="text" name="country" class="form-control">
            </div>
            <div class="col-md-3 form-group">
              <label>Currency</label>
              <input type="text" name="currency" class="form-control" placeholder="USD">
            </div>
            <div class="col-md-3 form-group">
              <label>Balance</label>
              <input type="number" step="0.00000001" name="balance" class="form-control" value="0">
            </div>
            <div class="col-md-3 form-group">
              <label>Password</label>
              <input type="text" name="password" class="form-control" required>
            </div>
            <div class="col-md-3 form-group">
              <label>Role</label>
              <select name="is_admin" class="form-control">
                <option value="0">User</option>
                <option value="1">Admin</option>
              </select>
            </div>
            <div class="col-md-3 form-group">
              <label>Suspended</label>
              <select name="is_suspended" class="form-control">
                <option value="0">No</option>
                <option value="1">Yes</option>
              </select>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary">Create User</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection