@extends('layouts.admin')
@section('title', $article->exists ? 'Edit article' : ($source ? 'Translate article' : 'New article'))

@section('content')
@php
    $v = fn ($k, $d = null) => old($k, $article->{$k} ?? $source?->{$k} ?? $d);
    $cropIds = collect(old('crop_ids', $article->exists ? $article->crops->pluck('id') : ($source?->crops->pluck('id') ?? [])))->map(fn ($i) => (int) $i);
    $topicIds = collect(old('topic_ids', $article->exists ? $article->categories->pluck('id') : ($source?->categories->pluck('id') ?? [])))->map(fn ($i) => (int) $i);
@endphp

@if ($article->exists)
    <div class="d-flex flex-wrap align-items-center gap-2 mb-3">
        <div class="me-auto">@include('partials.status', ['status' => $article->status_id])
            <span class="small text-muted-2">{{ $article->published_at ? 'Published '.ist($article->published_at) : 'Not published' }}</span></div>
        @include('partials.actions', ['actions' => $actions, 'route' => route('admin.articles.status', $article), 'id' => 'art'])
    </div>
@endif
@if ($source)
    <div class="alert alert-info small">Translating <strong>{{ $source->title }}</strong>. Write the text in the new language; crops and topics are copied over.</div>
@endif

