@extends('admin.app')
@section('content')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" rel="stylesheet"/>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.all.min.js"></script>
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
            </div>
            <div id="content" class="content-body">
                <div class="card">
                    <div class="card-content">
                        <div class="card-body">

                            <div class="container-fluid">
                                <div class="panel panel-default">
                                    @if(isset($status['error']))
                                        <div class="alert alert-danger">
                                            <p>{{$status['error']}}</p>
                                        </div>
                                    @endif
                                    @if(isset($status['success']))
                                        <div class="alert alert-success">
                                            <p>{{$status['success']}}</p>
                                        </div>
                                    @endif
                                    <div class="panel-heading">
                                        <h4 class="panel-title">{{$ticket['subject']}}<span
                                                class="pull-right"
                                                style="color:black">{{date('d/m/Y H:i:s',strtotime($ticket['created_at']))}}</span>
                                        </h4>
                                    </div>
                                    <div class="panel-body">


                                        <div class="box box-widget">
                                            <!-- /.box-header -->
                                            <div class="box-body" style="padding: 30px;min-height: 40px;margin: 25px;">
                                                <!-- post text -->
                                                <p>{!! $ticket['description'] !!}</p>

                                            </div>
                                            <hr>
                                            <h4 style="text-align: center">Yanıtlar</h4>
                                            <hr>
                                        @if($ticket['replies'])
                                            @foreach($ticket['replies'] as $reply)
                                                <!-- /.box-body -->
                                                    <div class="box-footer box-comments"
                                                         style="margin-left: 20px;margin-right: 20px;box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);@if($reply['user_id'] != 0):  background-color: lightgray; @endif; ">

                                                        <div class="box-comment" style="padding-top: 20px;">
                                                            @if($reply['user_id'] == 0)<h4
                                                                style="padding-left: 40px">{{$ticket['customer']['customer']['name']}}
                                                                | {{$ticket['customer']['domain']}}</h4> @else <h4
                                                                style="padding-left: 40px">{{$reply['user']['name']}} |
                                                                SoftWate</h4> @endif
                                                            <div class="comment-text"
                                                                 style="min-height: 40px;padding: 25px;margin: 25px;">
                      <span class="username">
                        <span
                            class="text-muted pull-right">{{date('d/m/Y H:i:s',strtotime($reply['created_at']))}}</span>
                      </span>
                                                                {!! $reply['message'] !!}
                                                            </div>
                                                        </div>
                                                    </div>

                                                @endforeach
                                            @endif
                                            <script type="text/javascript"
                                                    src="view/javascript/summernote/summernote.js"></script>
                                            <link href="view/javascript/summernote/summernote.css" rel="stylesheet"/>
                                            <script type="text/javascript"
                                                    src="view/javascript/summernote/opencart.js"></script>
                                            <!-- /.box-footer -->
                                            <div class="box-footer">
                                                <form action="{{route('post-ticket-reply')}}" method="post">
                                                    {{csrf_field()}}
                                                    <input type="hidden" name="ticket_id" value="{{$ticket_id}}">
                                                    <!-- .img-push is used to add margin to elements next to floating images -->
                                                    <div class="form-group required">
                                                        <div class="col-sm-12">
                                                            <textarea id="desk_reply" name="message" id="input-message"
                                                                      class="form-control summernote"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <button type="submit" class="btn btn-block btn-primary">Gönder
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                            <!-- /.box-footer -->
                                        </div>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection
@section('js')
    <script src="{{asset('vendor/tinymce/tinymce.js')}}"></script>
    <script>
        var editor_config = {
            path_absolute : "/",
            selector: "#desk_reply",
            language: 'tr_TR',
            plugins: [
                "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                "searchreplace wordcount visualblocks visualchars code fullscreen",
                "insertdatetime media nonbreaking save table contextmenu directionality",
                "emoticons template paste textcolor colorpicker textpattern"
            ],
            toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
            relative_urls: false,
            file_browser_callback : function(field_name, url, type, win) {
                var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
                var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;

                var cmsURL = editor_config.path_absolute + 'panel/filemanager?field_name=' + field_name;
                if (type == 'image') {
                    cmsURL = cmsURL + "&type=Images";
                } else {
                    cmsURL = cmsURL + "&type=Files";
                }

                tinyMCE.activeEditor.windowManager.open({
                    file : cmsURL,
                    title : 'Filemanager',
                    width : x * 0.8,
                    height : y * 0.8,
                    resizable : "yes",
                    close_previous : "no"
                });
            }
        };
        tinymce.init(editor_config);

    </script>
    @endsection