@extends('admin.layouts.app')

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

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

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

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

        <div class="mb-3">
            <label for="image" class="form-label">Slika</label><br>
            @if($doctor->image)
                <img src="{{ asset('storage/' . $doctor->image) }}" alt="{{ $doctor->name }}" style="max-width: 200px; margin-bottom:10px;">
            @endif
            <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', $doctor->status) == 1 ? 'selected' : '' }}>Aktivan</option>
                <option value="0" {{ old('status', $doctor->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