@extends('admin.layouts.master')

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

@section('content')
<div class="row">
    <div class="col-lg-10">
        <form action="{{ route('admin.blogs.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card-admin">
                <div class="card-header-admin">
                    <h5 class="mb-0">Tambah Artikel Baru</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') }}" 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') == $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') }}</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') }}</textarea>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Thumbnail</label>
                            <input type="file" name="thumbnail" class="form-control form-control-admin" accept="image/*">
                        </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') }}">
                        </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') === 'draft')>Draft</option>
                                <option value="published" @selected(old('status', 'published') === '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') }}</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', true))>
                                <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', true))>
                                <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> Simpan
                </button>
                <a href="{{ route('admin.blogs.index') }}" class="btn btn-admin btn-admin-secondary ms-2">Batal</a>
            </div>
        </form>
    </div>
</div>
@endsection