@extends('admin.layouts.app')

@section('content')

<h3 class="mb-4">Edit Blog</h3>

<div class="card shadow-sm p-4">

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

        <!-- Current Image -->
        <div class="mb-3">
            <label>Current Image</label><br>
            <img src="{{ asset('uploads/blogs/'.$blog->cover_image) }}" width="120" style="border-radius:8px;">
        </div>

        <!-- Change Image -->
        <div class="mb-3">
            <label>Change Cover Image</label>
            <input type="file" name="image" class="form-control">
        </div>

        <!-- Title -->
        <div class="mb-3">
            <label>Title</label>
            <input type="text" name="title" class="form-control" value="{{ $blog->title }}">
        </div>

        <!-- Description -->
        <div class="mb-3">
            <label>Description</label>
            <input type="text" name="description" class="form-control" value="{{ $blog->description }}">
        </div>

        <!-- Content -->
        <div class="mb-3">
            <label>Content</label>
            <textarea name="content" id="editor">{{ $blog->content }}</textarea>
        </div>

        <button class="btn btn-success">Update Blog</button>

    </form>

</div>

@endsection


@section('scripts')

<script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>

<script>
    ClassicEditor
        .create(document.querySelector('#editor'))
        .catch(error => console.error(error));
</script>

@endsection