{{-- filepath: c:\xampp\htdocs\sites\KoBone\resources\views\undone.blade.php --}}
@extends('layouts.app', ['showThemeToggle' => false])

@section('title', 'Undone Items')

@section('content')
<div class="py-12">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
            <div class="p-6 text-gray-900 dark:text-gray-100">
                <h3 class="text-lg font-bold mb-4">Undone Submissions:</h3>
                @if ($formData->count() > 0)
                    <table class="table-auto w-full text-left border-collapse border border-gray-500">
                        <thead class="bg-blue-500 text-white">
                            <tr>
                                <th class="border border-gray-500 px-4 py-2">Name</th>
                                <th class="border border-gray-500 px-4 py-2">Visa Type</th>
                                <th class="border border-gray-500 px-4 py-2">Nearest Station</th>
                                <th class="border border-gray-500 px-4 py-2">City</th>
                                <th class="border border-gray-500 px-4 py-2">Phone</th>
                                <th class="border border-gray-500 px-4 py-2">Facebook</th>
                                <th class="border border-gray-500 px-4 py-2">School Time</th>
                                <th class="border border-gray-500 px-4 py-2">Region</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($formData as $data)
                            <tr class="hover:bg-gray-400">
                                    <td class="border border-gray-500 px-4 py-2">{{ $data->name }}</td>
                                    <td class="border border-gray-500 px-4 py-2">{{ $data->visa_type }}</td>
                                    <td class="border border-gray-500 px-4 py-2">{{ $data->nearest_station }}</td>
                                    <td class="border border-gray-500 px-4 py-2">{{ $data->city }}</td>
                                    <td class="border border-gray-500 px-4 py-2">{{ $data->phone }}</td>
                                    <td class="border border-gray-500 px-4 py-2">
                                        <a href="{{ $data->facebook }}" target="_blank" class="text-blue-500">Profile</a>
                                    </td>
                                    <td class="border border-gray-500 px-4 py-2">{{ $data->school_time ?? 'N/A' }}</td>
                                    <td class="border border-gray-500 px-4 py-2">{{ $data->region }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="mt-4">
                        {{ $formData->links() }} <!-- Pagination Links -->
                    </div>
                @else
                    <p>No undone items yet.</p>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection