@extends('layouts.app')
@section('title', 'Users • Settings')

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  @if ($errors->any())
    <div class="mb-4 p-4 rounded-xl border border-red-200 bg-red-50 text-red-800 text-[13px]">
      {{ $errors->first() }}
    </div>
  @endif

  @if(session('new_password_once'))
    <div class="mb-4 p-4 rounded-xl border border-blue-200 bg-blue-50 text-blue-900 text-[13px] font-mono">
      Temporary password (copy now): {{ session('new_password_once') }}
    </div>
  @endif

  @include('settings.partials.header')
  @include('settings.partials.nav', ['activeTab' => 'users'])

  <div class="dp mb-6">
    <p class="font-bold text-slate-900 mb-3">Invite user</p>
    <form method="post" action="{{ route('settings.users.store') }}" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3 items-end">@csrf
      <div><label class="fl">Name</label><input class="fi" name="name" value="{{ old('name') }}" required></div>
      <div><label class="fl">Email</label><input class="fi" type="email" name="email" value="{{ old('email') }}" required></div>
      <div>
        <label class="fl">Role</label>
        <select class="fi" name="role">
          @foreach($roles as $r)<option value="{{ $r }}" @selected(old('role')===$r)>{{ $r }}</option>@endforeach
          @if(old('role') && ! in_array(old('role'), $roles ?? []))<option value="{{ old('role') }}" selected>{{ old('role') }}</option>@endif
        </select>
      </div>
      <div><label class="fl">Password</label><input class="fi" type="password" name="password" required autocomplete="new-password"></div>
      <div><label class="fl">Confirm</label><input class="fi" type="password" name="password_confirmation" required autocomplete="new-password"></div>
      <div class="flex items-center gap-2"><input type="checkbox" name="is_active" value="1" class="rounded" id="nu_act" checked><label for="nu_act" class="text-[13px] text-slate-700">Active</label></div>
      <div><button type="submit" class="bp">Create user</button></div>
    </form>
  </div>

  <div class="dp card-has-table">
    <p class="font-bold text-slate-900 mb-4">Directory</p>
    <table>
      <thead><tr><th class="th">Name</th><th class="th">Email</th><th class="th">Role</th><th class="th">Status</th><th class="th text-right">Actions</th></tr></thead>
      <tbody>
        @foreach($users as $u)
          <tr>
            <td class="td font-semibold text-slate-800">{{ $u->name }}</td>
            <td class="td text-slate-600">{{ $u->email }}</td>
            <td class="td">
              <form method="post" action="{{ route('settings.users.update', $u) }}" class="flex flex-wrap gap-2 items-center">@csrf @method('PUT')
                <select name="role" class="fi text-[12px] py-1.5 min-w-[140px]">
                  @foreach($roles as $r)<option value="{{ $r }}" @selected($u->role===$r)>{{ $r }}</option>@endforeach
                  @if(! in_array($u->role, $roles))<option value="{{ $u->role }}" selected>{{ $u->role }}</option>@endif
                </select>
                <input type="hidden" name="name" value="{{ $u->name }}">
                <input type="hidden" name="email" value="{{ $u->email }}">
                <input type="hidden" name="is_active" value="0">
                <label class="inline-flex items-center gap-1 text-[11px] text-slate-600"><input type="checkbox" name="is_active" value="1" class="rounded" @checked($u->is_active)>Active</label>
                <button type="submit" class="bsm b" title="Save">Save</button>
              </form>
            </td>
            <td class="td">{!! $u->is_active ? '<span class="badge g">Active</span>' : '<span class="badge s">Inactive</span>' !!}</td>
            <td class="td text-right space-x-1">
              @if($u->id !== auth()->id())
                <form method="post" action="{{ route('settings.users.reset-password', $u) }}" class="inline" onsubmit="return confirm('Issue a new temporary password?');">@csrf
                  <button type="submit" class="bsm s">Reset password</button>
                </form>
                @if($u->is_active)
                  <form method="post" action="{{ route('settings.users.deactivate', $u) }}" class="inline" onsubmit="return confirm('Deactivate this user?');">@csrf @method('PUT')
                    <button type="submit" class="bsm r">Deactivate</button>
                  </form>
                @else
                  <form method="post" action="{{ route('settings.users.activate', $u) }}" class="inline">@csrf @method('PUT')
                    <button type="submit" class="bsm g">Activate</button>
                  </form>
                @endif
              @else
                <span class="text-slate-400 text-[11px]">You</span>
              @endif
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>
    @if($users->hasPages())
      <div class="mt-4">{{ $users->links() }}</div>
    @endif
  </div>
</div>
@endsection