@extends('admin.layouts.master')
@section('title', 'Dashboard')
@section('content')
{{-- <link rel="stylesheet" href="https://cdn.datatables.net/1.11.1/css/jquery.dataTables.min.css"> --}}
<!-- start page content -->
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <div class=" pull-left">
                    <div class="page-title">List of Tickets</div>
                </div>
                <ol class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{route('admin.deshbord')}}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Resolution</li>
                </ol>
            </div>
        </div>
      <div class="container">
 	<div class="row">
 		<div class="col-md-12">
 			<div class="card">
 				<div class="card-header">
 					<div class="row">
 						<div class="col-md-6">
                             <!-- <p class="text-dark">Resolution List</p> -->
 						</div>
             <div class="col-md-4"></div>
                         <div class="col-md-2">
                             <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createresol">Add / Edit </button>
                        </div>

 					</div>
 				</div>
 				<div class="card-body">
                @if(Session::has('message'))
					<div class="alert alert-primary" role="alert">
						{{ Session::get('message') }}
					</div>
					@endif
          <div class="table-responsive">
 					<table id="buyertable" class="table table-bordered">
 						<thead class="thead bg-light text-center">
 							<tr>
 								<th>SR.No</th>
                 <th>Ticket No</th>
                 <th>Topic</th>
                 <th>Date</th>
								 <th>Client Name</th>
								 <th>Service Provider</th>
                                 <th>Dispute Details</th>
                                 <th>Comment</th>
                                 <th>Raised By</th>
                                 <th>To</th>
                                 <th>Status</th>
                                 {{-- <th>Action</th> --}}
                            </tr>
 						</thead>
 						<tbody class="tbody text-center">
                             @foreach($data as $row)
                                <tr>
                                    <td>{{$row->sr_no }}</td>
                                    <td>{{$row->ticket_no }}</td>
                                    <td>@if($row->topic) {{$row->topic}} @else No Resolution yet @endif</td>
                                    <td>{{$row->created_at }}</td>
                                    <td>{{$row['Client']->full_name}}</td>
                                    <td>{{$row['Provider']->full_name}}</td>
                                    <td>@if($row->dispute_details) {{$row->dispute_details}} @else No Resolution yet @endif</td>
                                    <td>@if($row->resolution) {{$row->resolution}} @else No Resolution yet @endif</td>
                                    <td>{{$row->raised_by}}</td>
                                    <td>{{$row->to}}</td>
                                    <td>{{$row->status}}</td>
                                    {{-- <td>
                                      <a href="{{route('resolution.view',['id'=>$row->id])}}" class="btn btn-small btn-primary update">update detail</a>
                                    </td> --}}
                                </tr>		
                            @endforeach					 
 						</tbody>
 					</table>
        </div>
 				</div>
 			</div>
 		</div>
 	</div>
 <!-- </div> -->
    </div>
</div>
<!-- end page content -->

    <!-- Modal -->
    <div class="modal fade" id="createresol" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Edit Description</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form action="{{route('resolution.process')}}" method="POST">
            @csrf
        <div class="modal-body">
            <p>Select Sr No</p>
            <select class="form-control" name="assign_id" id="assign_id">
              <option value="" disabled selected>Select sr no</option>
                @foreach($assign as $row)
                    <option value="{{$row->id}}">{{$row->job_id}}</option>
                @endforeach
            </select>
        </div> 
        <div class="modal-body">
            <p>Topic</p> 
            <input type="text" class="form-control" id="topic" name="topic" required readonly>
        </div>
        <div class="modal-body">
            {{-- <p>Raised By</p> --}}
            <input type="hidden" name="raised_by" value="Admin">
            <p>Ticket No</p>
            <input type="text" name="ticketno" class="form-control" id="ticketno" readonly>
            {{-- <select class="form-control" name="raised_by">
                    <option value="cient">Client</option>
                    <option value="service provider">Service Provider</option>
            </select> --}}
        </div>            
        <div class="modal-body">
            <p>Dispute Details</p>
          <textarea class="form-control" id="dispute_deatail" name="description" readonly></textarea>
        </div>

        <div class="modal-body">
          <div class="row">
            <div class="col-md-4">
              <p>Comment</p>
            </div>
            <div class="col-md-8">
              <label for="">Reply to</label>
              <select name="replyto" id="" class="">
                <option value="Client">Client</option>
                <option value="Service Provider">Service Provider</option>
                <option value="Client & Service Provider">Client & Service Provider</option>
            </select>
            </div>
          </div>
            
          <textarea class="form-control"  name="resolution" ></textarea>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-primary">Update</button>
        </form>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>
      </div>
    </div>
</div>
@endsection
@push('scripts')
{{-- <script src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.min.js"></script> --}}
<script>
  $('#buyertable').DataTable();
$('#assign_id').on('change',function(){
  // alert();
  var sr_no = $(this).val();
  $.ajax({
    url:'{{route("get-sr-no-data")}}',
    type:'get',
    data:{
      sr_no:sr_no,
    },success:function(data){
        console.log(data);
        $('#dispute_deatail').val(data['data1'].dispute_details);
        $('#topic').val(data['data1'].topic);
        var ticket = data['data2'];
        var ticketno = parseInt(1+ticket);
        $('#ticketno').val("sr_no_00"+ticketno);
    }
  });
});
</script>
@endpush