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

@section('content')
    <section class="main-side">
        <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.update', $service->id) }}" method="POST" enctype="multipart/form-data">
                @method('PUT')
                @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 @selected($service->service_category_id === $cat->id) 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">{{ $service->name }}</textarea>
                </div>

                <div class="form-group">
                    <label for="">الحاله</label>
                    <select name="status" class="form-control">
                        <option value="1" {{ old('status', $service->status) == 1 ? 'selected' : null }}>مفعل</option>
                        <option value="0" {{ old('status', $service->status) == 0 ? 'selected' : null }}>غيرمفعل
                        </option>
                    </select>
                </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