@extends('admin.layouts.app')

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

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

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

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

        <div class="mb-3">
            <label for="biography" class="form-label">Biografija</label>
            <textarea name="biography" id="biography" class="form-control" rows="5">{{ old('biography') }}</textarea>
            @error('biography') <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="status" class="form-label">Status</label>
            <select name="status" id="status" class="form-select" required>
                <option value="1" {{ old('status') == '1' ? 'selected' : '' }}>Aktivan</option>
                <option value="0" {{ old('status') == '0' ? 'selected' : '' }}>Neaktivan</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.doctors.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