@extends('admin.layouts.app')
@section('content')
<div class="row">
    <div class="col-6">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    Reply ticket {{  $ticket->subject }}
                </h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.tickets.update', $ticket) }}" method="post">
                    @csrf
                    <div class="form-group row mb-3">
                        <div class="col">
                            <label for="message" class="form-label">Message <span class="text-danger">*</span></label>
                            <textarea class="form-control @error('message') is-invalid @enderror" id="message" name="message" rows="5">{{ old('message') }}</textarea>
                            @error('message')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row mb-3">
                        <div class="col">
                            <button type="submit" class="btn btn-primary" onclick="loadingBtn(this)">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-6">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    Message
                </h5>
            </div>
            <div class="card-body">
                {!! $ticket->message !!}
            </div>
        </div>
    </div>
</div>
@endsection


@section('script')
<script src="{{ asset('dashboard/libs/tinymce/tinymce.min.js') }}"></script>
<script>
    tinymce.init({
        selector: '#message'
        , plugins: 'ai tinycomments mentions anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed permanentpen footnotes advtemplate advtable advcode editimage tableofcontents mergetags powerpaste tinymcespellchecker autocorrect a11ychecker typography inlinecss'
        , toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | align lineheight | tinycomments | checklist numlist bullist indent outdent | emoticons charmap | removeformat'
        , tinycomments_mode: 'embedded'
        , tinycomments_author: 'Author name'
        , mergetags_list: [{
                value: 'First.Name'
                , title: 'First Name'
            }
            , {
                value: 'Email'
                , title: 'Email'
            }
        , ]
        , ai_request: (request, respondWith) => respondWith.string(() => Promise.reject("See docs to implement AI Assistant"))
    , });

</script>
@endsection