@extends('layouts.app')
@section('title', 'Settings')
@section('page-title', 'Global Settings')
@section('page-subtitle', 'Default settings applied to all companies')
@section('breadcrumbs')
    @include('layouts.components.breadcrumbs', ['items' => [['label' => 'Admin', 'url' => '/admin/dashboard'], ['label' => 'Settings']]])
@endsection
@section('content')
<div class="card-static animate-fade-up">
    {{-- Tabs --}}
    <div class="tab-nav px-5 overflow-x-auto">
        @foreach($groups as $slug => $label)
            <a href="{{ route('admin.settings', $slug) }}" class="tab-item {{ $group === $slug ? 'active' : '' }}">{{ $label }}</a>
        @endforeach
    </div>
    <form method="POST" action="{{ route('admin.settings.update', $group) }}">
        @csrf @method('PUT')
        <div class="card-body">
            @if($group === 'general')
                @include('admin.settings._general', ['values' => $values])
            @elseif($group === 'attendance')
                @include('admin.settings._attendance', ['values' => $values])
            @elseif($group === 'leave')
                @include('admin.settings._leave', ['values' => $values])
            @elseif($group === 'payroll')
                @include('admin.settings._payroll', ['values' => $values])
            @elseif($group === 'compliance')
                @include('admin.settings._compliance', ['values' => $values])
            @elseif($group === 'notification')
                @include('admin.settings._notification', ['values' => $values])
            @elseif($group === 'exit')
                @include('admin.settings._exit', ['values' => $values])
            @endif
            <div class="mt-6 pt-4 border-t border-gray-100">
                <button type="submit" class="btn-primary">Save {{ $groups[$group] }} Settings</button>
            </div>
        </div>
    </form>

    {{-- Leave Types Management (shown only on Leave tab, outside the settings form) --}}
    @if($group === 'leave')
        @include('admin.settings._leave-types')
    @endif
</div>
@endsection