@extends('layouts.admin')
@section('title', 'Incomplete Orders')
@section('content')
<h1 class="text-2xl font-bold mb-6">Incomplete Orders</h1>
<p class="text-sm text-gray-500 mb-4">Customers who started checkout but didn't submit. Rows without a valid 11-digit phone number are never saved.</p>
<div class="bg-white rounded-xl shadow-sm overflow-x-auto"><table class="w-full text-sm">
<thead><tr class="text-left text-gray-500 border-b bg-gray-50"><th class="p-3">Name</th><th>Phone</th><th>Address</th><th>When</th><th></th></tr></thead>
<tbody>@foreach($rows as $row)
<tr class="border-b"><td class="p-3">{{ $row->name }}</td><td>{{ $row->phone }}</td><td class="truncate max-w-xs">{{ $row->address }}</td><td>{{ $row->updated_at->diffForHumans() }}</td>
<td class="p-2"><form method="POST" action="{{ route('admin.incomplete-orders.destroy', $row) }}" onsubmit="return confirm('Remove?')">@csrf @method('DELETE')<button class="text-red-500">Remove</button></form></td></tr>
@endforeach</tbody></table></div>
<div class="mt-4">{{ $rows->links() }}</div>
@endsection