@extends('adminlte::page')

@section('title', 'Organization Users')

@include('partials.ui-polish')

@section('content_header')
    <div class="d-flex align-items-center justify-content-between flex-wrap">
        <div>
            <h1 class="m-0">Organization Users</h1>
            <span class="text-muted">Manage users and roles inside your NGO organization only</span>
        </div>
        <div class="module-actions mt-2 mt-sm-0">
            <button type="button" class="btn btn-success btn-sm" data-toggle="collapse" data-target="#user-create-panel" aria-expanded="{{ $errors->any() ? 'true' : 'false' }}" aria-controls="user-create-panel">
                <i class="fas fa-user-plus mr-1"></i> Create User
            </button>
            <a href="{{ route('hrm.employees.index') }}" class="btn btn-outline-primary btn-sm">
                <i class="fas fa-users mr-1"></i> Employees
            </a>
        </div>
    </div>
@stop

@section('content')
    @if(session('success'))
        <x-adminlte-alert theme="success" title="Done" dismissable>
            {{ session('success') }}
        </x-adminlte-alert>
    @endif

    @if($errors->any())
        <x-adminlte-alert theme="danger" title="Please review the user form" dismissable>
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </x-adminlte-alert>
    @endif

    <div class="collapse module-panel {{ $errors->any() ? 'show' : '' }}" id="user-create-panel">
        <x-adminlte-card title="Create User" icon="fas fa-user-plus" theme="success">
            <form method="POST" action="{{ route('admin.users.store') }}">
                @csrf
                <div class="row">
                    <div class="col-lg-3">
                        <x-adminlte-input name="name" label="Name" value="{{ old('name') }}" required/>
                    </div>
                    <div class="col-lg-3">
                        <x-adminlte-input name="email" label="Email" type="email" value="{{ old('email') }}" required/>
                    </div>
                    <div class="col-lg-3">
                        <x-adminlte-select name="role" label="Role" required>
                            @foreach($roles as $role)
                                <option value="{{ $role }}" @selected(old('role', 'Employee') === $role)>{{ $role }}</option>
                            @endforeach
                        </x-adminlte-select>
                    </div>
                    <div class="col-lg-3">
                        <x-adminlte-input name="password" label="Temporary Password" type="password" required/>
                    </div>
                </div>

                <button type="submit" class="btn btn-success">
                    <i class="fas fa-save mr-1"></i> Create User
                </button>
            </form>
        </x-adminlte-card>
    </div>

    <div class="row">
        <div class="col-12">
            <x-adminlte-card title="Organization User Directory" icon="fas fa-user-shield" theme="primary">
                <form method="GET" action="{{ route('admin.users.index') }}" class="mb-3">
                    <div class="row">
                        <div class="col-md-9">
                            <x-adminlte-input name="search" igroup-size="sm" placeholder="Search users" value="{{ $search }}"/>
                        </div>
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-primary btn-sm btn-block">
                                <i class="fas fa-search mr-1"></i> Search
                            </button>
                        </div>
                    </div>
                </form>

                <div class="table-responsive">
                    <table class="table table-hover text-nowrap mb-0">
                        <thead>
                            <tr>
                                <th>User</th>
                                <th>Employee Match</th>
                                <th>Role</th>
                                <th>Status</th>
                                <th style="min-width: 300px;">Update</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($users as $user)
                                @php($employee = $employeesByEmail->get(strtolower($user->email)))
                                <tr>
                                    <td>
                                        <strong>{{ $user->name }}</strong>
                                        <div class="text-muted small">{{ $user->email }}</div>
                                    </td>
                                    <td>
                                        @if($employee)
                                            <span class="badge badge-success">Matched</span>
                                            <div class="text-muted small">{{ $employee->full_name }} ({{ $employee->employee_code }})</div>
                                        @else
                                            <span class="badge badge-secondary">No employee email match</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge badge-info">{{ $user->role }}</span>
                                    </td>
                                    <td>
                                        @if($user->locked_at)
                                            <span class="badge badge-danger">Locked</span>
                                            <div class="text-muted small">{{ $user->locked_at->format('M d, H:i') }}</div>
                                        @else
                                            <span class="badge badge-success">Active</span>
                                        @endif
                                        @if($user->force_password_reset)
                                            <div><span class="badge badge-warning">Password reset required</span></div>
                                        @endif
                                    </td>
                                    <td>
                                        <form method="POST" action="{{ route('admin.users.update', $user) }}">
                                            @csrf
                                            @method('PUT')
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <input type="text" name="name" class="form-control form-control-sm mb-1" value="{{ old("users.{$user->id}.name", $user->name) }}" required>
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="email" name="email" class="form-control form-control-sm mb-1" value="{{ old("users.{$user->id}.email", $user->email) }}" required>
                                                </div>
                                                <div class="col-md-6">
                                                    <select name="role" class="form-control form-control-sm mb-1" required>
                                                        @foreach($roles as $role)
                                                            <option value="{{ $role }}" @selected($user->role === $role)>{{ $role }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="password" name="password" class="form-control form-control-sm mb-1" placeholder="New password optional">
                                                </div>
                                            </div>
                                            <button type="submit" class="btn btn-xs btn-outline-primary">
                                                <i class="fas fa-save"></i> Update
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-center text-muted py-4">No users found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if($users->hasPages())
                    <div class="mt-3">
                        {{ $users->links() }}
                    </div>
                @endif
            </x-adminlte-card>
        </div>
    </div>
@stop