@extends('components.customer_layout')
@section('customer-content')
    <div class="container">
        <h1>Applications</h1>

        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        <div class="mb-3">
            <a href="{{ route('add.plan-agreement') }}" class="btn btn-primary">Create New Application</a>
        </div>

        @if($applications->isEmpty())
            <p>No applications found.</p>
        @else
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Customer</th>
                    <th>Service</th>
                    <th>Office</th>
                    <th>Area</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                @foreach($applications as $application)
                    <tr>
                        <td>{{ $application->id }}</td>
                        <td>{{ $application->customer->full_name ?? 'N/A' }}</td>
                        <td>{{ $application->service->name ?? 'N/A' }}</td>
                        <td>{{ $application->office->name ?? 'N/A' }}</td>
                        <td>{{ $application->area }}</td>
                        <td>{{ ucfirst($application->status) }}</td>
                        <td>
                            <a href="{{ route('plan-agreement.applications.show', $application->id) }}"
                               class="btn btn-info btn-sm">View</a>
                            <a href="{{ url('applications.edit', $application->id) }}" class="btn btn-warning btn-sm">Edit</a>
                            <form action="{{ url('applications.destroy', $application->id) }}" method="POST"
                                  style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm"
                                        onclick="return confirm('Are you sure you want to delete this application?')">
                                    Delete
                                </button>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        @endif
    </div>
@endsection