@extends('buyers_sellers.layout2.master')
@section('title', 'Dashboard')
@section('content')

<!-- 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-12">
    <button type="button" class="btn btn-info" style="float:right;" 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>Topic</th>
               <th>Date </th>
 								<th>SR.No</th>
                 <th>Ticket No</th>
								 <th>Client Name</th>
								 <th>Service Provider</th>
                <th>Dispute Details</th>
                <th>Comments</th>
                <th>Raised By </th>
                <th>To</th>
                <th>Status</th>
                            </tr>
 						</thead>
 						<tbody class="tbody text-center">
                             @foreach($data as $row)
                                <tr>
                                    <td>@if($row->topic) {{$row->topic}} @else No Resolution yet @endif</td>
                                    <td>{{\Carbon\Carbon::parse($row->created_at)->format('d-m-Y')}}</td>
                                    <td>{{$row->sr_no }}</td>
                                    <td>{{$row->ticket_no }}</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>
                                </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.req.by.user')}}" 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" name="topic" class="form-control" id="topic" readonly>
      </div>
          <div class="modal-body">
            <p>Ticket No</p>
            <input type="text" name="ticketno" class="form-control" id="ticketno" readonly>
        </div>          
        <div class="modal-body">
            <p>Dispute Details</p>
          <textarea class="form-control"  name="description"  id="dispute_deatail" readonly></textarea>
        </div>

        <div class="modal-body">
            <p>Comment</p>
          <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
@section('scripts')
<script>
  $(document).ready(function(){
    $('#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>
@endsection