@extends("admin.main")
@section("content")
    @if(auth()->guard('admins')->user()->can("edit support"))
        @if($ticket->count())
            <div class="box shadow bg-white p-3 mb-3">
                <form action="{{ route('support.reply',['id' => $ticket->first()->id]) }}" method="post">
                    @csrf
                    <input type="hidden" name="ticket_id" value="{{ $ticket->first()->id}}">
                    <input type="hidden" name="customer_id" value="{{ $ticket->first()->customer_id}}">
                    <div class="card-body">
                        <div class="form-group">
                            <textarea id="editor" name="message" class="form-control editor"
                                      style="height: 300px">{{ old('message') }}</textarea>

                        </div>
                    </div>
                    <!-- /.card-body -->
                    <div class="card-footer">
                        <div class="float-right">
                            <a href="{{route('support.close',['ticket_num' => $ticket->first()->ticket_num])}}" data-code="" class="btn btn-close_tickets btn-secondary"><i
                                    class="far fa-window-close"></i> Close Ticket</a>
                            <button type="submit" class="btn btn-primary"><i class="far fa-envelope"></i> Trả lời
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            @foreach($ticket->all() as $item)
                @if($item->reply->isNotEmpty() && optional($item->reply->first())->user)
                    @foreach($item->reply()->latest('id')->get() as $_item)
                        <div class="ticket-reply shadow markdown-content staff">
                            <div class="ticket-reply-top">
                                <div class="user">
                                    <i class="fas fa-user-shield"></i>
                                    <span class="name">
                                        {{ $_item->user->firstname .' '.$_item->user->lastname }}
                                    </span>
                                </div>
                                <div class="info">
                                    <span class="type">Quản trị viên</span>
                                    <div class="date">{{ $_item->created_at }}</div>
                                </div>
                            </div>
                            <div class="ticket-message">
                                {!! $_item->message !!}
                            </div>
                        </div>
                    @endforeach
                @endif

                <div class="ticket-reply shadow markdown-content">
                    <div class="ticket-reply-top">
                        <div class="user">
                            <i class="fas fa-user"></i>
                            <span class="name">
                            {{ $item->customer->firstname .' '.$item->customer->lastname  }}
                        </span>
                        </div>
                        <div class="info">
                            <span class="type">Khách hàng</span>
                            <div class="date">{{ $item->created_at  }}</div>
                        </div>
                    </div>
                    <div class="ticket-message">
                        {!! $item->description !!}
                    </div>
                    <div class="ticket-attach p-3">
                        @php($data = json_decode($item->data))
                        @if($data->file)
                            <ul class="mailbox-attachments list-unstyled d-flex align-items-stretch clearfix">
                                <li style="cursor:pointer"
                                    onclick="return window.open('{{url('template/' . $data->file)}}')">
                                    @php($file_info = pathinfo(url('template/' . $data->file)))
                                    <span class="mailbox-attachment-icon has-img"><img
                                            src="{{url('template/' . $data->file)}}" alt="Attachment"></span>
                                    <div class="mailbox-attachment-info">
                                        <a href="#" class="mailbox-attachment-name"><i class="fas fa-camera"></i>
                                            {{ $file_info['basename'] }}</a>
                                        <span class="mailbox-attachment-size clearfix mt-1">
                                            <span>{{ filesize(public_path('template/' . $data->file))*0.001 }} KB</span>
                                            </span>
                                    </div>
                                </li>
                            </ul>
                        @endif
                    </div>
                </div>
            @endforeach
        @endif
    @else
        <div class="alert alert-danger alert-dismissible">
            <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Support
                management department</h5>
        </div>
    @endif

@endsection
@push('scripts')
    <script src="{{ asset('lib/ckeditor/ckeditor.js') }}"></script>
    <script>
        CKEDITOR.config.filebrowserImageUploadUrl = '{!! route('media.ckeditor',['_token' => csrf_token()]) !!}';
        CKEDITOR.replaceAll('editor');
    </script>
@endpush