@extends('backend.layouts.master')
@section('title', 'Team')
@section('content')
<div class="page-content"><div class="container-fluid">
    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
        <h4 class="mb-sm-0">Team</h4>
        <a href="{{ route('admin.team.create') }}" class="btn btn-primary btn-sm"><i class="ri-add-line"></i> Add Member</a>
    </div>
    @include('backend.partials.alerts')
    <div class="card"><div class="card-body table-responsive">
        <table class="table table-bordered align-middle mb-0">
            <thead class="table-light"><tr><th>#</th><th>Member</th><th>Role</th><th>Order</th><th>Status</th><th>Actions</th></tr></thead>
            <tbody>
            @forelse($members as $item)
                <tr>
                    <td>{{ $item->id }}</td>
                    <td>
                        <div class="d-flex align-items-center gap-2">
                            @if($item->imageUrl())
                                <img src="{{ $item->imageUrl() }}" alt="" width="40" height="40" class="rounded object-fit-cover">
                            @endif
                            <strong>{{ $item->name }}</strong>
                        </div>
                    </td>
                    <td>{{ $item->role ?: '—' }}</td>
                    <td>{{ $item->sort_order }}</td>
                    <td><span class="badge {{ $item->status ? 'bg-success' : 'bg-danger' }}">{{ $item->status ? 'Active' : 'Inactive' }}</span></td>
                    <td class="d-flex gap-1">
                        <a href="{{ route('admin.team.edit', $item) }}" class="btn btn-sm btn-soft-primary">Edit</a>
                        <form method="POST" action="{{ route('admin.team.destroy', $item) }}" onsubmit="return confirm('Delete team member?');">@csrf @method('DELETE')
                            <button class="btn btn-sm btn-soft-danger">Delete</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="text-center text-muted">No team members found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div></div>
</div></div>
@endsection