@extends('admin.layouts.app')

@section('title', $post->exists ? 'Edit post' : 'New post')
@section('crumbs')
    <a href="{{ route('admin.posts.index') }}">Blog</a>
    <span>{{ $post->exists ? $post->title : 'New post' }}</span>
@endsection

@section('content')
    @php $selectedIds = collect(old('products', $selected))->map(fn ($v) => (int) $v)->all(); @endphp
    <form method="POST" enctype="multipart/form-data"
          action="{{ $post->exists ? route('admin.posts.update', $post) : route('admin.posts.store') }}">
        @csrf
        @if ($post->exists) @method('PUT') @endif

        <div class="grid-2">
            <div class="card">
                <div class="card-head"><h2>Content</h2></div>
                <div class="card-body form-grid">
                    @include('admin.partials.field', ['name' => 'title', 'label' => 'Title', 'value' => $post->title, 'required' => true, 'full' => true])
                    @include('admin.partials.slug-field', ['model' => $post, 'from' => 'f_title', 'source' => 'title'])
                    <div class="field">
                        <label for="f_blog_category_id">Category</label>
                        <select id="f_blog_category_id" name="blog_category_id" class="{{ $errors->has('blog_category_id') ? 'is-invalid' : '' }}">
                            <option value="">— Uncategorised —</option>
                            @foreach ($categories as $c)
                                <option value="{{ $c->id }}" @selected(old('blog_category_id', $post->blog_category_id) == $c->id)>{{ $c->name }}</option>
                            @endforeach
                        </select>
                        @error('blog_category_id') <div class="err">{{ $message }}</div> @enderror
                    </div>
                    @include('admin.partials.field', ['name' => 'excerpt', 'label' => 'Excerpt', 'type' => 'textarea', 'rows' => 3, 'value' => $post->excerpt, 'full' => true])
                    @include('admin.partials.field', ['name' => 'body', 'label' => 'Body', 'type' => 'textarea', 'rows' => 16, 'value' => $post->body, 'required' => true, 'full' => true, 'hint' => 'HTML allowed (<p>, <h2>, <ul>, <strong> …).'])
                    @include('admin.partials.field', ['name' => 'tags', 'label' => 'Tags', 'value' => implode(', ', $post->tags ?? []), 'placeholder' => 'health, tea, tips', 'hint' => 'Comma separated.'])
                    @include('admin.partials.field', ['name' => 'author', 'label' => 'Author', 'value' => $post->author])
                </div>
            </div>

            <div>
                <div class="card">
                    <div class="card-head"><h2>Publish</h2></div>
                    <div class="card-body form-grid">
                        @include('admin.partials.field', ['name' => 'published_at', 'label' => 'Publish date', 'type' => 'datetime-local', 'value' => $post->published_at?->format('Y-m-d\TH:i'), 'full' => true, 'hint' => 'Future date = scheduled.'])
                        <div class="span-2">
                            @include('admin.partials.check', ['name' => 'is_published', 'label' => 'Published', 'checked' => $post->is_published, 'hint' => 'Off = draft'])
                        </div>
                    </div>
                    <div class="form-actions">
                        <a href="{{ route('admin.posts.index') }}" class="btn btn-ghost">Cancel</a>
                        <button type="submit" class="btn btn-primary">{{ $post->exists ? 'Save changes' : 'Create post' }}</button>
                    </div>
                </div>

                <div class="card">
                    <div class="card-head"><h2>Cover &amp; look</h2></div>
                    <div class="card-body form-grid">
                        @include('admin.partials.field', ['name' => 'icon', 'label' => 'Icon (emoji)', 'value' => $post->icon, 'placeholder' => '🍵'])
                        @include('admin.partials.field', ['name' => 'bg', 'label' => 'Background (CSS)', 'value' => $post->bg, 'placeholder' => 'linear-gradient(…)'])
                        @include('admin.partials.image', ['name' => 'cover', 'label' => 'Cover image', 'path' => $post->cover, 'hint' => 'Max 4 MB.'])
                    </div>
                </div>

                <div class="card">
                    <div class="card-head"><h2>Related products</h2><span class="muted small">{{ count($selectedIds) }} selected</span></div>
                    <div class="card-body">
                        <div class="field">
                            <input type="search" class="input picker-search" placeholder="Filter products…" data-filter-select="f_products">
                            <select id="f_products" name="products[]" multiple size="10">
                                @foreach ($products as $p)
                                    <option value="{{ $p->id }}" @selected(in_array($p->id, $selectedIds, true))>{{ $p->icon }} {{ $p->name }}</option>
                                @endforeach
                            </select>
                            <small class="hint">Hold Ctrl (⌘ on Mac) to select multiple.</small>
                            @error('products.*') <div class="err">{{ $message }}</div> @enderror
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection