@extends('layouts.admin')

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

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

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

<form method="post" action="{{ route('admin.articles.store') }}" enctype="multipart/form-data">
    @csrf
    <div class="mb-3">
        <label class="form-label">Language code *</label>
        <input type="text" name="language_code" class="form-control" value="{{ old('language_code', 'en') }}" 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') }}" required>
        @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="mb-3">
        <label class="form-label">Slug (leave blank to auto-generate)</label>
        <input type="text" name="slug" class="form-control" value="{{ old('slug') }}">
    </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') }}</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') }}">
    </div>
    <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') }}" placeholder="https://... or /storage/...">
    </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') }}" placeholder="https://www.youtube.com/watch?v=...">
    </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" placeholder="iframe">{{ old('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') ? '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">Create</button>
    <a href="{{ route('admin.articles.index') }}" class="btn btn-secondary">Cancel</a>
</form>
@endsection