@extends('admin.layout')
@section('title', 'Blog Düzenle')
@section('page-title', 'Blog Düzenle')

@section('content')
<div class="content-card">
<form action="{{ route('admin.blogs.update', $blog) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <div class="row">
            <div class="col-md-8">
                <!-- Başlık -->
                <div class="mb-3">
                    <label for="title" class="form-label">Blog Başlığı <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('title') is-invalid @enderror"
                           id="title" name="title" value="{{ old('title', $blog->title) }}" required>
                    @error('title')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Slug -->
                <div class="mb-3">
                    <label for="slug" class="form-label">Slug (URL)</label>
                    <input type="text" class="form-control @error('slug') is-invalid @enderror"
                           id="slug" name="slug" value="{{ old('slug', $blog->slug) }}">
                    <small class="form-text text-muted">Boş bırakırsanız başlıktan otomatik oluşturulur</small>
                    @error('slug')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <!-- İçerik -->
                <div class="mb-3">
                    <label for="content" class="form-label">Blog İçeriği <span class="text-danger">*</span></label>
                    <textarea class="form-control @error('content') is-invalid @enderror"
                              id="content" name="content" rows="15" required>{{ old('content', $blog->content) }}</textarea>
                    @error('content')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Görsel Yükleme -->
                <div class="mb-3">
                    <label for="image" class="form-label">Blog Görseli</label>
                    <input type="file" class="form-control @error('image') is-invalid @enderror"
                           id="image" name="image" accept="image/*">
                    @if($blog->image)
                        <div class="mt-2">
                            <small class="text-muted">Mevcut görsel:</small><br>
                            <img src="{{ asset($blog->image) }}" alt="Mevcut görsel" style="max-width: 200px; max-height: 200px; object-fit: cover;" class="mt-1">
                        </div>
                    @endif
                    <small class="form-text text-muted">Yeni görsel yüklerseniz eski görsel silinir. JPG, PNG, GIF veya WEBP formatında, maksimum 5MB. Otomatik olarak WEBP formatına dönüştürülecektir.</small>
                    @error('image')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                @include('admin.blogs._cover-generator')
            </div>

            <div class="col-md-4">
                <!-- Durum -->
                <div class="mb-3">
                    <label for="status" class="form-label">Durum <span class="text-danger">*</span></label>
                    <select class="form-select @error('status') is-invalid @enderror"
                            id="status" name="status" required>
                        <option value="archived" {{ old('status', $blog->status) == 'archived' ? 'selected' : '' }}>Arşivlenmiş</option>
                        <option value="published" {{ old('status', $blog->status) == 'published' ? 'selected' : '' }}>Yayında</option>
                    </select>
                    @error('status')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Kategori -->
                <div class="mb-3">
                    <label for="category_id" class="form-label">Kategori</label>
                    <select class="form-select @error('category_id') is-invalid @enderror"
                            id="category_id" name="category_id">
                        <option value="">Kategori Seçin</option>
                        @foreach($categories as $category)
                            <option value="{{ $category->id }}" {{ old('category_id', $blog->category_id) == $category->id ? 'selected' : '' }}>
                                {{ $category->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('category_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Meta Title -->
                <div class="mb-3">
                    <label for="meta_title" class="form-label">Meta Başlık (SEO)</label>
                    <input type="text" class="form-control @error('meta_title') is-invalid @enderror"
                           id="meta_title" name="meta_title" value="{{ old('meta_title', $blog->meta_title) }}">
                    @error('meta_title')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Meta Description -->
                <div class="mb-3">
                    <label for="meta_description" class="form-label">Meta Açıklama (SEO)</label>
                    <textarea class="form-control @error('meta_description') is-invalid @enderror"
                              id="meta_description" name="meta_description" rows="3">{{ old('meta_description', $blog->meta_description) }}</textarea>
                    @error('meta_description')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <!-- Meta Keywords -->
                <div class="mb-3">
                    <label for="meta_keywords" class="form-label">Meta Anahtar Kelimeler (SEO)</label>
                    <input type="text" class="form-control @error('meta_keywords') is-invalid @enderror"
                           id="meta_keywords" name="meta_keywords" value="{{ old('meta_keywords', $blog->meta_keywords) }}">
                    @error('meta_keywords')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>

        <!-- Buttons -->
        <div class="d-flex justify-content-between mt-4">
            <a href="{{ route('admin.blogs.index') }}" class="btn btn-secondary">
                <i class="bi bi-arrow-left"></i> İptal
            </a>
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-check-circle"></i> Güncelle
            </button>
        </div>
    </form>
</div>
@endsection