@extends('layouts.admin')

@section('content')

            <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
						 
                            <div class="nk-content-body">
                                <div class="nk-block-head">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title">Ticket Details</h3>
                                        </div><!-- .nk-block-head-content -->
                                        @if (session('success')) 
                                           <div class="alert alert-fill alert-success alert-icon" style="margin-bottom:0px; padding: 13px 50px !important;">
                                                <em class="icon ni ni-check-circle"></em> <strong>{{ session('success') }}</strong>
                                           </div>
                                        @endif
                                        @if ($errors->any())
                                            <div class="alert alert-danger" style="margin-bottom:0px;">
                                                <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                    </div><!-- .nk-block-between -->
                                </div><!-- .nk-block-head -->
								<div class="nk-block">
                                    <div class="row gy-5">
                                        <div class="col-lg-12">
                                            <div class="card card-bordered">
                                                <ul class="data-list is-compact">
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Username</div>
                                                            <div class="data-value">{{ @$ticket_user }}</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Ticket Name</div>
                                                            <div class="data-value">{{ @$ticket_data->ticket_name }}</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Description</div>
                                                            <div class="data-value">{{ @$ticket_data->description }}</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Priority</div>
                                                            <div class="data-value"><span class="badge badge-md badge-pill badge-outline-primary">{{ ucfirst(@$ticket_data->priority) }}</span></div>
                                                        </div>
                                                    </li>
													<li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Category</div>
                                                            <div class="data-value">{{ @$ticket_data->category }}</div>
                                                        </div>
                                                    </li>
													<li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Status</div>                                                            
                                                            <div class="data-value">
                                                                    @php
                                                                      if(@$ticket_data->status == 'in-progress'){
                                                                        $status = str_replace("-", " ", $ticket_data->status);                                                                      
                                                                      } else {
                                                                        $status = $ticket_data->status;
                                                                      }
                                                                    @endphp 
                                                                <span class="badge badge-md badge-pill badge-outline-primary">{{ ucfirst(@$status) }}</span>                                                         
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Created At</div>
															                                                             <div class="data-value">{{$formatdate}}</div>
                                                        </div>
                                                    </li>
                                                    @if($ticket_data->ticket_file)
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Attachement</div>
                                                            <div class="data-value">
                                                                <a href="{{ route('getfile', [ 'filename'=>$ticket_data->ticket_file] )}}" target="_blank">
                                                                <span class="badge badge-md badge-pill badge-outline-primary">Download File</span>
                                                                 </a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    @endif
                                                </ul>
                                            </div><!-- .card -->
                                        </div><!-- .col -->
                                    </div><!-- .row -->
                                </div><!-- .nk-block -->
                            </div>
                            <div class="nk-content-body">
                                <div class="components-preview wide-md mx-auto" style="padding-top:35px;">
                                    <div class="nk-block nk-block-lg">
                                        <div class="nk-block-head">
                                            <div class="nk-block-head-content">
                                                <h4 class="title nk-block-title">Ticket Comments</h4>
                                            </div>
                                        </div>
                                        <div class="card card-preview">
                                            <div class="card-inner">
                                                <div class="row g-gs">
                                                    @if( count(@$ticketcomments) > 0)

                                                    @foreach($ticketcomments as $ticketcomment)
                                                                                                            <div class="col-lg-12">
                                                            <div class="card card-bordered">
                                                                                                                                                                                                <div class="card-header border-bottom"><em class="icon ni ni-user-alt-fill"></em> {{$username}} ({{$formatdate}})</div>
                                                                <div class="card-body">
                                                                    <p class="card-text">{{$ticketcomment->comment}}</p>
                                                                </div>                                     
                                                                
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                    @else 
                                                      <div class="col-lg-12">
                                                            <div class="card card-bordered">
                                                                <div class="card-header border-bottom">Admin</div>
                                                                <div class="card-body">
                                                                    <p class="card-text">There are no comments.</p>
                                                                </div>                                    
                                                            </div>
                                                        </div>
                                                      @endif
                                                </div>
                                            </div>
                                        </div><!-- .card-preview -->
                                    </div>
                                </div>
                            </div>
                           @if( $ticket_data->status != 'closed')
                           <form method="POST" action="{{ route('replyticket') }}" class="form-validate is-alter" enctype="multipart/form-data">
                            {{ csrf_field() }}
							<div class="nk-content-body">
                                <div class="components-preview wide-md mx-auto" style="padding-top:35px;">
                                    <div class="nk-block nk-block-lg">
                                        <div class="nk-block-head">
                                            <div class="nk-block-head-content">
                                                <h4 class="title nk-block-title">Ticket Reply</h4>
                                            </div>
                                        </div>
                                        <div class="card card-preview">
                                            <div class="card-inner">
                                                <div class="row g-gs">
                                                                 
                                                    <div class="col-lg-12">
                                                      <textarea class="form-control form-control-sm" id="ticket-reply" name="ticket-reply" placeholder="Write your reply" required></textarea>
                                                    </div>  
                                                    <div class="col-md-12">
                                                            <div class="form-group">
                                                                <input type="hidden" id="ticket_id" name="ticket_id" value="{{$ticket_data->id}}">                                                               
                                                                <input type="hidden" id="user_id" name="user_id" value="{{$user_id}}"> 
                                                                <button type="submit" class="btn btn-lg btn-primary">Reply</button>
                                                            </div>
                                                    </div>  
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
						  </form> 
                          @endif    
                        </div>
                    </div>
                </div>
@endsection 
<!--   
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
     $(document).ready(function(){
        var ticketstatus = $('#ticket_status').find(':selected').val();
        $('#ticketstatus').val(ticketstatus);
        $("#ticket_status").change(function(){
             var ticketstatus = $(this).find(':selected').val();
             $('#ticketstatus').val(ticketstatus);
        });
     });
</script>
-->