@extends('components.layouts.manager.index')
@section('content')
    <div class="inline-flex gap-4 mt-2" role="group">
        <x-link.link-group
            path="{{route('manager.audio-books')}}"
            target=""
            text="بازگشت"
            class="">
            <x-icon.home class="size-6 me-2"/>
        </x-link.link-group>
    </div>
    <form
        class="space-y-4"
        action="{{route('manager.audio-books.store')}}"
        method="post">
        @csrf
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <x-inputs.input
                placeholder="نام کتاب"
                class=""
                type="text"
                name="name"
                value="{{old('name')}}"
                label="نام کتاب">
                <x-icon.phone class="size-6 text-gray-500"/>
            </x-inputs.input>
            <x-inputs.input
                placeholder="آدرس اینترنتی"
                class=""
                type="text"
                name="slug"
                value="{{old('slug')}}"
                label="آدرس اینترنتی">
                <x-icon.phone class="size-6 text-gray-500"/>
            </x-inputs.input>
            <x-inputs.textarea
                placeholder="توضیحات کوتاه"
                class=""
                name="short_description"
                value="{{old('short_description')}}"
                label="توضیحات کوتاه">
                <x-icon.phone class="size-6 text-gray-500"/>
            </x-inputs.textarea>
        </div>
        @error('description') <span class="text-red-500">{{$message}}</span>@enderror
        <textarea id="description" name="description">{{ old('description')  }}</textarea>
        <x-buttons.button text="ذخیره "/>
    </form>

@endsection
@section('scripts')
    <script src="{{asset('assets/plugins/ckeditor/ckeditor.js')}}"></script>
    <script src="{{asset('assets/plugins/ckeditor/lang/fa.js')}}"></script>
    <script>
        const editor = CKEDITOR.replace('description', {
            filebrowserUploadUrl: `{{route('article.imageUploader' , ['_token' => csrf_token()])}}`,
            customConfig: 'editorConfig',
            requires: 'widget',
        });
        CKEDITOR.editorConfig = function (config) {
            config.language = 'fa';
            config.uiColor = '#AADC6E';
            config.allowedContent = true;
            config.extraPlugins = 'language';
            config.height = 500;
            config.extraPlugins = 'uploadimage';
            config.uploadUrl = `{{route('article.imageUploader' , ['_token' => csrf_token()])}}`;
            config.toolbarCanCollapse = true;
            config.extraPlugins = 'font';
            config.font_names =
                'yekan;' +
                'vazir;'
        };
    </script>
@endsection