<x-layouts.app title="Portfolio">
    <section class="section">
        <p class="eyebrow">Portfolio</p>
        <h2>Selected work</h2>
        <div class="grid">
            @foreach ($projects as $project)
                <article class="card">
                    @if ($project->image_path)<img src="{{ asset('storage/'.$project->image_path) }}" alt="{{ $project->title }}">@endif
                    <span class="badge">{{ $project->category }}</span>
                    <h3>{{ $project->title }}</h3>
                    <p class="muted">{{ $project->description }}</p>
                    @if ($project->project_url)<a class="file-link" href="{{ $project->project_url }}">Open Project</a>@endif
                </article>
            @endforeach
        </div>
    </section>
</x-layouts.app>
