@extends('layouts.admin')
@section('title', 'Features')
@section('content')
<div class="flex justify-between items-center mb-6"><h1 class="text-2xl font-bold">Website Features</h1><a href="{{ route('admin.features.create') }}" class="bg-brand text-white px-4 py-2 rounded-lg text-sm font-semibold">+ New</a></div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
@foreach($features as $f)
<div class="bg-white rounded-xl shadow-sm p-4 text-center">
<div class="text-3xl mb-2">{{ $f->icon }}</div><div class="font-semibold text-sm">{{ $f->title }}</div><div class="text-xs text-gray-500">{{ $f->description }}</div>
<div class="mt-2 space-x-2 text-sm"><a href="{{ route('admin.features.edit', $f) }}" class="text-brand">Edit</a>
<form method="POST" action="{{ route('admin.features.destroy', $f) }}" class="inline" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button class="text-red-500">Del</button></form></div>
</div>@endforeach
</div>
@endsection