@extends('layouts.app') @section('page_title','Tags') @section('content')
<div class="grid md:grid-cols-3 gap-4"><form method="post" action="{{route('tags.store')}}" class="fp-card p-5 h-fit">@csrf<h2 class="font-semibold text-[14px]">Add Tag</h2><div class="space-y-3 mt-4"><input name="name" class="fp-input" placeholder="Tag name" required><input name="color" class="fp-input" placeholder="#6246e8"><button class="fp-btn fp-primary w-full">Create Tag</button></div></form><div class="fp-card p-5 md:col-span-2"><div class="flex flex-wrap gap-2">@forelse($tags as $t)<div class="px-3 py-2 rounded-full bg-slate-100 dark:bg-slate-800 text-[11px] flex items-center gap-2"><span class="w-2 h-2 rounded-full" style="background:{{$t->color??'#6246e8'}}"></span>{{$t->name}}<form method="post" action="{{route('tags.destroy',$t)}}">@csrf @method('DELETE')<button class="text-red-500">×</button></form></div>@empty<span class="fp-muted text-sm">No tags yet.</span>@endforelse</div></div></div>
@endsection