@extends('layouts.app')

@section('content')
@php($monitoredPrefill = $monitoredPrefill ?? null)
@php($monitoredError = $monitoredError ?? null)
@php($monitoredArticle = $monitoredArticle ?? null)

<div class="d-flex flex-wrap align-items-start justify-content-between gap-3 mb-4">
    <h1 class="mb-0">Create Article</h1>
    <a href="#rewrite-prompt" class="button button-outline">Rewrite with ChatGPT</a>
</div>

@if($monitoredError)
    <div class="alert alert-warning" role="alert">{{ $monitoredError }}</div>
@endif

@if($monitoredPrefill)
    <div class="alert alert-info import-summary" role="status">
        <div class="d-flex flex-column gap-1">
            <div>
                <strong>Imported from monitor:</strong>
                @if($monitoredPrefill->source_name)
                    {{ $monitoredPrefill->source_name }}
                @else
                    Source {{ $monitoredPrefill->source_key }}
                @endif
                @if($monitoredPrefill->url)
                    <a href="{{ $monitoredPrefill->url }}" target="_blank" rel="noopener" class="ms-1">(open original)</a>
                @endif
            </div>
            <div class="text-muted">
                Scraped {{ $monitoredPrefill->scraped_at?->diffForHumans() ?? 'recently' }}
                @if($monitoredPrefill->region)
                    &middot; Suggested region: {{ \App\Models\News::REGIONS[$monitoredPrefill->region] ?? ucfirst($monitoredPrefill->region) }}
                @endif
            </div>
            @if(blank($monitoredPrefill->content))
                <div class="text-warning">We could not fetch the full body content. Please paste or rewrite it manually.</div>
            @endif
        </div>
    </div>
@endif

<form method="POST" action="{{ route('admin.news.store') }}">
    @csrf
    @include('admin.news.form', [
        'news' => $news ?? new \App\Models\News,
        'monitoredArticle' => $monitoredArticle,
        'monitoredPrefill' => $monitoredPrefill,
    ])
    <div class="d-flex gap-2">
        <button type="submit" name="submit_action" value="{{ \App\Models\News::STATUS_DRAFT }}" class="button button-secondary">Save draft</button>
        <button type="submit" name="submit_action" value="{{ \App\Models\News::STATUS_PUBLISHED }}" class="button button-primary">Publish</button>
    </div>
</form>
@endsection

@push('styles')
<style>
    .import-summary {
        border-left: 4px solid #2563eb;
    }

    .import-summary .text-warning {
        color: #b45309;
        font-weight: 500;
    }
</style>
@endpush