@extends('layouts.admin')
@section('title', 'Business Types')
@section('role-label', 'Super Admin')
@section('page-title', 'Business Types')
@section('page-subtitle', 'Define types of businesses on the platform')
@section('sidebar-nav')@include('super-admin.partials.sidebar')@endsection

@section('content')
<div class="flex justify-end mb-6">
    <a href="{{ route('super-admin.business-types.create') }}" class="btn btn-primary">
        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
        Add Business Type
    </a>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5">
    @forelse($types as $type)
    <div class="card p-5">
        <div class="flex justify-between items-start mb-3">
            <span class="text-4xl">{{ $type->icon ?? '🏢' }}</span>
            <span class="badge {{ $type->status === 'active' ? 'badge-success' : 'badge-muted' }}">{{ $type->status }}</span>
        </div>
        <h3 class="font-bold text-slate-200 mb-1">{{ $type->name }}</h3>
        <div class="text-xs text-slate-500 mb-1 font-mono">{{ $type->slug }}</div>
        @if($type->description)<p class="text-xs text-slate-400 mb-3">{{ $type->description }}</p>@endif
        <div class="text-xs text-slate-500 mb-3">{{ $type->businesses_count }} businesses</div>
        <div class="flex gap-2">
            <a href="{{ route('super-admin.business-types.edit', $type) }}" class="btn btn-secondary btn-sm flex-1 justify-center">Edit</a>
            <form method="POST" action="{{ route('super-admin.business-types.destroy', $type) }}" onsubmit="return confirm('Delete?')">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-danger btn-sm">Del</button>
            </form>
        </div>
    </div>
    @empty
    <div class="col-span-3 text-center py-12 text-slate-500">No business types yet.</div>
    @endforelse
</div>
@endsection