@extends('layouts.app')

@section('title', 'ERP Settings')

@section('content')
<div class="space-y-6">
    <header><p class="text-xs font-bold uppercase tracking-[.18em] text-emerald-600">Administration</p><h1 class="mt-1 text-3xl font-bold text-slate-950">ERP settings</h1><p class="mt-1 text-sm text-slate-500">Configuration is separated into focused groups so operational settings remain understandable and auditable.</p></header>
    @php($groups = [
        ['Company & legal','Trade identity, UAE registrations and contact details','app.settings.company.profile','CO'],
        ['Branches','Branch access and working hours','app.settings.branches.index','BR'],
        ['HR, attendance & payroll','Probation, alerts, punches, overtime and pay-cycle rules','app.settings.hr.index','HR'],
        ['Departments & counters','Operational ownership and counter setup','app.settings.departments.index','DP'],
        ['Services & workflows','Government services, documents, fees and stages','app.settings.services.index','SE'],
        ['Billing & VAT','Invoice, receipt, bank and tax presentation','app.settings.billing.index','BI'],
        ['Renewals','Reminder windows and renewal automation','app.settings.renewals.index','RE'],
        ['Communication','Email and WhatsApp sender configuration','app.settings.communication.index','CM'],
        ['Branding','Logos, brand colors and white-label presentation','app.settings.branding.index','BD'],
        ['Operations','Queue and day-to-day workflow defaults','app.settings.operations.index','OP'],
    ])
    <section class="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
        @foreach($groups as [$title,$description,$routeName,$code])
        <a href="{{ route($routeName) }}" class="group rounded-2xl border border-slate-200 bg-white p-5 shadow-sm transition hover:border-emerald-300 hover:shadow-md"><span class="grid h-9 w-9 place-items-center rounded-xl bg-emerald-50 text-[10px] font-black text-emerald-700">{{ $code }}</span><h2 class="mt-4 font-bold text-slate-950 group-hover:text-emerald-800">{{ $title }}</h2><p class="mt-1 text-xs leading-5 text-slate-500">{{ $description }}</p></a>
        @endforeach
    </section>
</div>
@endsection