@extends('layouts.app') @section('page_title','Contacts') @section('content')
<div class="grid xl:grid-cols-3 gap-4"><form method="post" action="{{route('contacts.store')}}" class="fp-card p-5 h-fit">@csrf<h2 class="font-semibold text-[14px]">Add Contact</h2><div class="space-y-3 mt-4"><input name="name" class="fp-input" placeholder="Full name" required><input name="phone" class="fp-input" placeholder="Phone"><input name="email" type="email" class="fp-input" placeholder="Email"><textarea name="notes" class="fp-input" rows="4" placeholder="Notes"></textarea><button class="fp-btn fp-primary w-full">Add Contact</button></div></form><div class="fp-card p-5 xl:col-span-2"><div class="flex justify-between"><h2 class="font-semibold text-[14px]">Your Contacts</h2><span class="fp-muted text-[10px]">{{$contacts->total()}} total</span></div><div class="overflow-x-auto mt-3"><table class="fp-table fp-mobile-nowrap-table w-full"><thead><tr><th>Name</th><th>Phone</th><th>Email</th><th></th></tr></thead><tbody>@forelse($contacts as $c)<tr><td class="font-semibold">{{$c->name}}</td><td>{{$c->phone??'—'}}</td><td>{{$c->email??'—'}}</td><td><form method="post" action="{{route('contacts.destroy',$c)}}">@csrf @method('DELETE')<button class="text-red-500 text-[10px]">Delete</button></form></td></tr>@empty<tr><td colspan="4" class="text-center fp-muted py-10">No contacts yet.</td></tr>@endforelse</tbody></table></div><div class="mt-3">{{$contacts->links()}}</div></div></div>
@endsection