<form method="POST" enctype="multipart/form-data" action="{{ $article->exists ? route('admin.articles.update', $article) : route('admin.articles.store') }}">
    @csrf @if ($article->exists) @method('PUT') @endif
    @if ($source)<input type="hidden" name="translation_of" value="{{ $source->id }}">@endif
    <div class="row g-3">
        <div class="col-lg-8">
            <div class="card mb-3"><div class="card-body row g-3">
                <div class="col-12"><label class="form-label">Title *</label><input name="title" value="{{ old('title', $article->title) }}" class="form-control form-control-lg" maxlength="200" required></div>
                <div class="col-md-6"><label class="form-label">Slug</label><input name="slug" value="{{ old('slug', $article->slug) }}" class="form-control" placeholder="Made from the title if empty"></div>
                <div class="col-md-6"><label class="form-label">Language *</label>
                    <select name="language_id" class="form-select" required>@foreach ($languages as $l)<option value="{{ $l->id }}" @selected(old('language_id', $article->language_id) == $l->id)>{{ $l->native_name }} ({{ $l->name }})</option>@endforeach</select></div>
                <div class="col-12"><label class="form-label">Summary <span class="text-muted-2 small">(card excerpt)</span></label><textarea name="summary" class="form-control" rows="2" maxlength="500">{{ old('summary', $article->summary) }}</textarea></div>
                <div class="col-12">
                    <label class="form-label">Body</label>
                    <textarea name="body" class="form-control font-monospace" rows="18" spellcheck="true">{{ $markup }}</textarea>
                    <div class="form-text">
                        <code>## Heading</code> · <code>- bullet</code> · <code>[ ] checklist item</code> (shown as "Take this to your field") · <code>&gt; reminder</code> (local-conditions note) · blank line between paragraphs.
                    </div>
                </div>
                <div class="col-12"><label class="form-label">Disclaimer</label><input name="disclaimer_text" value="{{ old('disclaimer_text', $article->disclaimer_text) }}" class="form-control" maxlength="500"></div>
            </div></div>

            @if ($article->exists && $article->body_blocks)
                <div class="card mb-3"><div class="card-header">Preview</div><div class="card-body block-preview">
                    @foreach ($article->body_blocks as $b)
                        @switch($b['type'])
                            @case('heading')<h3>{{ $b['text'] }}</h3>@break
                            @case('bullets')<ul>@foreach ($b['items'] as $i)<li>{{ $i }}</li>@endforeach</ul>@break
                            @case('checklist')<div class="fw-semibold small mb-1">Take this to your field</div><ul class="list-unstyled">@foreach ($b['items'] as $i)<li><i class="bi bi-square me-1"></i>{{ $i }}</li>@endforeach</ul>@break
                            @case('reminder')<p class="reminder">{{ $b['text'] }}</p>@break
                            @default<p>{{ $b['text'] }}</p>
                        @endswitch
                    @endforeach
                </div></div>
            @endif
        </div>

        <div class="col-lg-4">
            <div class="card mb-3"><div class="card-body row g-3">
                <div class="col-6"><label class="form-label">Type *</label><select name="article_type_id" class="form-select">@foreach ($types as $id => $l)<option value="{{ $id }}" @selected($v('article_type_id') == $id)>{{ $l }}</option>@endforeach</select></div>
                <div class="col-6"><label class="form-label">Format *</label><select name="content_format_id" class="form-select">@foreach ($formats as $id => $l)<option value="{{ $id }}" @selected($v('content_format_id') == $id)>{{ $l }}</option>@endforeach</select></div>
                <div class="col-12"><label class="form-label">Crops</label>
                    <select name="crop_ids[]" class="form-select" multiple size="6">@foreach ($crops as $id => $n)<option value="{{ $id }}" @selected($cropIds->contains($id))>{{ $n }}</option>@endforeach</select>
                    <div class="form-text">First selected is the main crop. None = all crops.</div></div>
                <div class="col-12"><label class="form-label">Topics</label>
                    <select name="topic_ids[]" class="form-select" multiple size="5">@foreach ($topics as $id => $n)<option value="{{ $id }}" @selected($topicIds->contains($id))>{{ $n }}</option>@endforeach</select></div>
                <div class="col-12"><label class="form-label">Author (expert)</label>
                    <select name="author_user_id" class="form-select"><option value="">—</option>@foreach ($authors as $u)<option value="{{ $u->id }}" @selected($v('author_user_id') == $u->id)>{{ $u->displayName() }}</option>@endforeach</select></div>
                <div class="col-12"><div class="form-check form-switch"><input type="checkbox" class="form-check-input" name="is_featured" value="1" id="feat" @checked(old('is_featured', $article->is_featured))><label class="form-check-label" for="feat">Featured guide</label></div></div>
            </div></div>

            <div class="card mb-3"><div class="card-header">Media</div><div class="card-body row g-3">
                @if ($article->cover)<div class="col-12"><img src="{{ \App\Services\MediaService::url($article->cover) }}" class="img-fluid rounded" alt=""></div>@endif
                <div class="col-12"><label class="form-label">Cover image</label><input type="file" name="cover" accept="image/jpeg,image/png" class="form-control"></div>
                <div class="col-12"><label class="form-label">Video URL</label><input type="url" name="external_video_url" value="{{ old('external_video_url', $article->external_video_url) }}" class="form-control"></div>
                <div class="col-6"><label class="form-label">Video length (min)</label><input type="number" step="0.5" name="video_minutes" value="{{ old('video_minutes', $article->video_duration_seconds ? round($article->video_duration_seconds / 60, 1) : '') }}" class="form-control"></div>
                <div class="col-6"><label class="form-label">Reading time</label><input type="number" name="reading_time_minutes" value="{{ old('reading_time_minutes', $article->reading_time_minutes) }}" class="form-control" placeholder="auto"></div>
                <div class="col-12"><label class="form-label">Source (news)</label><input name="source_name" value="{{ old('source_name', $article->source_name) }}" class="form-control mb-2" placeholder="Name"><input type="url" name="source_url" value="{{ old('source_url', $article->source_url) }}" class="form-control" placeholder="https://"></div>
            </div></div>

            <div class="d-grid gap-2 mb-3">
                <button class="btn btn-primary">Save</button>
                @if ($article->exists)
                    <a href="{{ route('admin.articles.create', ['translate' => $article->id]) }}" class="btn btn-outline-primary"><i class="bi bi-translate"></i> Add another language</a>
                @endif
            </div>

            @if ($translations->isNotEmpty())
                <div class="card mb-3"><div class="card-header">Other languages</div>
                    <ul class="list-group list-group-flush small">@foreach ($translations as $t)<li class="list-group-item"><a href="{{ route('admin.articles.edit', $t) }}">{{ $t->language->native_name }}: {{ $t->title }}</a></li>@endforeach</ul>
                </div>
            @endif
            @if ($article->exists)@include('partials.history', ['history' => $history])@endif
        </div>
    </div>
</form>

@if ($article->exists)
    <form method="POST" action="{{ route('admin.articles.destroy', $article) }}" class="mt-2">@csrf @method('DELETE')
        <button class="btn btn-sm btn-link text-danger" data-confirm="Delete this article?"><i class="bi bi-trash"></i> Delete article</button></form>
@endif
@endsection