@extends('layouts.app', ['pageSlug' => 'dashboard'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Tickets/view</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="">
    <div class="container-fluid wrap_content_panel_info clearfix" style="position: relative">
        <!-- ticket message -->
        <div class="col-lg-9 col-md-8 col-sm-7 col-xs-8 main_panel" style="border: 1px solid #b6b6b6;">
            <div class="spl-sticky-sidebar admin-ticket-sticky-head-wrapper" style="z-index: 101;">
                <div class="admin-ticket-sticky-head panel panel-default ticket-info-head-panel">
                    <div class="panel-body" id="ticket_info_in_view_3">
                        <div id="ticket_info_div_opened_3">

                            <div class="ticket-info-head clearfix">

                                <div class="row">
                                    <div class="col-lg-6 col-md-12 col-sm-12">
                                        <div class="ticket-info-status-subject">
                                            <div class="ticket-info-status">
                                                <label class="status-label label-ticket-status-2">closed</label>                                            </div>
                                            <div class="ticket-info-subject">
                                                Type: <label class="status-label label-high">slow</label>                                            </div>
                                        </div>

                                        <div class="clearfix"></div>
                                        <div class="ticket-info">
                                            <span>Created By Customer : {{$complain->username}} from Portal
                                                                                                <time class="text-muted timeago">{{$diff}}</time>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

                    @foreach ($logs as $log)
            <div class="ticket-messages" id="ticket_messages_3">
                <div class="message-block  customer" id="opened-ticket-message-14">
                    <div class="comment-heading clearfix" style="display:flex;">
                        <div title="Comment" class="comment-icon  default-avatar default_color--7">
                            <span class="default_avatar_letter">SYS</span>
                        </div>
                       
                        <div class="comment-title-wrapper" style="width: calc(100% - 60px);">
                            <h5 class="comment-title">
                                System
                            </h5>
                            <small class="comment-author">
                                <span class="icons"></span>
                                <span class="text-muted">
                                    sent:({{$log['time']}})
                                </span>
                            </small>
                            <div>
                            </div>
                        </div>
                        <div class="pull-right comment-heading-actions" style="display:flex">
                            <a href="javascript:void(0)" class="delete-message pull-right "
                                onclick="open_dialog_new('tickets/opened--delete-message?id=14');">
                                <i class="fa fa-edit"></i>
                            </a>
                            <a href="javascript:void(0)" class="delete-message pull-right "
                                onclick="open_dialog_new('tickets/opened--delete-message?id=14');">
                                <i class="fa fa-envelope"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ticket-message-body message-with-blockquote">
                        {!! $log['msg'] !!}
                    </div>
                </div>
            </div>
            @endforeach

            
            <div class="clearfix"></div>
        </div>
    </div>
</div>
@endsection

@push('js')

@endpush