@extends('front.master.master')
@section('contect')

<div class="container mt-3">
    <div class="row">
        <div class="col-md-12 mb-2">
            <h3 class="subheader-title float-left">
                <i class='subheader-icon fal fa-table'></i> Manage Complains
            </h3>
            <a href="{{ route('customer.complain.create',$id) }}"  class="btn get-started-btn waves-effect waves-themed text-white float-right"><i
                    class="fal fa-plus-circle"></i> Create
            </a>
        </div>
    </div>
    <div class="row">
        <div class="col-xl-12">
            <!-- datatable start -->
            <table class="table table-bordered table-hover table-striped w-100">
                <thead>
                    <tr>
                        <th>Sno</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @if($data !=null)
                        @foreach ($data as $item)

                            <tr>
                                <td scope="row">{{ $loop->iteration }}</td>
                                <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="3" class="text-cener">
                                <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