@extends('layouts.app')
@section('title', 'Admin - Teams')
@section('breadcrumb')
    <a href="{{ route('admin.index') }}">Admin</a>
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:14px;height:14px;"><polyline points="9 18 15 12 9 6"></polyline></svg>
    <span style="font-weight:600;color:var(--text-primary);">Teams</span>
@endsection

@section('content')
    <div class="page-header" style="display:flex;justify-content:space-between;align-items:center;">
        <h1>👥 All Teams</h1>
        <form method="GET" style="display:flex;gap:8px;">
            <input type="text" name="search" class="form-control" placeholder="Search teams..." value="{{ request('search') }}" style="width:220px;">
            <button type="submit" class="btn btn-ghost">Search</button>
        </form>
    </div>

    @if(session('success'))
        <div class="alert alert-success mb-4">{{ session('success') }}</div>
    @endif

    <div class="card">
        <div class="table-wrapper">
            <table>
                <thead>
                    <tr>
                        <th>Team</th>
                        <th>Company</th>
                        <th>Members</th>
                        <th>Projects</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($teams as $team)
                        <tr>
                            <td class="font-semibold">
                                <a href="{{ route('teams.show', $team) }}" style="color:var(--text-primary);">{{ $team->name }}</a>
                            </td>
                            <td class="text-muted">{{ $team->company->name ?? '—' }}</td>
                            <td><span class="badge badge-primary">{{ $team->members_count }}</span></td>
                            <td><span class="badge badge-secondary">{{ $team->projects_count }}</span></td>
                            <td>
                                @can('delete_team')
                                <form method="POST" action="{{ route('admin.teams.delete', $team) }}" onsubmit="return confirm('Delete this team?')">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-ghost btn-sm" style="color:var(--accent-red);">Delete</button>
                                </form>
                                @endcan
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-muted" style="padding:24px;">No teams found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($teams->hasPages())
        <div class="pagination">{{ $teams->withQueryString()->links() }}</div>
    @endif
@endsection