@extends('front.master.master')
@section('contect')
<div class="container mt-5">
    <div class="row">
        <div class="col-xl-12">
            <h2>
                Complain <span class="fw-300"><i>Table</i></span>
            </h2>

            <!-- datatable start -->
            <table class="table table-bordered table-hover table-striped w-100">
                <thead>
                    <tr>
                        <th>Sno</th>
                        @if (count($data) > 0)
                            <th>{{ $data[0]->vehicle->vehicleFields[defaultField()]->subCategoryField->name }}</th>
                        @endif
                        <th>Vitness Name</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @if (count($data)>0)
                        @foreach ($data as $item)
                            <tr>
                                <td scope="row">{{ $loop->iteration }}</td>
                                @if (count($data) > 0)
                                    <th>{{ $item->vehicle->vehicleFields[defaultField()]->value }}</th>
                                @endif
                                <th>{{ $item->vitness_name }}</th>
                                <td>
                                    <div class="form-group">
                                        <select data-id="{{ $item->id }}" class="form-control" name="status">
                                            @foreach (complainStatus() as $i)
                                                <option {{ ($item->status == $i)?"selected":"" }} value="{{ $i }}">{{ $i }}</option>
                                            @endforeach
                                        </select>
                                        </div>
                                </td>
                                <td>
                                    <a href="{{ route('customer.complain.edit',$item->id) }}" class="btn btn-info">Edit</a>
                                    <a href="{{ url('complains/'.$item->id) }}" class="btn btn-primary">View</a>
                                    <a href="{{ route('customer.complain.destroy',$item->id) }}" class="btn btn-danger" onclick="event.preventDefault();
                                        document.getElementById('customer.complain-delete-form-{{ $loop->iteration }}').submit();" >Delete</a>

                                    <form id="customer.complain-delete-form-{{ $loop->iteration }}" action="{{ route('customer.complain.destroy',$item->id) }}" method="POST" class="d-none">
                                        @method('DELETE')
                                        @csrf
                                    </form>

                                </td>
                            </tr>

                        @endforeach
                    @else
                        <tr>
                            <td colspan="4" class="text-center">
                                <h6 class="text-danger">Complaint Not Available</h6>
                            </td>
                        </tr>
                    @endif
                </tbody>
            </table>
            <!-- datatable end -->
        </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

    $(document).ready(function(){
        $("select[name=status]").change(function(){
            var id = $(this).data("id");
            var status = $(this).val();
            $.get("{{ url('api/complain/status/') }}/"+id+"/"+status,function(data){
                if(data){
                    swal({
  title: "Status Updated!",
  text: "Status updated successfully!",
  icon: "success",
});
                }
            });
        });
    });

</script>

@endsection