@extends('dashboard.app')

@section('content')
<div class="container mx-auto py-5">
    <div class="card">
        <div class="card-title p-3">
            <h3>Edit Post</h3>
        </div>

        <div class="card-body">
            {{-- Current Image --}}
            @if($blog->photo)
                <img src="{{ asset($blog->photo) }}" style="width:200px;height:200px" class="mb-3" alt="">
            @endif

            <form action="{{ route('blog.update', $blog->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
               

                <!-- Title -->
                <div class="form-group my-3">
                    <label>Blog Title</label>
                    <input type="text" name="title" class="form-control"
                           value="{{ old('title', $blog->title) }}" required>
                </div>

                <!-- Slug -->
                <div class="form-group my-3">
                    <label>Slug</label>
                    <input type="text" name="slug" class="form-control"
                           value="{{ old('slug', $blog->slug) }}" required>
                    <small class="text-muted">Editable URL</small>
                </div>

                <!-- Cover Photo -->
                <div class="form-group my-3">
                    <label>Blog Cover Photo</label>
                    <input type="file" name="photo" class="form-control">
                </div>

                <!-- Content -->
                <textarea name="content" class="summernote" required>
                    {{ old('content', $blog->content) }}
                </textarea>

                <!-- Meta Title -->
                <div class="form-group my-3">
                    <label>Meta Title</label>
                    <input type="text" name="meta_title" class="form-control"
                           value="{{ old('meta_title', $blog->meta_title) }}">
                </div>

                <!-- Meta Description -->
                <div class="form-group my-3">
                    <label>Meta Description</label>
                    <textarea name="meta_description" class="form-control" rows="3">{{ old('meta_description', $blog->meta_description) }}</textarea>
                </div>

                <!-- Meta Keywords -->
                <div class="form-group my-3">
                    <label>Meta Keywords</label>
                    <input type="text" name="meta_keywords" class="form-control"
                           value="{{ old('meta_keywords', $blog->meta_keywords) }}"
                           placeholder="keyword1, keyword2">
                </div>

                <div class="mt-4 text-end">
                    <button type="submit" class="btn btn-success">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection