@extends('admin.layouts.app')
@section('title', 'Team Members')

@section('content')
<div class="d-flex justify-content-end mb-3">
    <a href="{{ route('admin.team-members.create') }}" class="btn btn-dark btn-sm"><i class="bi bi-plus-lg"></i> Add Team Member</a>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead class="table-light"><tr><th>Photo</th><th>Name</th><th>Designation</th><th>Active</th><th class="text-end">Actions</th></tr></thead>
            <tbody>
                @forelse($teamMembers as $member)
                <tr>
                    <td><img src="{{ \App\Helpers\ImageHelper::url($member->image) }}" width="45" height="45" style="object-fit:cover;border-radius:50%;"></td>
                    <td>{{ $member->name }}</td>
                    <td>{{ $member->designation }}</td>
                    <td>{!! $member->is_active ? '<span class="badge bg-success">Active</span>' : '<span class="badge bg-secondary">Hidden</span>' !!}</td>
                    <td class="text-end">
                        <a href="{{ route('admin.team-members.edit', $member) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
                        <form method="POST" action="{{ route('admin.team-members.destroy', $member) }}" class="d-inline" onsubmit="return confirm('Remove this team member?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="5" class="text-center py-4 text-muted">No team members yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection