@extends('layouts.finance')

@section('title', 'Users')
@section('subtitle', 'Manage user accounts, roles, and access')

@section('content')
    <section class="card">
        <div class="section-head">
            <h2>Users</h2>
            <div class="flex gap-2 items-center">
                <a href="{{ route('access.roles.index') }}" class="btn btn-sm">Manage Roles</a>
                <a href="{{ route('access.permissions.index') }}" class="btn btn-sm">Manage Permissions</a>
                <a href="{{ route('access.users.create') }}" class="btn btn-primary btn-sm">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
                    Invite User
                </a>
            </div>
        </div>

        <table>
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Admin</th>
                    <th>Roles</th>
                    <th>Status</th>
                    <th class="right">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($users as $user)
                    <tr class="row-hover">
                        <td class="font-semibold">{{ $user->name }}</td>
                        <td class="muted">{{ $user->email }}</td>
                        <td>
                            @if($user->is_admin)
                                <span class="pill pill-blue">Admin</span>
                            @else
                                <span class="pill">—</span>
                            @endif
                        </td>
                        <td>
                            @forelse($user->roles as $role)
                                <span class="pill {{ $role->name === 'Super Admin' ? 'pill-blue' : 'pill-teal' }}" style="margin-right:4px">{{ $role->name }}</span>
                            @empty
                                <span class="muted text-xs">No roles</span>
                            @endforelse
                        </td>
                        <td>
                            @if($user->hasAcceptedInvitation())
                                <span class="pill pill-green">Active</span>
                            @else
                                <span class="pill pill-amber">Pending</span>
                            @endif
                        </td>
                        <td class="right">
                            <div class="flex justify-end gap-2">
                                <a href="{{ route('access.users.edit', $user) }}" class="btn btn-sm">Edit</a>

                                @if(! $user->hasAcceptedInvitation())
                                    <form method="POST" action="{{ route('access.users.resend', $user) }}">
                                        @csrf
                                        <button type="submit" class="btn btn-sm">Resend</button>
                                    </form>
                                @endif

                                @if(auth()->id() !== $user->id)
                                    <form method="POST" action="{{ route('access.users.destroy', $user) }}"
                                          onsubmit="return confirm('Delete user &quot;{{ addslashes($user->name) }}&quot;? This action cannot be undone.')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                                    </form>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center muted" style="padding:24px">
                            No users found. <a href="{{ route('access.users.create') }}" style="color:var(--accent)">Invite the first user</a>.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>

        @if($users->hasPages())
            <div class="card-pad" style="border-top:1px solid var(--border)">
                {{ $users->links() }}
            </div>
        @endif
    </section>
@endsection