@extends('components.layouts.manager.index')
@section('content')
    <div class="inline-flex gap-4 mt-2" role="group">
        <x-link.link-group
            path="{{route('manager.landings')}}"
            target=""
            text="بازگشت"
            class="">
            <x-icon.home class="size-6 me-2"/>
        </x-link.link-group>
    </div>
    <form
        method="post"
        class="bg-orange-100 p-2 rounded-md shadow-sm shadow-orange-400"
        action="{{route('manager.landings.store')}}">
        @csrf
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 ">
            <x-inputs.input
                placeholder="موضوع لندینگ"
                class=""
                type="text"
                name="title"
                value="{{old('title')}}"
                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.input
                placeholder="قیمت لندینگ"
                class=""
                type="number"
                name="price"
                value="{{old('price')}}"
                label="قیمت لندینگ">
                <x-icon.phone class="size-6 text-gray-500"/>
            </x-inputs.input>
            <x-inputs.input
                placeholder="تخفیف لندینگ"
                class=""
                type="number"
                name="discount"
                value="{{old('discount')}}"
                label="تخفیف لندینگ">
                <x-icon.phone class="size-6 text-gray-500"/>
            </x-inputs.input>
            <div class="space-y-4">
                @error('courses_id') <span class="text-red-500">{{$message}}</span>@enderror
                @foreach($courses as $course)
                    <div class="flex items-center ps-4 border border-gray-800 rounded">
                        <input id="bordered-checkbox-{{$loop->index}}" type="checkbox" value="{{$course->id}}"  name="courses_id[]"
                               class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500  focus:ring-2">
                        <label for="bordered-checkbox-{{$loop->index}}" class="w-full py-4 ms-2 text-sm font-medium text-gray-900">{{$course->name}}</label>
                    </div>
                @endforeach
            </div>
        </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