@extends('layouts.app')
@section('title', 'Settings')
@section('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">Settings</li>
@endsection

@section('content')
    <x-layout.page-header title="Settings" subtitle="Configure your workspace, taxes, printers and security." icon="gear" />

    @include('pages.settings._tabs', ['active' => 'overview'])

    <section class="settings-grid">
        <a href="{{ route('settings.company.edit') }}" class="settings-tile">
            <span class="settings-tile__icon">{!! icon('building') !!}</span>
            <span class="settings-tile__label">Company</span>
            <span class="settings-tile__hint">Legal name, GSTIN, contact and branding.</span>
        </a>
        <a href="{{ route('settings.preferences.edit') }}" class="settings-tile">
            <span class="settings-tile__icon">{!! icon('sliders2') !!}</span>
            <span class="settings-tile__label">Preferences</span>
            <span class="settings-tile__hint">Currency, timezone, financial year, tax defaults.</span>
        </a>
        <a href="{{ route('settings.theme.edit') }}" class="settings-tile">
            <span class="settings-tile__icon">{!! icon('palette2') !!}</span>
            <span class="settings-tile__label">Theme</span>
            <span class="settings-tile__hint">Light/dark, density, brand colors.</span>
        </a>
        <a href="{{ route('settings.printer.edit') }}" class="settings-tile">
            <span class="settings-tile__icon">{!! icon('printer') !!}</span>
            <span class="settings-tile__label">Printers</span>
            <span class="settings-tile__hint">A4, A5, 58 mm, 80 mm defaults.</span>
        </a>
        <a href="{{ route('settings.security.edit') }}" class="settings-tile">
            <span class="settings-tile__icon">{!! icon('shield-lock') !!}</span>
            <span class="settings-tile__label">Security</span>
            <span class="settings-tile__hint">Password policy, session, login attempts.</span>
        </a>
        <a href="{{ route('settings.roles.index') }}" class="settings-tile">
            <span class="settings-tile__icon">{!! icon('people') !!}</span>
            <span class="settings-tile__label">Roles &amp; permissions</span>
            <span class="settings-tile__hint">Manage Admin, Manager, Salesman &amp; more.</span>
        </a>
    </section>
@endsection