@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</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 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 List</p>
                                    </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 Provider Name</th>
                                            <th>Service Name</th>
                                            <th>Town Name</th>
                                            <th>Service Rise Date</th>
                                            <th>Status</th>
                                            <th>View Service</th>
                                        </tr>
                                    </thead>
                                    <tbody class="tbody text-center">
                                        @foreach ($Service as $ser)
                                            <tr>
							                    <td>{{ $loop->index+1 }}</td>
                                                <td>{{ $ser->user->full_name }}</td>
                                                <td>{{ $ser->title }}</td>
                                                <td>@if($ser->user->towns){{ $ser->user->towns->name }}@endif</td>
                                                <td>{{ date('Y-m-d',strtotime($ser->created_at)) }}</td>
                                                <td>
                                                    <select class="form-select" aria-label="Default select example" data-id="{{ $ser->id }}" id="status_job" name="status_job">
                                                        <option value="0" @if($ser->status ==0 )selected @endif>Pending</option>
                                                        <option value="1" @if($ser->status ==1 )selected @endif>Approved</option>
                                                        <option value="2"@if($ser->status ==2 )selected @endif>Decline</option>
                                                    </select>      
                                                                              
                                                </td>
                                                {{-- <td>
                                                    @if ($ser->status == 0)
                                                        <label class="bg-warning text-white p-2">pending</label>
                                                    @endif
                                                    @if ($ser->status == 1)
                                                        <label class="bg-success text-white p-2">Approved</label>
                                                    @endif
                                                    @if ($ser->status == 2)
                                                        <label class="bg-danger text-white p-2">Decline</label>
                                                    @endif
                                                </td> --}}
                                                <td>
                                                    <a href="{{ url('/view/seller/service/' . $ser->id) }}"
                                                        class="btn btn-sm btn-danger">
                                                        <i class="fa fa-eye"></i> View
                                                    </a>
                                                    {{-- <a href="" class="btn btn-sm btn-success">
									<i class="fa fa-pencil"></i>
								</a> --}}
                                                    {{-- <a href="" class="btn btn-sm btn-danger">
									<i class="fa fa-trash"></i>
								</a> --}}
                                                </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("/change/service/status")}}",
                    data:{id:id,status:status},
                    success:function(data){
                        if (data == 1) {
                            window.location.reload();
                        }
                    }
                    
                });
            });

            

        </script>

    @endsection