@extends('layouts.app')

@section('content')
    <div class="container">
        <h2>Create Blog Post</h2>
        <form action="{{ route('admin.blogForm') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label for="title">Title</label>
                <input type="text" class="form-control" id="title" name="title" required>
            </div>
            <div class="form-group">
                <label for="title"
                       style="font-size: 1.2rem; color: #555; font-weight: bold;">Description</label>
                <textarea class="nic-edit-p" name="content" placeholder="{{ __('Description') }}"
                          id="create_content"
                          style="width: 100%; height: 300px;"></textarea>
            </div>
            <div class="form-group">
                <label for="image">Image</label>
                <input type="file" class="form-control" id="image" name="image" required accept="image/*">
            </div>

            <button type="submit" class="btn btn-success">Create Post</button>
        </form>
    </div>

@endsection
@push('page_scripts')
    <script src="{{ asset('/js/nicEdit.js') }}"></script>
    <script src="{{ asset('/js/load.js') }}"></script>
    <script>
        $(document).ready(function () {
            bkLib.onDomLoaded(function () {
                new nicEditor({ fullPanel: true }).panelInstance('create_content');
            });
        });
    </script>
@endpush