@extends('layouts.admin')

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

@section('content')
<div style="margin-bottom: 24px;">
    <a href="{{ route('admin.posts.index') }}" style="color: var(--text-muted); text-decoration: none; font-size: 13px;">← Back to Articles</a>
    <h1 class="serif" style="font-size: 26px; margin-top: 8px; color: #0f172a;">Edit Article: {{ $post->title }}</h1>
</div>

<div class="admin-card" style="max-width: 800px;">
    <form action="{{ route('admin.posts.update', $post) }}" method="POST">
        @csrf
        @method('PUT')
        
        <div style="margin-bottom: 16px;">
            <label style="display: block; margin-bottom: 6px; font-size: 13px; color: var(--text-muted);">Article Title *</label>
            <input type="text" name="title" value="{{ old('title', $post->title) }}" class="form-control" required>
        </div>

        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px;">
            <div>
                <label style="display: block; margin-bottom: 6px; font-size: 13px; color: var(--text-muted);">Category *</label>
                <input type="text" name="category" value="{{ old('category', $post->category) }}" class="form-control" required>
            </div>
            <div>
                <label style="display: block; margin-bottom: 6px; font-size: 13px; color: var(--text-muted);">Read Time</label>
                <input type="text" name="read_time" value="{{ old('read_time', $post->read_time) }}" class="form-control">
            </div>
        </div>

        <div style="margin-bottom: 16px;">
            <label style="display: block; margin-bottom: 6px; font-size: 13px; color: var(--text-muted);">Short Summary / Excerpt *</label>
            <textarea name="excerpt" rows="2" class="form-control" required>{{ old('excerpt', $post->excerpt) }}</textarea>
        </div>

        <div style="margin-bottom: 20px;">
            <label style="display: block; margin-bottom: 6px; font-size: 13px; color: var(--text-muted);">Full Content (HTML allowed) *</label>
            <textarea name="content" rows="8" class="form-control" required>{{ old('content', $post->content) }}</textarea>
        </div>

        <div style="margin-bottom: 24px; color: #334155;">
            <label style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
                <input type="checkbox" name="is_published" value="1" {{ $post->is_published ? 'checked' : '' }}> Published
            </label>
        </div>

        <div style="display: flex; gap: 12px;">
            <button type="submit" class="btn-admin btn-primary">Update Article</button>
            <a href="{{ route('admin.posts.index') }}" class="btn-admin btn-secondary">Cancel</a>
        </div>
    </form>
</div>
@endsection