@if($workspaces->isEmpty())
    <div class="alert alert-info">No workspaces added yet.</div>
@else
<div class="table-responsive">
    <table class="table table-bordered table-hover">
        <thead class="thead-dark">
            <tr>
                <th>#</th>
                <th>Workspace Name</th>
                <th>Workspace URL</th>
                <th>API URL</th>
                <th>Token</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($workspaces as $i => $workspace)
            <tr>
                <td>{{ $i + 1 }}</td>
                <td>{{ $workspace->workspace_name }}</td>
                <td>
                    <a href="{{ $workspace->workspace_url }}" target="_blank">
                        {{ $workspace->workspace_url }}
                    </a>
                </td>
                <td><code>{{ $workspace->api_url }}</code></td>
                <td>
                    @if($workspace->api_token_name)
                        <span class="badge badge-info">{{ $workspace->api_token_name }}</span>
                    @else
                        <span class="badge badge-danger">No Token</span>
                    @endif
                </td>
                <td>
                    @if($workspace->status)
                        <span class="badge bg-success text-white">Active</span>
                    @else
                        <span class="badge bg-danger text-white">Inactive</span>
                    @endif
                </td>
                <td>
                    <button class="btn btn-sm btn-info"
                            onclick="openFetchModal({{ $workspace->id }}, '{{ addslashes($workspace->workspace_name) }}')">
                        <i class="fas fa-database"></i> Fetch Data
                    </button>
                    <button class="btn btn-sm btn-danger"
                            onclick="deleteWorkspace({{ $workspace->id }})">
                        <i class="fas fa-trash"></i> Delete
                    </button>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7" class="text-center text-muted">No workspaces found.</td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endif