@extends('layouts.app1')

@section('content')

<!-- page content -->
<div class="right_col" role="main">
	@include('flashmessage')
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Support Tickets</h3>
              </div>

              
            </div>
            <a class="btn btn-success text-right" href="/ticket-services">
                <i class="fa fa-plus" aria-hidden="true"></i> New Ticket
            </a>    
            <div class="clearfix"></div>

            <div class="panel-body">
            
            </div>
			<form action="/submitticket/" method="GET">                    
				<table class="table table-bordered" style="background: #fff;">
					<thead>
						<tr>
							<th>Ticket Id</th>
							<th>#</th>                             
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input value="{{request()->input('ticketId')}}" type="text" name="ticketId" class="form-control"></td>
							
							<td><button class="btn btn-warning btn-xs"> Search </button></td>
							
						</tr>
					</tbody>
				</table> 
            </form>	
           
            <div class="row">
              <div class="col-md-12 col-sm-12 ">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Support Tickets <small>Details</small> </h2>
                    
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                      <div class="row">
                          <div class="col-sm-12">
                            <div class="card-box table-responsive">
                    
					
                    <table class="table table-bordered " id="memberPanel" style="white-space: nowrap">

                        <thead>
                            <tr>
                                <th>S. NO.</th>
                                <th>Ticket</th> 
                                <th>Subject</th> 
                                <th>Status</th> 
                                <th>Last Updated</th>
								@if (request()->role=='')
									<th>#</th>
								@endif

									
                            </tr>
                        </thead>
                        <tbody>
                       @foreach($submittickets as $key => $list)
                        <tr>  
                            <td>{{$key+1}}</td>
                            <td><a href="/view-ticket/{{$list->parent_id}}" class="btn btn-success">{{$list->parent_id}}</a></td>   
                            <td>{{$list->subject}}</td>   
                            <td>
                            
                                @php
								if( $list->status == 0){
									echo '<font color="Orange"><b>Open</b></font>';
                                }
								else if( $list->status == 2){
										echo '<font color="red"><b>Closed</b></font>';
									
                                }
								else
								{
									echo '<font color="green"><b>Answered</b></font>';
									
                                }
                                @endphp
                            
                            </td>   
                            <td>{{$list->updated_at}}</td>
							@if (request()->role=='')
								<td><a href="" class="btn btn-danger" data-toggle="modal" data-target="#myModal{{$list->id}}">Delete</a></td>
							@endif
                          
                        </tr>
                        <!-- Modal -->
                            <div id="myModal{{$list->id}}" class="modal fade" role="dialog">
                            <div class="modal-dialog">

                                <!-- Modal content-->
                                <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                    <!-- <h4 class="modal-title">Modal Header</h4> -->
                                </div>
                                <div class="modal-body">
                                <h3>Are you sure delete this Ticket ?</h3>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-primary" data-dismiss="modal">No</button>
                                    <a class="btn btn-danger" href="/ticket_delete/{{$list->parent_id}}">Yes</a>
                                </div>
                                </div>

                            </div>
                            </div>
                        @endforeach
                        
                        </tbody>
                        <tfoot>

							<tr>
                                <td colspan="11">