@extends('layouts.default')
@section('content')

<div class="right_col" role="main">
  	<div class="">
	    <div class="page-title">
	      		
	      	<div class="title_left">
	      		<h3><span class="btn btn-primary btn-xs"><a href="{{url('ticketRecruiterShow')}}" style="color:#fff;text-decoration: none;"><i class="fa fa-arrow-left"></i> <b>Back</b></a></span>Ticket Details</h3>
	        	
	        	
	      	</div>
	    </div>
	    <div class="row">
        	<div class="col-md-12 col-sm-12 col-xs-12">
            	<div class="x_panel">
	            	<div class="x_content">

							<h3 class="col-md-12">Ticket Details</h3>
							<div class="col-md-12">
				               	<div class="form-group col-md-6">
				                  	<label class="col-md-4">Topic Name</label>
				                  	<span class="col-md-8"> 
				                  	{{ $tickets_lists->topic_name }}
				                  	</span>
				               	</div>
				               	<div class="form-group col-md-6">
				                  	<label class="col-md-4">Created Date</label>
				                  	<span class="col-md-8"> 
				                  	{{ date('d-M-Y',strtotime($tickets_lists->created_date)) }}
				                  	</span>
				               	</div>
				            </div>
				            <div class="col-md-12">
				               	<div class="form-group col-md-6">
				                  	<label class="col-md-4">Description</label>
				                  	<span class="col-md-8"> 
				                  	{{ $tickets_lists->description }}
				                  	</span>
				               	</div>
				               	<div class="form-group col-md-6">
				                  	<label class="col-md-4">Pre-closed Date</label>
				                  	<span class="col-md-8"> 
				                  	{{ $tickets_lists->pre_closed_date!=''?date('d-M-y',strtotime($tickets_lists->pre_closed_date)):'-' }}
				                  	</span>
				               	</div>
				            </div>
				            <div class="col-md-12">
				               	<div class="form-group col-md-6">
				                  	<label class="col-md-4">Closed Date</label>
				                  	<span class="col-md-8"> 
				                  	{{ $tickets_lists->closed_date!=''?date('d-M-y',strtotime($tickets_lists->closed_date)):'-' }}
				                  	</span>
				               	</div>
				               	<div class="form-group col-md-6">
				                  	<label class="col-md-4">Status</label>
				                  	<span class="col-md-8"> 
		
				                  	{!! $status !!}
				                  	</span>
				               	</div>
				            </div>
				            <div class="row">
				            	<div class="col-md-12">
									<h3>Comments</h3>
										@if(Entrust::hasRole('student_recruiter') || Entrust::hasRole('opt_recruiter') || Entrust::hasRole('bench_sales'))
											@if($tickets_lists->status !='0' && $tickets_lists->status !='2')
											<div class="btn-group pull-right">
												<form action="{{ url('closeRaisedTicket') }}" class="form-horizontal" method="post">
													{{ csrf_field() }}
													<input type="hidden" name="ticket_id" value="{{ $tickets_lists->id }}">
													<button class="btn btn-primary btn-xs" name="pre_close_ticket" style="margin-bottom: 10px" value="2">Close Ticket</button>
													<!-- <button type="button" class="btn btn-primary btn-xs" id="add_comment" style="margin-bottom: 10px">Add Comment</button> -->
												</form>
											</div>
											@endif
										@else
										<div class="btn-group pull-right">
											<form action="{{ url('closeRaisedTicket') }}" class="form-horizontal" method="post">
												{{ csrf_field() }}
												<input type="hidden" name="ticket_id" value="{{ $tickets_lists->id }}">
												@if($tickets_lists->status !='0' )
												<button class="btn btn-primary btn-xs" name="close_ticket" style="margin-bottom: 10px" id="close_ticket" value="1">Close Ticket</button>
												@endif
												@if($tickets_lists->status =='0')
												<button class="btn btn-primary btn-xs" name="re_open_ticket" style="margin-bottom: 10px" value="1">Re-open Ticket</button>
												@endif
												<!-- <button type="button" class="btn btn-primary btn-xs" id="add_comment" style="margin-bottom: 10px">Add Comment</button> -->
											</form>
										</div>
										@endif
										<div id="add_comment_div" style="display: none;">
											<form id="add_comment_form" action="{!!url('addTicketComment')!!}" method="post" class="form-horizontal form-label-left" data-toggle="validator">
									        <div class="panel panel-default">
									            <!-- <div class="panel-heading">
									            	<h6 class="panel-title"><i class="icon-paragraph-right2"></i> Add Comment </h6>
									            </div> -->
									            <div class="panel-body">
											        <div class="form-group">
											        	<div class="col-sm-12">
												            <label class="col-sm-2 control-label text-right">Comment:</label>
												            <div class="col-sm-10">
												            	<textarea class="form-control" name="comments" required></textarea>
												            	<div class="help-block with-errors"></div>
												            </div>
											            </div>
											        </div>
												    <div class="form-actions text-right">
												    	<input type="hidden" name="ticket_id" value="{{ $tickets_lists->id }}">
									                	<button type="button" id="close_comment_div" class="btn btn-danger btn-sm">Cancel</button>
									                	<input type="submit" name="add_comment" value="Save" class="btn btn-success btn-sm">
									                </div>
									           	</div>
											</div>
											{{ csrf_field() }}
											</form>
										</div>
										<!-- @if(count($ticket_comments)>0)
											@foreach($ticket_comments as $ticket_comment)
											<div class="form-group">
									        	<div class="col-sm-12">
										            <label class="col-sm-2 control-label text-right">
										            @if($ticket_comment->user_id==Auth::user()->id)
										            You:
										            @else
										            {{ ucwords($ticket_comment->name ) }}:
										            @endif
										            </label>
										            <div class="col-sm-10">
										            	{{ $ticket_comment->comments }}
										            </div>
									            </div>
									        </div>
									        @endforeach
										@endif -->
								</div>

								   <!-- recruiter comments by ramesh -->
        <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="x_panel tile fixed_height_320">
                <div class="x_title">
                    <h2>Ticket Comments</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <!-- <li><i class="fa fa-refresh btn btn-sm" title="refresh" aria-hidden="true" onclick="refresh()" id="refresh"></i> -->
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
               
                <div class="messages" style="height:60%; overflow: auto;" id="cmnt_div"></div> 
                    <div class="x_footer">
                        <div class="input-group">
                            <input type="hidden" id="ticket_id" name="ticket_id" value="{{$tickets_lists->id}}">
                            
                            <input id="comment" type="text" class="form-control input-sm" placeholder="Type your Comments here..."/>
                            <span class="input-group-btn">
                                <button class="btn btn-success btn-sm" id="btn-cmnt" onclick="add_comment()">
                                  Add Comment</button>
                            </span>
                        </div>
                    </div>
              
            </div>
        </div>
        <!-- recruiter comments end -->
							</div>
					</div>
				</div>
		  </div>
	  </div>
   </div>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$("#add_comment").click(function(){
		$("#add_comment").hide();
		$("#close_ticket").hide();
		$("#add_comment_div").show();
	});

	$("#close_comment_div").click(function(){
		$("#add_comment_div").hide();
		$("#add_comment").show();
		$("#close_ticket").show();
	});

});
</script>


