@extends('backend.layouts.app')
@section('title', 'DIC at a Glance')

@section('content')
    <div class="card">
        <div class="card-body">

            <h5 class="card-header px-0 mb-3">DIC at a Glance</h5>

            <form action="{{ route('admin.dic-at-a-glance.update', 1) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row">
                    @foreach ($collegeInfos as $item)
                        <div class="col-md-12 mb-3">
                            <label class="form-label">
                                <strong>{{ $item->label }}</strong>
                            </label>

                            <textarea name="info[{{ $item->id }}]" class="form-control editor @error('info.' . $item->id) is-invalid @enderror"
                                rows="3">{{ old('info.' . $item->id, $item->value) }}</textarea>


                            @error('info.' . $item->id)
                                <small class="text-danger d-block mt-1">{{ $message }}</small>
                            @enderror
                        </div>
                    @endforeach
                </div>

                <button class="btn btn-primary px-4 mt-3" type="submit">Save</button>

            </form>

        </div>
    </div>
@endsection

@push('script')
    <script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>

    <script>
        document.querySelectorAll('.editor').forEach((editorElement) => {
            ClassicEditor.create(editorElement, {
                toolbar: [
                    'bold', 'italic', 'link',
                ]
            }).catch(error => console.error(error));
        });
    </script>
@endpush