@extends('admin.layouts.admin')
@section('title', 'الخدمات')
@push('css')
    <style>
        .ck-editor__editable {
            min-height: 150px;
        }
    </style>
@endpush

@section('content')
<section class="main-side">
        <x-admin-alert />
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb bg-light p-3">
                <li class="breadcrumb-item"><a href="#">الواجهة</a></li>
                <li href="" class="breadcrumb-item" aria-current="page">
                    الخدمات
                </li>
            </ol>
        </nav>
        <div class="section_content content_view">
            <form action="{{ route('admin.services.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="form-group">
                    <label for="category">{{ __('category') }}</label>
                    <select name="service_category_id" class="form-control" id="">
                        <option value="" selected disabled>اختر القسم</option>
                        @foreach ($categories as $cat)
                            <option value="{{ $cat->id }}">{{ $cat->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group mb-3">
                    <label for="" class="mb-1">اسم الخدمة</label>
                    <textarea class="form-control" id="name" name="name" cols="4">{{ old('name') }}</textarea>
                </div>


                <button type="submit" class="btn btn-primary">حفظ</button>
            </form>
        </div>
    </section>
@endsection
@push('js')
    <script src="https://cdn.ckeditor.com/ckeditor5/30.0.0/classic/ckeditor.js"></script>

    <script>
        ClassicEditor
            .create(document.querySelector('#name'), {
                language: {
                    ui: 'ar',
                    content: 'ar',
                },
            })
            .catch(error => {

            });
    </script>
@endpush