@extends('learn.layout')
@section('title', 'Business guides & ideas')
@section('content')
<div class="learn-shell learning-library" data-filter-root><h1>Ideas for your next chapter.</h1><p class="library-intro">Practical reading for starting, sourcing, and selling online.</p><div class="library-toolbar"><div class="learn-filters" aria-label="Article categories">@foreach(['All','Foundations','Sourcing','Getting started','Product research'] as $category)<button type="button" data-category="{{ $category }}" aria-pressed="{{ $loop->first ? 'true' : 'false' }}">{{ $category }}</button>@endforeach<a href="{{ route('success-stories') }}">Success stories ↗</a></div><label class="learn-search"><span class="visually-hidden">Search articles</span><input type="search" placeholder="Search articles" data-filter-search></label></div><p class="filter-count" data-filter-count role="status"></p><div class="article-grid">@foreach(config('learn.guides') as $slug=>$guide)<article class="article-card" data-filter-item data-category="{{ $guide['category'] }}"><a href="{{ route($slug) }}"><div class="article-image">@if($guide['image'])<img src="{{ asset('images/'.$guide['image']) }}" alt="" loading="lazy">@else<div class="sourcing-card">SOURCE.<br>CHECK.<br>BUILD.</div>@endif</div><div class="article-card-copy"><span>{{ $guide['category'] }}</span><h2>{{ $guide['title'] }}</h2><p>{{ $guide['summary'] }}</p><b>Read the guide ↗</b></div></a></article>@endforeach</div><p class="filter-empty" data-filter-empty hidden>No matching articles. Try a different search or category.</p></div>
@include('learn.cta')
@endsection