@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">Client</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">Client List</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-8">
 							<p class="text-dark">Client 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">
				@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>S.No</th>
 								<th>Client Name</th>
								<th>Status</th>
								<th>Points</th>
 								<th>Update new points</th>
 								<th>Action</th>
 							</tr>
 						</thead>
 						<tbody class="tbody text-center">
 						@foreach ($buyer as $buy)
						 <tr>
							<td>{{ $loop->index+1 }}</td>
							<td>{{ $buy->full_name }}</td>
							<td>
								<select class="form-select" aria-label="Default select example" data-id="{{ $buy->id }}" id="status_job" name="status_job">
									<option value="0" @if($buy->status ==0 )selected @endif>De-Active</option>
									<option value="1" @if($buy->status ==1 )selected @endif>Active</option>
								</select>      						  
							</td>
							<td>@if ($buy->points){{ $buy->points->points }}@else 0 @endif</td>
							<td>
								<form id="pointsupdate" action="{{ route('buyer.updatepoints') }}" method="POST">
									@csrf
									<input type="hidden" value="{{ $buy->id }}" name="client_id">
									<input type="hidden" name="point_id" value="@if ($buy->points){{ $buy->points->id }}@else 0 @endif">
									<input type="hidden" name="old_points" value="@if ($buy->points){{ $buy->points->points }}@else 0 @endif">
									<input type="text" value="0" name="new_points">
									<input type="submit">
								<form>
							</td>
							{{-- <td>
								@if ($buy->status == 0)
									<label class="bg-danger text-white p-2">De-Active</label>
								@endif
								@if ($buy->status == 1)
									<label class="bg-success text-white p-2">Acitve</label>
								@endif
							</td> --}}
							<td > 
								{{-- <a href="{{url('/admin/buyer/profile/edit/'.$buy->id)}}" class="btn btn-sm btn-success">
									<i class="fa fa-pencil"></i>
								</a> --}}
								<a href="{{route('client.view',['id'=>$buy->id])}}" class="btn btn-sm btn-success">
									<i class="fa fa-eye"></i>
								</a>
								<button type="button" id="delete" data-id="{{ $buy->id }}" class="btn btn-sm btn-danger">
									<i class="fa fa-trash"></i> Delete
								</button>
							</td>
						</tr>
						 @endforeach
 						</tbody>
 					</table>
				</div>
 				</div>
 			</div>
 		</div>
 	</div>
 <!-- </div> -->

       
        
      
        
     
    </div>
</div>
<!-- end page content -->
@endsection

@section('scripts')

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

	
		$(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('/user/status')}}',
				data:{id:id,status:status},
				success:function(data){
					if (data == 1) {

						window.location.reload();
					}
				}
				
			});
		});
		// $(document).on('focusout', '[name="new_points"]', e => {
		// 	alert('woring');
		// 	$(e.target).parents("pointsupdate").submit();
		// });

		$(document).on('click','#delete',function(){
			var id = $(this).data("id");
			// $.ajax({ 
			// 	type:"get",
			// 	url:"{{ url('/user/delete') }}" + '/' + id,
			// 	success:function(data){
			// 		if (data == 1) {
			// 			window.location.reload();
			// 		}
			// 	}
				
			// });
		});
</script>

@endsection