@extends('admin.layouts.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">Recommendations</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">Recommendations</li>
                </ol>
            </div>
        </div>
      <div class="container">
 	<div class="row">

 		<div class="col-md-12">
            @if(Session::has('message'))
            <div class="alert alert-primary" role="alert">
               {{ Session::get('message') }}
             </div>
            @endif
 			<div class="card">
 				<div class="card-header">
 					<div class="row">
 						<div class="col-md-8">
 							{{-- <p class="text-dark">Recommends List</p> --}}
 						</div>
 						<div class="col-md-4 text-right">
                            
 						</div>
 					</div>
 				</div>
 				<div class="card-body">
						{{-- {{dd($Recommend)}} --}}
 					<table id="Sellertable" class="table table-bordered" >
 						<thead class="thead bg-light text-center">
 							<tr>
 								<th>S.No</th>
 								<th>Service</th>
 								<th>NAME OF SERVICE PROVIDER</th>
 								<th>Action</th>
 							</tr>
 						</thead>
 						<tbody class="tbody text-center" id="Sellertable">
                            @foreach ($Recommend as $row )
                                <tr>
							<td>{{ $loop->index+1 }}</td>
                                    <td>{{$row->provider_primary}} | {{$row->provider_secondary}} | {{$row->provider_oter}}</td>
                                    <td>{{$row->provider_name}}</td>
                            <td>
								@if ($row->viewed == "1")
									<a href="{{url('/recommend/view/'.$row->id)}}" class="btn btn-sm btn-success" data-rcmd-id="{{$row->id}}">
										<i class="fa fa-eye"></i> Viewed
									</a>
								@else
									<a href="{{url('/recommend/view/'.$row->id)}}" class="btn btn-sm btn-info view" data-rcmd-id="{{$row->id}}">
										<i class="fa fa-eye"></i> View
									</a>
								@endif
								<a href="{{url('/recommend/delete/'.$row->id)}}" class="btn btn-sm btn-danger">
									<i class="fa fa-trash"></i> Delete
								</a>
							</td>
                                </tr>    
                            @endforeach
                            
 						</tbody>
 					</table>

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

    </div>
</div>
<!-- end page content -->
{{-- @include('admin.layouts.footer'); --}}
@endsection
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>

@section('scripts')

<script type="text/javascript">
	$(document).ready( function () 
	{
		$('#Sellertable').DataTable();

		$(".view").on('click', function(e)
		{
			// e.preventDefault();
			// alert('Yes');
			$.ajax({
				url: "{{ route('viewedRecommendations') }}",
				type: "POST",
				data: 
				{
					"_token": "{{ csrf_token() }}",
					"rcmdId": $(this).data('rcmd-id')
				},
				success: function(respose)
				{
					console.log(response);
				},
				error: function()
				{
					alert('Something Went Wrong');
				}
			} );
		} );
		


	} );
</script>