@extends('layouts.admin-main')
@section('content')
<style>
    .error{
        color: red;
    }
</style>

				<h2 class="main-title">Add Blog</h2>

				<div class="bg-white card-box border-20">
                    <form method="POST" action="{{route('add-blog')}}" enctype="multipart/form-data">
                        @csrf
                    <div class="dash-input-wrapper mb-30">
                        <label for="">Blog Title*</label>
                        <input type="text" placeholder="Blog Title"  name="title" >
                        @if($errors->has('title'))
                            <div class="error">{{ $errors->first('title') }}</div>
                         @endif
                    </div>
                    
                    <div class="dash-input-wrapper mb-30">
                    <div class="upload-btn position-relative tran3s ">
                        Upload Image
                        <input  type="file" id="uploadImg" name="image" >
                    </div>
                    @if($errors->has('image'))
                         <div class="error">{{ $errors->first('image') }}</div>
                     @endif
                    </div>
                    
                    <div class="dash-input-wrapper mb-30">
                        <label for="">Description*</label>
                        <textarea class="size-lg" id="editor1" name="description" placeholder="Write about the blog in details..."></textarea>
                        @if($errors->has('description'))
                         <div class="error">{{ $errors->first('description') }}</div>
                        @endif
                    </div>
                                     
                </div>
                    
                </div>

				<div class="button-group d-inline-flex align-items-center mt-30">
					<button type="submit" class="dash-btn-two tran3s me-3">Submit</button>
					<a href="{{route('admin-blogs')}}" class="dash-cancel-btn tran3s">Cancel</a>
				</div>
                </form>
			</div>
		</div>
		<!-- /.dashboard-body -->

        <script src="https://cdn.ckeditor.com/ckeditor5/34.2.0/classic/ckeditor.js"></script>
        <script>
            ClassicEditor
                .create(document.querySelector('#editor1'))
                .then(editor => { console.log(editor); })
                .catch(error => { console.error(error); });
        </script>
@endsection