@extends('admin.layouts.app')

@section('content')
<div class="container mt-4">
    <h1>Izmeni unos u bazi znanja</h1>


    <form action="{{ route('admin.knowledge.update', $knowledgeArticle->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <div class="mb-3">
            <label for="title" class="form-label">Naslov</label>
            <input type="text" id="title" name="title" class="form-control" value="{{ old('title', $knowledgeArticle->title) }}" required>
        </div>

        <div class="mb-3">
            <label for="short_description" class="form-label">Kratak opis</label>
            <textarea id="short_description" name="short_description" class="form-control" rows="2">{{ old('short_description', $knowledgeArticle->short_description) }}</textarea>
        </div>

        <div class="mb-3">
            <label for="content" class="form-label">Sadržaj</label>
            <textarea id="content" name="content" class="form-control" rows="5">{{ old('content', $knowledgeArticle->content) }}</textarea>
        </div>

        <div class="mb-3">
            <label for="department_id" class="form-label">Odeljenje</label>
            <select id="department_id" name="department_id" class="form-control">
                <option value="">-- Izaberi --</option>
                @foreach($departments as $department)
                    <option value="{{ $department->id }}" {{ (old('department_id', $knowledgeArticle->department_id) == $department->id) ? 'selected' : '' }}>
                        {{ $department->title }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label for="service_id" class="form-label">Usluga</label>
            <select id="service_id" name="service_id" class="form-control">
                <option value="">-- Izaberi --</option>
                @foreach($services as $service)
                    <option value="{{ $service->id }}" {{ (old('service_id', $knowledgeArticle->service_id) == $service->id) ? 'selected' : '' }}>
                        {{ $service->title }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label for="image" class="form-label">Slika</label>
            <input type="file" id="image" name="image" class="form-control">
            @if($knowledgeArticle->image)
                <img src="{{ asset('storage/' . $knowledgeArticle->image) }}" alt="Slika" style="max-height: 150px; margin-top: 10px;">
            @endif
        </div>

        <div class="mb-3">
            <label for="status" class="form-label">Status</label>
            <select id="status" name="status" class="form-control">
                <option value="1" {{ (old('status', $knowledgeArticle->status) == 1) ? 'selected' : '' }}>Aktivan</option>
                <option value="0" {{ (old('status', $knowledgeArticle->status) == 0) ? 'selected' : '' }}>Neaktivan</option>
            </select>
        </div>

        <button type="submit" class="btn btn-success">Sačuvaj izmene</button>
        <a href="{{ route('admin.knowledge.index') }}" class="btn btn-secondary">Nazad</a>
    </form>
</div>
<script src="https://cdn.tiny.cloud/1/inrjht0ng6y4vo6onmvobng3lqsh3zzm4xghztbeiudfhiqs/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>

<script>
    tinymce.init({
        selector: 'textarea', // Selektuj textarea polje gde ćeš dodati editor
        plugins: 'advlist autolink lists link image charmap print preview anchor media',
        toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | link image media',
        height: 700,
        image_caption: true,
        automatic_uploads: true,
        file_picker_types: 'image',
        file_picker_callback: function (cb, value, meta) {
            var input = document.createElement('input');
            input.setAttribute('type', 'file');
            input.setAttribute('accept', 'image/*');
            input.onchange = function () {
                var file = this.files[0];
                var reader = new FileReader();
                reader.onload = function () {
                    var id = 'blobid' + (new Date()).getTime();
                    var blobCache = tinymce.activeEditor.editorUpload.blobCache;
                    var blobInfo = blobCache.create(id, file, reader.result);
                    blobCache.add(blobInfo);
                    cb(blobInfo.blobUri(), { title: file.name });
                };
                reader.readAsDataURL(file);
            };
            input.click();
        },
    });
</script>
@endsection