{{-- resources/views/admin/team/index.blade.php --}}
@extends('admin.layouts.admin')
@section('title', 'Team Members')
@section('page-title', 'Team Members')

@section('admin-content')

<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;">
    <p style="font-size:0.82rem;color:#9ca3af;">{{ $members->total() }} members · Each member has their own workspace login.</p>
    <a href="{{ route('admin.team.create') }}" class="btn btn-primary">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" style="width:0.85rem;height:0.85rem;"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>
        Add Member
    </a>
</div>

<div class="admin-card" style="padding:0;overflow:hidden;">
    <table class="data-table">
        <thead>
            <tr>
                <th>Member</th>
                <th>Department</th>
                <th>Account</th>
                <th>Role Level</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($members as $m)
            <tr>
                <td>
                    <div style="display:flex;align-items:center;gap:0.75rem;">
                        @if($m->photo)
                        <img src="{{ $m->photo }}" alt="{{ $m->name }}" style="width:2.25rem;height:2.25rem;border-radius:8px;object-fit:cover;flex-shrink:0;">
                        @else
                        <div style="width:2.25rem;height:2.25rem;border-radius:8px;background:#eef0ff;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;color:#2d3aff;flex-shrink:0;">
                            {{ $m->initials }}
                        </div>
                        @endif
                        <div>
                            <div style="font-weight:600;font-size:0.82rem;">{{ $m->name }}</div>
                            <div style="font-size:0.7rem;color:#9ca3af;">{{ $m->role }}</div>
                        </div>
                    </div>
                </td>
                <td>
                    <span class="pill pill-blue" style="font-size:0.62rem;">{{ ucfirst($m->department) }}</span>
                </td>
                <td>
                    @if($m->user)
                    <div style="font-size:0.75rem;color:#0f0f14;font-weight:500;">{{ $m->user->email }}</div>
                    <div style="font-size:0.65rem;color:#9ca3af;">
                        {{ $m->user->email_verified_at ? '✓ Verified' : '✗ Unverified' }}
                    </div>
                    @else
                    <span style="font-size:0.72rem;color:#dc2626;font-weight:500;">No account</span>
                    @endif
                </td>
                <td>
                    @if($m->user)
                    <span class="pill {{ match($m->user->role) { 'super_admin'=>'pill-blue','admin'=>'pill-yellow',default=>'pill-green' } }}">
                        {{ ucfirst(str_replace('_',' ',$m->user->role)) }}
                    </span>
                    @else
                    <span style="color:#d1d5db;">—</span>
                    @endif
                </td>
                <td>
                    <span class="pill {{ $m->is_active ? 'pill-green' : 'pill-red' }}">
                        {{ $m->is_active ? 'Active' : 'Inactive' }}
                    </span>
                </td>
                <td>
                    <div style="display:flex;gap:0.4rem;flex-wrap:wrap;">
                        <a href="{{ route('admin.team.edit', $m) }}" class="btn btn-outline btn-sm">Edit</a>
                        @if($m->user)
                        <form action="{{ route('admin.team.invite', $m) }}" method="POST"
                              onsubmit="return confirm('Reset password and show new credentials for {{ $m->name }}?')">
                            @csrf
                            <button type="submit" class="btn btn-outline btn-sm" title="Reset password">🔑 Reset</button>
                        </form>
                        @endif
                        <form action="{{ route('admin.team.destroy', $m) }}" method="POST"
                              onsubmit="return confirm('Deactivate {{ $m->name }}? Their workspace data will be preserved.')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm">
                                {{ $m->is_active ? 'Deactivate' : 'Deactivated' }}
                            </button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="6" style="text-align:center;padding:3rem;color:#9ca3af;">
                    No team members yet.
                    <a href="{{ route('admin.team.create') }}" style="color:#2d3aff;font-weight:600;">Add the first one →</a>
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

@if($members->hasPages())
<div style="margin-top:1.25rem;">{{ $members->links() }}</div>
@endif

@endsection