@extends('layouts.app') @section('page_title','Categories') @section('content')
<div class="flex flex-col md:flex-row justify-between gap-3 mb-4"><div><h2 class="text-[18px] font-semibold">Categories</h2><p class="fp-muted text-[11px] mt-1">Create categories for Income, Expense and Savings.</p></div></div>
<div class="grid md:grid-cols-3 gap-4"><form method="post" action="{{route('categories.store')}}" class="fp-card p-5 h-fit">@csrf<h2 class="font-semibold text-[14px]">Add Category</h2><div class="space-y-3 mt-4"><input name="name" class="fp-input" placeholder="Category name" required><select name="type" class="fp-input"><option value="income">Income</option><option value="expense">Expense</option><option value="savings">Savings</option></select><button class="fp-btn fp-primary w-full">Create Category</button></div></form><div class="fp-card p-5 md:col-span-2"><table class="fp-table w-full"><thead><tr><th>Name</th><th>Type</th><th>Scope</th><th></th></tr></thead><tbody>@forelse($categories as $c)<tr><td>{{$c->name}}</td><td>{{ucfirst($c->type)}}</td><td>{{$c->is_system?'System':'Personal'}}</td><td class="text-right">@if(!$c->is_system && $c->user_id===auth()->id())<form method="post" action="{{route('categories.destroy',$c)}}" onsubmit="return confirm('Delete this category? Existing transactions will keep their records without the category.')">@csrf @method('DELETE')<button class="text-red-600 text-xs">Delete</button></form>@endif</td></tr>@empty<tr><td colspan="4" class="text-center fp-muted py-10">No categories yet.</td></tr>@endforelse</tbody></table></div></div>
@endsection