@extends('layouts.public')
@section('content')<section class="hms-section"><div class="hms-container"><p class="hms-kicker">Strains</p><h1 class="hms-display mt-2">Current strain directory</h1><p class="mt-4 max-w-2xl text-black/65">Published strain information appears here. Descriptions are informational and may be updated as HMS refreshes its catalog.</p><form class="mt-8 flex flex-wrap gap-3 rounded-2xl bg-[var(--hms-cream)] p-4"><input class="min-w-64 flex-1 rounded-xl border border-black/10 bg-white px-4 py-3" name="q" value="{{ request('q') }}" placeholder="Search strains"><select class="rounded-xl border border-black/10 bg-white px-4 py-3" name="type"><option value="">All types</option>@foreach($types as $type)<option value="{{ $type }}" @selected(request('type')===$type)>{{ $type }}</option>@endforeach</select><button class="hms-button hms-button-primary">Apply</button></form><div class="mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">@forelse($strains as $strain)<article class="hms-card overflow-hidden">@if($strain->primaryMedia)<img class="aspect-[4/3] w-full object-cover" loading="lazy" src="{{ $strain->primaryMedia->publicUrl() }}" alt="{{ $strain->primaryMedia->alt_text }}">@endif<div class="p-6"><div class="flex items-center justify-between"><span class="hms-kicker text-[10px] text-[var(--hms-sage)]">{{ $strain->strain_type?:'Strain' }}</span><span class="text-xs text-black/40">{{ str($strain->availability_status)->headline() }}</span></div><h2 class="mt-3 font-serif text-3xl text-[var(--hms-forest-deep)]">{{ $strain->name }}</h2>@if($strain->short_description)<p class="mt-3 text-sm text-black/65">{{ $strain->short_description }}</p>@endif<a data-analytics-event="strain_view" data-analytics-properties='@json(["slug"=>$strain->slug])' class="mt-5 inline-block text-sm font-bold" href="{{ route('strains.show',$strain) }}">View details →</a></div></article>@empty<div class="col-span-full rounded-2xl border border-dashed border-black/15 p-8 text-black/50">No published strains match those filters.</div>@endforelse</div><div class="mt-10">{{ $strains->links() }}</div></div></section>@endsection