@extends('layouts.public')
@section('content')
<section class="hms-section"><div class="hms-container max-w-5xl"><div class="grid gap-10 lg:grid-cols-[.9fr_1.1fr]">@if($strain->primaryMedia)<img class="aspect-square w-full rounded-3xl object-cover" src="{{ $strain->primaryMedia->publicUrl() }}" alt="{{ $strain->primaryMedia->alt_text }}">@else<div class="aspect-square rounded-3xl bg-[var(--hms-sage-soft)] grid place-items-center text-black/45">Image coming soon</div>@endif<div><p class="hms-kicker">Strain information</p><h1 class="hms-display mt-2">{{ $strain->name }}</h1>@if($strain->strain_type)<p class="mt-3 uppercase tracking-wider text-sm text-black/45">{{ $strain->strain_type }}</p>@endif@if($strain->description)<div class="prose mt-8 max-w-none">{!! nl2br(e($strain->description)) !!}</div>@endif@if($strain->lineage)<p class="mt-8"><span class="text-black/50">Lineage:</span> <strong>{{ $strain->lineage }}</strong></p>@endif@if($strain->last_verified_at)<p class="mt-3 text-sm text-black/55">Last verified {{ $strain->last_verified_at->toFormattedDateString() }}</p>@endif@if($strain->reference_source_url)<p class="mt-3 text-xs text-black/45">Research reference: <a class="underline" href="{{ $strain->reference_source_url }}" target="_blank" rel="noopener noreferrer nofollow">{{ $strain->reference_source_name ?: 'External source' }}</a>@if($strain->reference_accessed_at) · accessed {{ $strain->reference_accessed_at->toFormattedDateString() }}@endif</p>@endif<div class="mt-8 rounded-2xl bg-[var(--hms-cream)] p-5 text-sm text-black/65">Strain descriptions are informational and are not medical advice or guarantees of any outcome. HMS descriptions are independently written and may be updated as catalog information changes.</div><div class="mt-8 flex gap-3"><a data-analytics-event="directions_click" class="hms-button hms-button-primary" href="{{ route('visit') }}">Visit the store</a><a class="hms-button border border-black/15" href="{{ route('strains.index') }}">Back to strains</a></div></div></div>@if($relatedProducts->isNotEmpty())<section class="mt-12 border-t border-black/10 pt-10"><div class="flex items-end justify-between gap-4"><div><p class="hms-kicker">Available catalog</p><h2 class="font-serif text-3xl">Products related to {{ $strain->name }}</h2></div><a class="text-sm font-semibold underline" href="{{ route('products.index') }}">All products</a></div><div class="mt-6 grid gap-5 sm:grid-cols-2 lg:grid-cols-3">@foreach($relatedProducts as $product)<a class="rounded-2xl border border-black/10 bg-white p-4 no-underline transition hover:-translate-y-0.5 hover:shadow-md" href="{{ route('products.show',$product) }}">@if($product->primaryMedia)<img class="aspect-[4/3] w-full rounded-xl object-cover" src="{{ $product->primaryMedia->publicUrl() }}" alt="{{ $product->primaryMedia->alt_text }}">@endif<strong class="mt-4 block text-[var(--hms-forest-deep)]">{{ $product->name }}</strong><span class="mt-1 block text-xs text-black/50">{{ str($product->availability_status)->headline() }}</span></a>@endforeach</div></section>@endif</div></section>
@endsection