@extends('layouts.app')
@section('title','Company settings')
@section('content')
<x-page-header eyebrow="YOUR WORKSPACE, YOUR WAY" title="Company settings" description="Everything your company needs, thoughtfully organized."/>
<div class="settings-workspace" data-settings-workspace>
<aside class="settings-rail" aria-label="Settings navigation">
    <div class="settings-rail-heading"><span class="settings-emblem"><x-icon name="settings"/></span><div><strong>Company settings</strong><small>{{ app(\App\Domain\Identity\TenantContext::class)->tenant()->name }}</small></div></div>
    <form class="settings-search" role="search" aria-label="Find settings" method="get" action="{{ $base }}/settings"><x-icon name="search"/><label class="sr-only" for="settings-search">Search settings</label><input id="settings-search" name="find" type="search" placeholder="Find a setting…" autocomplete="off" maxlength="80" value="{{ request('find') }}"><button type="submit" class="settings-search-go" aria-label="Find settings"><x-icon name="arrow"/></button></form>
    <nav class="settings-groups" aria-label="Settings groups">
        @foreach(collect($sections)->groupBy('group',true) as $group=>$items)
        <div class="settings-group"><h2>{{ $group }}</h2>
            @foreach($items as $key=>$item)
            <a class="settings-nav-link {{ $section===$key?'is-active':'' }}" href="{{ $base }}/settings?section={{ $key }}" @if($section===$key) aria-current="page" @endif data-settings-search="{{ $item['label'].' '.$item['description'].' '.$item['keywords'] }}"><span class="settings-nav-icon"><x-icon :name="$item['icon']"/></span><span>{{ $item['label'] }}</span><x-icon name="arrow" class="settings-nav-arrow icon"/></a>
            @endforeach
        </div>
        @endforeach
    </nav>
    <p class="settings-no-results" data-settings-empty hidden>No matching settings. Try “SMTP”, “fields” or “expiry”.</p>
    <div class="settings-rail-note"><x-icon name="shield"/><p>Private to your company.<br><span>Changes respect your role and permissions.</span></p></div>
</aside>
<div class="settings-content">
    @if(request()->filled('find'))
    <section class="panel"><div class="panel-heading"><h2>Search results</h2><p>Settings matching “{{ request('find') }}”.</p></div><div class="action-list">
        @forelse(collect($sections)->filter(fn($item)=>str_contains(strtolower($item['label'].' '.$item['description'].' '.$item['keywords']),strtolower((string)request('find')))) as $key=>$item)
        <a href="{{ $base }}/settings?section={{ $key }}"><x-icon :name="$item['icon']"/><span>{{ $item['label'] }}<small>{{ $item['description'] }}</small></span><x-icon name="arrow"/></a>
        @empty<p class="panel-body">No matching settings. Try a shorter phrase.</p>@endforelse
    </div></section>
    @else
    <header class="settings-section-heading"><span class="settings-section-icon"><x-icon :name="$sections[$section]['icon']"/></span><div><p>{{ $sections[$section]['group'] }}</p><h2>{{ $sections[$section]['label'] }}</h2><span>{{ $sections[$section]['description'] }}</span></div></header>
    @include('admin.settings.'.$section)
    @endif
</div>
</div>
@endsection