@extends('layouts.admin')
@section('content')
@php($editing = $strain->exists)
<p class="hms-kicker">Catalog</p>
<h1 class="font-serif text-4xl">{{ $editing ? 'Edit strain' : 'Add strain' }}</h1>
<p class="mt-2 max-w-3xl text-sm text-black/55">Choose Published when the strain is ready to appear publicly. There is no separate content-review queue.</p>

<form class="mt-8 grid gap-5 rounded-2xl border border-black/10 bg-white p-6 lg:grid-cols-2" method="POST" enctype="multipart/form-data" action="{{ $editing ? route('admin.strains.update', $strain) : route('admin.strains.store') }}">
    @csrf
    @if($editing) @method('PUT') @endif

    @foreach([['name','Name'],['slug','URL slug'],['strain_type','Type/category'],['lineage','Lineage']] as [$field,$label])
        <label class="grid gap-2 text-sm font-semibold">{{ $label }}
            <input class="rounded-xl border border-black/15 px-4 py-3" name="{{ $field }}" value="{{ old($field, $strain->$field) }}" @if($field === 'name') required @endif>
        </label>
    @endforeach

    <label class="grid gap-2 text-sm font-semibold lg:col-span-2">Short description
        <textarea class="rounded-xl border border-black/15 px-4 py-3" name="short_description">{{ old('short_description', $strain->short_description) }}</textarea>
    </label>
    <label class="grid gap-2 text-sm font-semibold lg:col-span-2">Description
        <textarea class="min-h-40 rounded-xl border border-black/15 px-4 py-3" name="description">{{ old('description', $strain->description) }}</textarea>
    </label>

    <section class="lg:col-span-2 rounded-2xl border border-black/10 bg-[var(--hms-cream)] p-5">
        <div class="flex flex-wrap items-start justify-between gap-3">
            <div>
                <h2 class="font-serif text-2xl">Research reference</h2>
                <p class="mt-1 text-sm text-black/60">Record a Leafly or other page used when researching this strain. Write HMS copy independently and fact-check it; do not copy source text, reviews, images, or scrape the source site.</p>
            </div>
            @if($strain->reference_source_url)
                <a class="text-sm font-semibold" href="{{ $strain->reference_source_url }}" target="_blank" rel="noopener noreferrer">Open reference ↗</a>
            @endif
        </div>
        <div class="mt-4 grid gap-4 lg:grid-cols-2">
            <label class="grid gap-2 text-sm font-semibold">Source name<input class="rounded-xl border border-black/15 px-4 py-3" name="reference_source_name" value="{{ old('reference_source_name', $strain->reference_source_name) }}" placeholder="Leafly"></label>
            <label class="grid gap-2 text-sm font-semibold">Reference URL<input class="rounded-xl border border-black/15 px-4 py-3" name="reference_source_url" value="{{ old('reference_source_url', $strain->reference_source_url) }}" placeholder="https://www.leafly.com/strains/..." type="url"></label>
            <label class="grid gap-2 text-sm font-semibold">Reference accessed<input class="rounded-xl border border-black/15 px-4 py-3" name="reference_accessed_at" type="datetime-local" value="{{ old('reference_accessed_at', $strain->reference_accessed_at?->format('Y-m-d\TH:i')) }}"></label>
            <label class="grid gap-2 text-sm font-semibold">Research notes<textarea class="rounded-xl border border-black/15 px-4 py-3" name="reference_notes" placeholder="Internal source notes; not displayed publicly.">{{ old('reference_notes', $strain->reference_notes) }}</textarea></label>
        </div>
    </section>

    <section class="lg:col-span-2 rounded-2xl border border-black/10 bg-[var(--hms-cream)] p-5">
        <div class="flex flex-wrap items-start justify-between gap-4">
            <div>
                <h2 class="font-serif text-2xl">Primary image</h2>
                <p class="mt-1 max-w-3xl text-sm text-black/55">Choose an existing image, upload one here, or paste a direct HTTPS image URL. New images are added automatically and selected for this strain.</p>
                <p class="mt-1 text-xs text-black/45">Only add images HMS has permission to publish. Alt text is required for new images.</p>
            </div>
            @if($strain->primaryMedia)
                <img class="h-24 w-32 rounded-xl border border-black/10 object-cover" src="{{ $strain->primaryMedia->publicUrl() }}" alt="{{ $strain->primaryMedia->alt_text }}">
            @endif
        </div>
        <div class="mt-5 grid gap-4 lg:grid-cols-2">
            <label class="grid gap-2 text-sm font-semibold lg:col-span-2">Use an existing image
                <select class="rounded-xl border border-black/15 bg-white px-4 py-3" name="primary_media_id">
                    <option value="">No existing image selected</option>
                    @foreach($media as $item)
                        <option value="{{ $item->id }}" @selected((string) old('primary_media_id', $strain->primary_media_id) === (string) $item->id)>{{ $item->original_filename }} — {{ $item->alt_text }}</option>
                    @endforeach
                </select>
            </label>
            <label class="grid gap-2 text-sm font-semibold">Upload a new image
                <input class="rounded-xl border border-black/15 bg-white px-4 py-3" type="file" name="primary_image_file" accept="image/jpeg,image/png,image/webp">
                <span class="text-xs font-normal text-black/45">JPG, PNG, or WebP. Maximum 8 MB.</span>
            </label>
            <label class="grid gap-2 text-sm font-semibold">Or paste an image link
                <input class="rounded-xl border border-black/15 bg-white px-4 py-3" type="url" name="primary_image_url" value="{{ old('primary_image_url') }}" placeholder="https://example.com/image.jpg">
            </label>
            <label class="grid gap-2 text-sm font-semibold lg:col-span-2">Alt text for the new image
                <input class="rounded-xl border border-black/15 bg-white px-4 py-3" name="primary_image_alt" value="{{ old('primary_image_alt') }}" placeholder="Describe what is visible in the image">
            </label>
        </div>
    </section>

    <label class="grid gap-2 text-sm font-semibold lg:col-span-2">Effects language <span class="font-normal text-amber-700">Use factual, supportable wording</span>
        <textarea class="rounded-xl border border-black/15 px-4 py-3" name="effects_text">{{ old('effects_text', $strain->effects_text) }}</textarea>
    </label>

    <label class="grid gap-2 text-sm font-semibold">Publishing status
        <select class="rounded-xl border border-black/15 px-4 py-3" name="status">
            @foreach(['draft'=>'Draft — not public','published'=>'Published — visible now','expired'=>'Expired — hidden','archived'=>'Archived — retained but hidden'] as $value=>$label)
                <option value="{{ $value }}" @selected(old('status', $strain->status ?: 'draft') === $value)>{{ $label }}</option>
            @endforeach
        </select>
    </label>

    <label class="grid gap-2 text-sm font-semibold">Availability
        <select class="rounded-xl border border-black/15 px-4 py-3" name="availability_status">
            @foreach(['unknown','available','limited','unavailable'] as $status)
                <option value="{{ $status }}" @selected(old('availability_status', $strain->availability_status ?: 'unknown') === $status)>{{ str($status)->headline() }}</option>
            @endforeach
        </select>
    </label>

    <label class="grid gap-2 text-sm font-semibold">THC %<input class="rounded-xl border border-black/15 px-4 py-3" name="thc_percent" type="number" min="0" max="100" step="0.001" value="{{ old('thc_percent', $strain->thc_percent) }}"></label>
    <label class="grid gap-2 text-sm font-semibold">CBD %<input class="rounded-xl border border-black/15 px-4 py-3" name="cbd_percent" type="number" min="0" max="100" step="0.001" value="{{ old('cbd_percent', $strain->cbd_percent) }}"></label>
    <label class="grid gap-2 text-sm font-semibold">Last verified<input class="rounded-xl border border-black/15 px-4 py-3" name="last_verified_at" type="datetime-local" value="{{ old('last_verified_at', $strain->last_verified_at?->format('Y-m-d\TH:i')) }}"></label>
    <label class="flex items-center gap-2"><input type="checkbox" name="is_featured" value="1" @checked(old('is_featured', $strain->is_featured))> Featured</label>

    <div class="lg:col-span-2 flex gap-3">
        <button class="hms-button hms-button-primary">Save strain</button>
        <a class="hms-button border border-black/15" href="{{ route('admin.strains.index') }}">Back</a>
    </div>
</form>

@if($editing)
    <form class="mt-6" method="POST" action="{{ route('admin.strains.destroy', $strain) }}">
        @csrf @method('DELETE')
        <button class="text-sm font-semibold text-red-700">Archive strain</button>
    </form>
@endif
@endsection