@extends('admin.layout.app')
@section('body')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center"><h4 class="mb-0">Team Members</h4><a href="{{ route('admin.team-members.create') }}" class="btn btn-primary btn-sm">Add Member</a></div>
    <div class="card-body">
        @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
        <form method="GET" class="mb-3"><input name="q" value="{{ $q }}" class="form-control" placeholder="Search team members"></form>
        <div class="table-responsive"><table class="table align-middle"><thead><tr><th>Name</th><th>Group</th><th>Position</th><th>Status</th><th class="text-end">Action</th></tr></thead><tbody>
        @forelse($members as $member)
            <tr><td class="fw-semibold">{{ $member->name }}</td><td>{{ $member->team_group }}</td><td>{{ $member->position }}</td><td><span class="badge bg-{{ $member->is_published ? 'success' : 'warning' }}">{{ $member->is_published ? 'Published' : 'Draft' }}</span></td><td class="text-end"><a href="{{ route('admin.team-members.show', $member) }}" class="btn btn-sm btn-outline-dark">View</a> <a href="{{ route('admin.team-members.edit', $member) }}" class="btn btn-sm btn-primary">Edit</a><form method="POST" action="{{ route('admin.team-members.destroy', $member) }}" class="d-inline" onsubmit="return confirm('Delete this member?')">@csrf @method('DELETE')<button class="btn btn-sm btn-danger">Delete</button></form></td></tr>
        @empty
            <tr><td colspan="5" class="text-center text-muted">No team members yet.</td></tr>
        @endforelse
        </tbody></table></div>
        {{ $members->links('pagination::bootstrap-4') }}
    </div>
</div>
@endsection