<script>
    $(document).ready(function(){
        return refresh();
    });

     function add_comment(){
        ticket_id = $('#ticket_id').val();
        comment = $('#comment').val();
        $.ajax({
            url : '/tckt_commentbox',
            data :{ 'comment': comment , 'ticket_id': ticket_id},
            success : function(result){
                $('#cmnt_div').html(result);
                $('#comment').val('')
                $(".messages").animate({ scrollTop: $(document).height() }, "slow");
            }
        });
    };

    /*Callable Function*/
    function refresh(){
        ticket_id = $('#ticket_id').val();
        $.ajax({
            url : '/tckt_commentbox',
            data : 'comment='+'&ticket_id='+ticket_id,
            success : function(result){
                $('#cmnt_div').html(result);
                 $(".messages").animate({ scrollTop: $(document).height() }, "slow");
            }
        });
    };

      $("#comment").on('keydown', function (e) {
        if (e.keyCode == 13) {
        	add_comment();
          /* ticket_id = $('#ticket_id').val();
	        comment = $('#comment').val();
	        $.ajax({
	            url : '/tckt_commentbox',
	            data :{ 'comment': comment , 'ticket_id': ticket_id},
	            success : function(result){
      	          $('#cmnt_div').html(result);
         		   $('#comment').val('')
                 return refresh();
                }
            });*/
        }
    });
</script>


@stop