@extends('layouts.app')

@section('content')
<div class="p-6 container mx-auto">
  <h1 class="text-3xl font-bold mb-6">Portfolio Overview</h1>
  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
    @forelse($portfolios as $p)
      <a href="{{ route('portfolios.show',$p) }}" class="card hover:shadow-lg p-6">
        <h2 class="text-xl font-semibold">{{ $p->name }}</h2>
        <p class="mt-2 text-gray-600">Portfolio ID: {{ $p->id }}</p>
      </a>
    @empty
      <p class="text-gray-600">No portfolios found.</p>
    @endforelse
  </div>
</div>
@endsection