@extends('admin.layouts.master')

@section('page-title', 'Edit Artikel')

@section('content')
<div class="row">
    <div class="col-lg-10">
        <form action="{{ route('admin.blogs.update', $blog->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="card-admin">
                <div class="card-header-admin">
                    <h5 class="mb-0">Edit Artikel</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-8">
                            <label class="form-label">Judul *</label>
                            <input type="text" name="title" class="form-control form-control-admin" value="{{ old('title', $blog->title) }}" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Kategori</label>
                            <select name="category_id" class="form-control form-control-admin">
                                <option value="">Pilih kategori</option>
                                @foreach($categories as $category)
                                <option value="{{ $category->id }}" @selected(old('category_id', $blog->category_id) == $category->id)>{{ $category->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Deskripsi Singkat</label>
                            <textarea name="short_description" class="form-control form-control-admin" rows="3">{{ old('short_description', $blog->short_description) }}</textarea>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Konten *</label>
                            <textarea name="content" class="form-control form-control-admin" rows="12" required>{{ old('content', $blog->content) }}</textarea>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Thumbnail</label>
                            @if($blog->thumbnail)
                            <div class="mb-2">
                                <img src="{{ Storage::url($blog->thumbnail) }}" alt="{{ $blog->title }}" style="max-width: 200px; border-radius: 8px;">
                            </div>
                            @endif
                            <input type="file" name="thumbnail" class="form-control form-control-admin" accept="image/*">
                            <small class="text-muted">Kosongkan jika tidak ingin mengubah thumbnail</small>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Meta Title</label>
                            <input type="text" name="meta_title" class="form-control form-control-admin" value="{{ old('meta_title', $blog->meta_title) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Status *</label>
                            <select name="status" class="form-control form-control-admin" required>
                                <option value="draft" @selected(old('status', $blog->status) === 'draft')>Draft</option>
                                <option value="published" @selected(old('status', $blog->status) === 'published')>Published</option>
                            </select>
                            <small class="text-muted">Artikel hanya tampil di frontend jika status-nya `Published`.</small>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Meta Description</label>
                            <textarea name="meta_description" class="form-control form-control-admin" rows="3">{{ old('meta_description', $blog->meta_description) }}</textarea>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check mt-2">
                                <input type="checkbox" name="is_index" id="blog_is_index" class="form-check-input" value="1" @checked(old('is_index', $blog->is_index))>
                                <label for="blog_is_index" class="form-check-label">Izinkan diindeks mesin pencari</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-check mt-2">
                                <input type="checkbox" name="is_follow" id="blog_is_follow" class="form-check-input" value="1" @checked(old('is_follow', $blog->is_follow))>
                                <label for="blog_is_follow" class="form-check-label">Izinkan link diikuti</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-4">
                <button type="submit" class="btn btn-admin btn-admin-primary">
                    <i class="fa-solid fa-save me-2"></i> Update
                </button>
                <a href="{{ route('admin.blogs.index') }}" class="btn btn-admin btn-admin-secondary ms-2">Batal</a>
            </div>
        </form>
    </div>
</div>
@endsection