@extends('components.customer_layout')
@section('customer-content')
    <div class="container mt-4">
        <h2>Complaints</h2>
        {{-- <a href="{{ route('complaint.create') }}" class="btn btn-primary mb-3">Create Complaint</a> --}}
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Application Number</th>
                    <th>Customer</th>
                    <th>Office</th>
                    <th>Service</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($labors as $labor)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $labor->application_number }}</td>
                        <td>{{ $labor->customer->full_name }}</td>
                        <td>{{ $labor->office->name }}</td>
                        <td>{{ $labor->service->name }}</td>
                        <td>
                            <a href="{{ route('labor.show', $labor->id) }}" class="btn btn-info btn-sm">View</a>
                            <a href="{{ route('labor.edit', $labor->id) }}" class="btn btn-warning btn-sm">Edit</a>
                            <form action="{{ route('labor.destroy', $labor->id) }}" method="POST" class="d-inline">
                                @csrf
                                <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">
                                    Delete
                                </button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @endsection