@extends('front.master.master')

@section('contect')

<div class="container mt-3">
    <div class="row">
        <div class="col-md-12 mb-2">
            <h1 class="subheader-title float-left">
                <i class='subheader-icon fal fa-table'></i> Manage Complaints
            </h1>
            @if (Auth::user()->role_id == getAdminRoleId())
                <a href="{{ route('complain.create') }}"  class="btn get-started-btn waves-effect waves-themed text-white float-right"><i
                    class="fal fa-plus-circle"></i> Create
                </a>
            @endif
        </div>
    </div>
    <div class="row">
        <div class="col-xl-12">
            <div id="panel-1" class="panel">
                <!-- datatable start -->
                <table class="table table-bordered table-hover table-striped w-100">
                    <thead>
                        <tr>
                            <th>Sno</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Status</th>
                            <th>Active</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data as $item)

                            <tr>
                                <td scope="row">{{ $loop->iteration }}</td>
                                <td>{{ $item->vehicle->customer->user->name }}</td>
                                <td>{{ $item->vehicle->customer->user->email }}</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="{{ url('complains/'.$item->id) }}" class="btn btn-info">View</a>
                                </td>
                            </tr>

                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <th>Sno</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Status</th>
                            <th>Active</th>
                        </tr>
                    </tfoot>
                </table>
                <!-- datatable end -->
            </div>
        </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