@extends('theme.theme_main')

@section('breadcrumb')
{!! Breadcrumbs::render('help-desk.detail', $issue) !!}
@stop

@section('content_title')
<h1>
    Help Desk
</h1>
@stop

@section('content')
<section class="invoice">
    <!-- title row -->
    <div class="row">
        <div class="col-xs-12">
            <h2 class="page-header">
                <i class="fa fa-headphones"></i> {{$issue['title']}}
                <button class="btn btn-danger pull-right"><i class="fa fa-close"></i> Delete</button>
                <button class="btn btn-success pull-right" style="margin-right: 5px;"><i class="fa fa-check"></i> Completed</button>
            </h2>
        </div><!-- /.col -->
    </div>
    <!-- info row -->
    <div class="row invoice-info">
        <div class="col-sm-6 invoice-col">
            <b>From:</b> {{$issue['first_name']}} {{$issue['last_name']}} ({{$issue['role_name']}})<br>
            <b>Created:</b> {{convert_timezone($issue['created_at'])}}<br>
            <b>Updated:</b> {{convert_timezone($issue['updated_at'])}}<br>
        </div><!-- /.col -->
        
        <div class="col-sm-6 invoice-col">
            
            <b>Priority:</b>&nbsp;
            <span class="label label-primary" 
                  style="background-color:{{$help_desk_all_priority[$issue['priority_id']]['color']}} !important">
                {{$help_desk_all_priority[$issue['priority_id']]['name']}}
            </span><br>
            <b>Category:</b>&nbsp;
            <span class="label label-primary" 
                  style="background-color:{{$help_desk_all_category[$issue['category_id']]['color']}} !important">
                {{$help_desk_all_category[$issue['category_id']]['name']}}
            </span><br>
                
            <b>Status:</b>&nbsp;
            <span class="label label-primary" 
                  style="background-color:{{$help_desk_all_status[$issue['status_id']]['color']}} !important">
                {{$help_desk_all_status[$issue['status_id']]['name']}}
            </span><br>
            
        </div><!-- /.col -->
    </div><!-- /.row -->

    <!-- this row will not appear when printing -->
    <div class="row">
        <div class="col-xs-12">
            <br>
            <b>Description:</b><br>
            {!!$issue['content']!!}
            <hr>
        </div>
    </div>
    @if(isset($all_help_desk_comment['data']) && !empty($all_help_desk_comment['data']))
        @foreach ($all_help_desk_comment['data'] as $comment)
        <div class="row">
            <div class="col-xs-12">
                <b>Comment:</b> {{$comment['first_name']}} {{$comment['last_name']}} ({{$comment['role_name']}})
                <small class="pull-right">Date: {{convert_timezone($comment['created_at'])}}</small>
                <br>
                {!!$comment['content']!!}
                <hr>
            </div>
        </div>
        @endforeach
        <div class="box-footer clearfix">
            @if(isset($all_help_desk_comment['data']) && !empty($all_help_desk_comment['data']))
            <ul class="pagination pagination-sm no-margin pull-right">
                <li class="{{empty($all_help_desk_comment['prev_page_url'])?'disabled':''}}">
                                        <a href="{{url('help-desk/detail/'.$issue['id'].'?').http_build_query($http_query)}}">&laquo;</a>
                </li>
                                                <li class="{{empty($all_help_desk_comment['next_page_url'])?'disabled':''}}">
                                        <a href="{{url('help-desk/detail/'.$issue['id'].'?').http_build_query($http_query)}}">&raquo;</a>
                </li>
            </ul>
            @endif
        </div>
    @endif
        
    <div class="row">
        <div class="col-xs-12">
            <b>Reply:</b><br>
            <form action="" method="post" class="form-horizontal">
                <div class="form-group {!! $errors->has('content') ? 'has-error' : '' !!}">
                    <textarea class="form-control" id="inputDescription" rows="3" id="content"
                              placeholder="Description..." name="content">{{old('content', $reply['content'])}}</textarea>
                    {!! $errors->first('content', '<span class="help-block">:message</span>') !!}
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                        {!! csrf_field() !!}
                        <input type="hidden" value="form" name="update_form">
                        <button type="submit" class="btn btn-danger pull-right">Submit</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section><!-- /.content -->
@stop

@section('script')
<script src="https://cdn.ckeditor.com/4.4.3/standard/ckeditor.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    CKEDITOR.replace('content');
});
</script>
@stop