@extends('layouts.app')

@section('title', 'Team')

@section('content')
<h1>Team</h1>
<p style="margin-bottom:16px;"><a href="{{ route('team.create') }}" style="padding:8px 16px; background:var(--m3-primary); color:var(--m3-on-primary); border-radius:8px; text-decoration:none;">Add member</a></p>
<div class="card">
    <h2>Workspace members</h2>
    <div class="table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Role</th>
                    <th>Status</th>
                    @if(auth()->user()->isTenantAdmin())
                    <th></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @forelse($users as $u)
                    <tr>
                        <td>{{ $u->name }}</td>
                        <td>{{ $u->email }}</td>
                        <td>{{ $u->role ?? 'member' }}</td>
                        <td>{{ $u->status ?? 'active' }}</td>
                        @if(auth()->user()->isTenantAdmin())
                        <td>
                            @if($u->id !== auth()->id())
                                <form method="post" action="{{ route('team.destroy', $u) }}" style="display:inline;" onsubmit="return confirm('Remove this member?');">@csrf @method('DELETE')<button type="submit" style="background:none;border:none;color:var(--m3-primary);cursor:pointer;padding:0;text-decoration:underline;">Remove</button></form>
                            @else
                                <span style="color:var(--m3-outline);">(you)</span>
                            @endif
                        </td>
                        @endif
                    </tr>
                @empty
                    <tr><td colspan="{{ auth()->user()->isTenantAdmin() ? 5 : 4 }}" class="empty-state">No members yet. Add one above.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($users->hasPages())
        <div class="pagination">{{ $users->links() }}</div>
    @endif
</div>
@endsection