@extends('admin.layouts.app')

@section('title', 'Dodaj uslugu')

@section('content')
<div class="container">
    <h1>Dodaj uslugu</h1>

    <form action="{{ route('admin.services.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <div class="mb-3">
            <label for="title" class="form-label">Naziv</label>
            <input type="text" name="title" id="title" value="{{ old('title') }}" class="form-control" required>
            @error('title') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label for="slug" class="form-label">Slug (opciono)</label>
            <input type="text" name="slug" id="slug" value="{{ old('slug') }}" class="form-control">
            <small class="form-text text-muted">Ako ostavite prazno, slug će biti automatski generisan.</small>
            @error('slug') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

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

        <div class="mb-3">
            <label for="parent_id" class="form-label">Roditeljska usluga (opciono)</label>
            <select name="parent_id" id="parent_id" class="form-select">
                <option value="">-- Nema --</option>
                @foreach($parentServices as $parentService)
                    <option value="{{ $parentService->id }}" {{ old('parent_id') == $parentService->id ? 'selected' : '' }}>{{ $parentService->title }}</option>
                @endforeach
            </select>
            @error('parent_id') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label for="doctors" class="form-label">Doktori (može više)</label>
            <select name="doctors[]" id="doctors" class="form-select" multiple>
                @foreach($doctors as $doctor)
                    <option value="{{ $doctor->id }}" @if(collect(old('doctors'))->contains($doctor->id)) selected @endif>{{ $doctor->name }}</option>
                @endforeach
            </select>
            @error('doctors') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label for="image" class="form-label">Slika</label>
            <input type="file" name="image" id="image" class="form-control" accept="image/*">
            @error('image') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label for="short_description" class="form-label">Kratak opis</label>
            <textarea name="short_description" id="short_description" class="form-control">{{ old('short_description') }}</textarea>
            @error('short_description') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label for="content" class="form-label">Sadržaj</label>
            <textarea name="content" id="content" class="form-control" rows="5">{{ old('content') }}</textarea>
            @error('content') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <div class="mb-3">
            <label for="status" class="form-label">Status</label>
            <select name="status" id="status" class="form-select" required>
                <option value="1" {{ old('status') == '1' ? 'selected' : '' }}>Aktivno</option>
                <option value="0" {{ old('status') == '0' ? 'selected' : '' }}>Neaktivno</option>
            </select>
            @error('status') <div class="text-danger">{{ $message }}</div> @enderror
        </div>

        <button type="submit" class="btn btn-primary">Sačuvaj</button>
        <a href="{{ route('admin.services.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