@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">Service Provider</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">Service Provider 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">Service Provider List</p>
 						</div>
 						<div class="col-md-4 text-right">
 							{{-- <a href="{{url('admin/addseller')}}" class="btn btn-primary"><i class="fa fa-plus"></i> Add New Seller</a> --}}
 						</div>
 					</div>
 				</div>
 				<div class="card-body">
				@if(Session::has('message'))
					<div class="alert alert-primary" role="alert">
						{{ Session::get('message') }}
					</div>
					@endif
 					<table id="buyertable" class="table table-bordered">
 						<thead class="thead bg-light text-center">
 							<tr>
 								<th>S.No</th>
 								<th>Service Provider Name</th>
								<th>Status</th>
 								{{-- <th>Service Status</th> --}}
 								<th>Action</th>
 							</tr>
 						</thead>
 						<tbody class="tbody text-center">
 						@foreach ($seller as $sell)
						 <tr>
							<td>{{ $loop->index+1 }}</td>
							<td>{{ $sell->full_name }}</td>
							<td>
								<select class="form-select" aria-label="Default select example" data-id="{{ $sell->id }}" id="status_job" name="status_job">
									<option value="0" @if($sell->status ==0 )selected @endif>De-Active</option>
									<option value="1" @if($sell->status ==1 )selected @endif>Active</option>
								</select>      						  
							</td>
							{{-- <td>
								@if ($sell->status == 0)
									<label class="bg-danger text-white p-2">De-Active</label>
								@endif
								@if ($sell->status == 1)
									<label class="bg-success text-white p-2">Acitve</label>
								@endif
							</td> --}}
							<td>
								<a href="{{url('/admin/seller/profile/view/'.$sell->id)}}" class="btn btn-sm btn-info">
									<i class="fa fa-eye"></i> View
								</a>
								{{-- <a href="{{url('/admin/seller/profile/edit/'.$sell->id)}}" class="btn btn-sm btn-success">
									<i class="fa fa-pencil"></i>
								</a> --}}
								<button id="delete" data-id="{{ $sell->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>
<!-- 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('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