@extends('layouts.admin')

@section('title', 'Edit Article')

@section('content')
<h1 class="mb-4">Edit Article</h1>

<p class="text-muted small mb-3">{{ __('Same slug for translations') }}</p>

<form method="post" action="{{ route('admin.articles.update', $article) }}" enctype="multipart/form-data">
    @csrf
    @method('PUT')
    <div class="mb-3">
        <label class="form-label">Language code *</label>
        <input type="text" name="language_code" class="form-control" value="{{ old('language_code', $article->language_code) }}" maxlength="10" required>
    </div>
    <div class="mb-3">
        <label class="form-label">Title *</label>
        <input type="text" name="title" class="form-control @error('title') is-invalid @enderror" value="{{ old('title', $article->title) }}" required>
        @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="mb-3">
        <label class="form-label">Slug *</label>
        <input type="text" name="slug" class="form-control @error('slug') is-invalid @enderror" value="{{ old('slug', $article->slug) }}" required>
        @error('slug')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="mb-3">
        <label class="form-label">Content *</label>
        <textarea name="content" class="form-control @error('content') is-invalid @enderror" rows="10" required>{{ old('content', $article->content) }}</textarea>
        @error('content')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="mb-3">
        <label class="form-label">Author</label>
        <input type="text" name="author" class="form-control" value="{{ old('author', $article->author) }}">
    </div>
    @if($article->image)
    <div class="mb-2"><img src="{{ $article->image }}" alt="" class="img-thumbnail" style="max-height:120px;"></div>
    @endif
    <div class="mb-3">
        <label class="form-label">{{ __('Upload image') }}</label>
        <input type="file" name="image_file" class="form-control" accept="image/*">
    </div>
    <div class="mb-3">
        <label class="form-label">{{ __('Image URL (if not uploading)') }}</label>
        <input type="text" name="image" class="form-control" value="{{ old('image', $article->image) }}">
    </div>
    <div class="mb-3">
        <label class="form-label">{{ __('Video URL (YouTube / Vimeo)') }}</label>
        <input type="text" name="video_url" class="form-control" value="{{ old('video_url', $article->video_url) }}">
    </div>
    <div class="mb-3">
        <label class="form-label">{{ __('Upload video file (MP4/WebM)') }}</label>
        <input type="file" name="video_file" class="form-control" accept="video/mp4,video/webm">
    </div>
    <div class="mb-3">
        <label class="form-label">{{ __('Embed HTML (iframe)') }}</label>
        <textarea name="embed_html" class="form-control font-monospace small" rows="4">{{ old('embed_html', $article->embed_html) }}</textarea>
        <div class="form-text">{{ __('Optional. Paste a full iframe from your host. Each language can have its own embed.') }}</div>
    </div>
    <div class="mb-3 form-check">
        <input type="checkbox" name="show_on_home" value="1" class="form-check-input" id="article_show_on_home" {{ old('show_on_home', $article->show_on_home) ? 'checked' : '' }}>
        <label class="form-check-label" for="article_show_on_home">{{ __('Show on home page') }}</label>
        <div class="form-text">{{ __('Pinned items appear first in the home articles section (up to 6 total).') }}</div>
    </div>
    <button type="submit" class="btn btn-primary">Update</button>
    <a href="{{ route('admin.articles.index') }}" class="btn btn-secondary">Cancel</a>
</form>
@endsection