@extends('layouts.main-layout')

@section('title')
{{ config('app.name') }} - Pharmacy Edit Announcement
@endsection

@section('content')
<style>
    .ck-editor__editable_inline {
        min-height: 300px;
    }
</style>

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-8 my-5">
            @if($edit == 'one')
                <h1 class="text-center my-3">Izmena obaveštenje za apoteku {{ $message->message_sent_to->user_name }}</h1>
            @else
                <h1 class="text-center my-3">Izmena obaveštenje za sve apoteke</h1>
            @endif
            <form action="{{ url('/edit-announcement/'.$message->message_id.'/'.$edit) }}" method="POST">
                @csrf
                <div class="group-form">
                    <div class="card">
                        <div class="card-body">
                            <label class="form-label mb-3">Izmenite vaše obaveštenje</label>
                            <textarea name="edit_message_text" class="form-control" id="edit_message">{!! html_entity_decode($message->message_text) !!}</textarea>
                        </div>
                    </div>
                </div>
                <div class="group-form">
                    <input type="submit" value="Pošalji izmenenjeno obaveštenje" class="btn btn-primary">
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    ClassicEditor
        .create(document.querySelector('#edit_message'), {
            toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote'],
        })
        .catch(error => {
            console.log("CKEditor error: ", error);
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Nešto je pošlo po zlu, molimo pokušajte ponovo!'
            });
        });
</script>
@endsection