@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">Assigned</div>
                </div>
                <ol class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{route('seller.dashboard')}}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Assigned</li>
                </ol>
            </div>
        </div> 
      <div class="container">
 	<div class="row">
 		<div class="col-md-12">
 			<div class="card">
 				<div class="card-header">
					@if (Session::has('message'))
                    <div class="alert alert-primary" role="alert">
                        {{Session::get('message')}}
                      </div>
                    @endif
 					<div class="row">
 						<div class="col-md-8">
 							<p class="text-dark">Assigned List</p>
 						</div>
 						{{-- <div class="col-md-4 text-right">
 							<a href="{{url('admin/addbuyer')}}" class="btn btn-primary"><i class="fa fa-plus"></i> Add New Buyer</a>
 						</div> --}}
 					</div>
 				</div>
 				<div class="card-body">

 					<table id="buyertable" class="table table-bordered">
 						<thead class="thead bg-light text-center">
 							<tr>
 								<th>S.no</th>
								 <th>Service Request</th>
								 <th>View Details</th>
 								{{-- <th>Due Date</th> --}}
								 <th>Status</th>
								 <th>Client</th>
								 <th>Ratings</th>
								<th>Client Feedback</th>
                            </tr>
 						</thead>
 						<tbody class="tbody text-center">
						@foreach ($assing as $item)
							 <tr>
								<td>{{ $item->job[0]->id }}</td>
								<td>{{ $item->job[0]->title }}</td>
                                <td><a href="{{url('/view/job/details/'.$item->job[0]->id)}}" class="btn  btn-info">view details</a></td>
								{{-- <td>{{ Date("y-M-Y", strtotime($item->job[0]->created_at)) }}</td> --}}
								<td>
									@if ($item->status == 0)
									 <a href="{{ route('job.compelte.status',['id'=>$item->id,'status'=>1,]) }}" class="btn-sm btn-info">click to complete</a>
									@else
									Service Request completed
									@endif
								</td>
								<td>{{$item->job[0]->user->full_name}}</td>
								<td>
									@if ($item->service[0]->rating->avg('rating') !== null)
										<span class="text-warning">
											<span
												class="{{ $item->service[0]->rating->avg('rating') >= 1 ? 'fa fa-star' : 'feather-star' }}"></span>
											<span
												class="{{ $item->service[0]->rating->avg('rating') >= 2 ? 'fa fa-star' : 'feather-star' }}"></span>
											<span
												class="{{ $item->service[0]->rating->avg('rating') >= 3 ? 'fa fa-star' : 'feather-star' }}"></span>
											<span
												class="{{ $item->service[0]->rating->avg('rating') >= 4 ? 'fa fa-star' : 'feather-star' }}"></span>
											<span
												class="{{ $item->service[0]->rating->avg('rating') == 5 ? 'fa fa-star' : 'feather-star' }}"></span>
										</span>
										@else
											No ratings yet
										@endif
								</td>

								<td>
									@if ($item->feedback ==null)
									<span class="label label-info">No feedback yet</span>
									@else
									<button onclick="seefeedback({{$item->id}})" class="btn-sm btn-info">View Feedback</button>
									@endif
								</td>
							</tr>
							 @endforeach						
 						</tbody>
 					</table>

 				</div>
 			</div>
 		</div>
 	</div>
 <!-- </div> -->

       
        
      
        
     
    </div>
</div>
<!-- end page content -->
      <div class="modal fade" id="feedback" 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">Client Feedback</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p id="seefeedbackshow"></p>                

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>

            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script>
	$(document).on('change','#status_job',function() {
	var id = $(this).attr("data-id");
	var status = $(this).find(':selected').val();
	$.ajax({
		headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},  
		type:"post",
		url:"{{ url("/change/job/status") }}",
		data:{id:id,status:status},
		success:function(data){
			if (data == 1) {
				window.location.reload();
			}
		}
		
	});
});

    function seefeedback(id){
            $.ajax({
                url:"{{ url('/see/client/feedback') }}"+'/'+id,
                type:"get",
                success:function(data){
                    $('#seefeedbackshow').text(data.feedback);
                    $('#feedback').modal('show');
                }
            });
    }
</script>
@endsection