@extends('Layouts.admin')
@section('content')
    <div class="container-fluid">

        @if(\Session::has('info'))
        <div class="alert bg-green">
           {{\Session::get('info')}}
        </div>
        @endif

        <div class="row clearfix">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="card">
                    <div class="header">
                        <h2>Support</h2>
                        <ul class="header-dropdown m-r--5">
                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                    <i class="material-icons">more_vert</i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="body">
                        <div class="the_sc">

                            <h3><button>#{{$support->id}}</button> - {{$support->title}}</h3>
                            <div class="cc_a clearfix">
                                <li><b>Created: </b>{{$support->created_at->diffForHumans()}}</li>
                                <li>
                                    {!!  $support->status == 0 ? '<span class="op">Open</span>' : '<span class="cp">Closed</span>'!!}

                                </li>
                                <li><b>Support Type: </b> {{$support->reason}}</li>
                            </div>


                            @if($support->status == 0)
                            <div class="clearfix m-b-20">
                                <form method="post" action="{{route('supportAction', $support->id)}}">
                                    @csrf
                                    <button type="submit" class="btn btn-info waves-effect">
                                        CLOSE SUPPORT
                                    </button>
                                </form>
                            </div>
                            @else

                            <div class="clearfix m-b-20">
                                    <form method="post" action="{{route('supportAction2', $support->id)}}">
                                        @csrf
                                        <button type="submit" class="btn bg-teal waves-effect">
                                            REOPEN SUPPORT
                                        </button>
                                    </form>
                            </div>
                            @endif
                            <div class="sp_comment">
                                <div class="replies-body">
                                    @if($support->attachment_id != '')
                                        <div class="at_id">
                                            <a style="margin-bottom: 20px;display: block;" target="_blank" href="{{asset('images/supports/'.$support->attachment_id)}}">
                                            <img width="200px"  height="200px" src="{{asset('images/supports/'.$support->attachment_id)}}" alt="Attachment"></a>
                                        </div>
                                    @endif
                                    {{  $support->content  }}

                                </div>

                                <div class="sp_rep">
                                    <div class="replies1">
                                        <br />
<b>Notice</b>:  Undefined variable: support in <b>/home/johadtec/spiratech.ng/resources/views/Admin/Support/single.blade.php</b> on line <b>72</b><br />
<br />
<b>Notice</b>:  Trying to get property 'comment' of non-object in <b>/home/johadtec/spiratech.ng/resources/views/Admin/Support/single.blade.php</b> on line <b>72</b><br />
                                        @if(count($d) > 0)
                                            @foreach ($d as $comment)
                                                <div class="replies-{{$support->user->id == $comment->user->id ? "default" : "replied"}}">
                                                    <div class="replies-header">
                                                        <div class="rows">
                                                            <div class="col-md-11s2">
                                                                <div class="ticket-reply-name">
                                                                    @if($comment->user->id == Auth::user()->id)
                                                                        <p><i>Your reply</i></p>
                                                                    @else
                                                                        <p>   {{ $comment->user->fullname }} - <i>replied</i></p>
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="replies-body">
                                                        @if($comment->attachment_id != '')
                                                            <div class="at_id">
                                                                <a href="{{asset('images/supports/'.$comment->attachment_id)}}">
                                                                <img width="100%" src="{{asset('images/supports/'.$comment->attachment_id)}}"></a>
                                                            </div>
                                                        @endif
                                                        {!!  $comment->message  !!}
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>


                                    <div class="reply-form">
                                        <form action="{{route('adminSupportInnerPost', $support->id)}}" method="POST" class="form" enctype="multipart/form-data">
                                            @csrf
                                            <div class="form-group{{ $errors->has('comment') ? ' has-error' : '' }}">
                                                <div class="form-line">
                                                <label>Reply to Conversation</label>
                                                <textarea rows="5" cols="80" id="comment" class="form-control no-resize" name="comment" required></textarea>
                                                </div>


                                                @if($errors->has('comment'))
                                                    <div class="er">
                                                        {!!  $errors->get('comment')[0] !!}
                                                    </div>
                                                @endif
                                            </div>


                                            <div class="form-group">
                                                <label>* Attachment (5MB Max)</label>
                                                <input type="file" name="attachment">

                                                @if($errors->has('attachment'))
                                                    <div class="er">
                                                        {!!  $errors->get('attachment')[0] !!}
                                                    </div>
                                                @endif
                                            </div>

                                            <div class="form-group">
                                                <button type="submit" class="btn btn-primary m-t-15 waves-effect">Send</button>

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



                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- #END# Browser Usage -->
        </div>
    </div>
@stop

@section('scripts')

    <script src="{{asset('assets/admin_we2/plugins/bootstrap-select/js/bootstrap-select.js')}}"></script>
    <script>
        /*var favorite = [];
        var check_stat = 0;
        var checkboxes = document.querySelectorAll('input[type="checkbox"]');
        $('#b-all').on('click', function () {
            check_stat = 1;


        });
*/
        $('#selected').val = '';
        $(".filled-in.sp").on('change', function() {
            var favorite = [];
            $.each($("tbody input[type='checkbox']:checked"), function () {
                favorite.push($(this).attr('name'));
            });
            if (favorite.length > 0) {
                $('.btn.bg-black.waves-effect.waves-light').attr('disabled', false);
                $('#selected').val(favorite);
            } else {
                $('.btn.bg-black.waves-effect.waves-light').attr('disabled', true);
            }
        });


        /* function toggle(source) {
             checkboxes = document.querySelectorAll("input[type='checkbox']");
             for (var i = 0; i < checkboxes.length; i++) {
                 if (checkboxes[i] != source)
                     checkboxes[i].checked = source.checked;
                 //console.log(checkboxes[i].attr('id'));
             }
         }
     */
    </script>

@stop