@extends('layouts.app')
@section('title', 'Company Settings')
@section('page-title', 'Company Settings')
@section('page-subtitle', 'Override global defaults for your company')

@section('breadcrumbs')
    @include('layouts.components.breadcrumbs', ['items' => [['label' => 'Dashboard', 'url' => '/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('company.settings', $slug) }}" class="tab-item {{ $group === $slug ? 'active' : '' }}">{{ $label }}</a>
        @endforeach
    </div>

    <form method="POST" action="{{ route('company.settings.update', $group) }}">
        @csrf @method('PUT')
        <div class="card-body">
            <div class="bg-primary-50 border border-primary-200 rounded-lg p-3 mb-6">
                <p class="text-xs text-primary-700">These settings override global defaults. Leave blank to use the global value shown in gray.</p>
            </div>

            @if($group === 'attendance')
                <div class="space-y-4 max-w-2xl">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                        <div>
                            <label class="form-label">Working Hours Per Day <span class="text-xxs text-gray-400">(global: {{ $globals['working_hours_per_day'] ?? 8 }})</span></label>
                            <input type="number" step="0.5" name="settings[working_hours_per_day]" value="{{ $values['working_hours_per_day'] ?? '' }}" class="form-input" placeholder="{{ $globals['working_hours_per_day'] ?? 8 }}">
                        </div>
                        <div>
                            <label class="form-label">Late Threshold (min) <span class="text-xxs text-gray-400">(global: {{ $globals['late_threshold_minutes'] ?? 15 }})</span></label>
                            <input type="number" name="settings[late_threshold_minutes]" value="{{ $values['late_threshold_minutes'] ?? '' }}" class="form-input" placeholder="{{ $globals['late_threshold_minutes'] ?? 15 }}">
                        </div>
                        <div>
                            <label class="form-label">Auto Clock-Out Time <span class="text-xxs text-gray-400">(global: {{ $globals['auto_clock_out_time'] ?? '18:00' }})</span></label>
                            <input type="time" name="settings[auto_clock_out_time]" value="{{ $values['auto_clock_out_time'] ?? '' }}" class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Half-Day Threshold (hrs) <span class="text-xxs text-gray-400">(global: {{ $globals['half_day_threshold'] ?? 4 }})</span></label>
                            <input type="number" step="0.5" name="settings[half_day_threshold]" value="{{ $values['half_day_threshold'] ?? '' }}" class="form-input" placeholder="{{ $globals['half_day_threshold'] ?? 4 }}">
                        </div>
                        <div>
                            <label class="form-label">Overtime After (hrs) <span class="text-xxs text-gray-400">(global: {{ $globals['overtime_after_hours'] ?? 8 }})</span></label>
                            <input type="number" step="0.5" name="settings[overtime_after_hours]" value="{{ $values['overtime_after_hours'] ?? '' }}" class="form-input" placeholder="{{ $globals['overtime_after_hours'] ?? 8 }}">
                        </div>
                    </div>
                </div>
            @elseif($group === 'leave')
                <div class="space-y-4 max-w-2xl">
                    <div>
                        <label class="form-label">Require Document After (days) <span class="text-xxs text-gray-400">(global: {{ $globals['require_document_after_days'] ?? 2 }})</span></label>
                        <input type="number" name="settings[require_document_after_days]" value="{{ $values['require_document_after_days'] ?? '' }}" class="form-input max-w-xs" placeholder="{{ $globals['require_document_after_days'] ?? 2 }}">
                    </div>
                </div>
            @elseif($group === 'payroll')
                <div class="space-y-4 max-w-2xl">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                        <div>
                            <label class="form-label">Overtime Rate Multiplier <span class="text-xxs text-gray-400">(global: {{ $globals['overtime_rate_multiplier'] ?? 1.5 }})</span></label>
                            <input type="number" step="0.1" name="settings[overtime_rate_multiplier]" value="{{ $values['overtime_rate_multiplier'] ?? '' }}" class="form-input" placeholder="{{ $globals['overtime_rate_multiplier'] ?? 1.5 }}">
                        </div>
                        <div>
                            <label class="form-label">Absence Deduction Formula</label>
                            <select name="settings[absence_formula]" class="form-select">
                                <option value="">Use global default</option>
                                <option value="salary_div_30" {{ ($values['absence_formula'] ?? '') === 'salary_div_30' ? 'selected' : '' }}>Salary / 30</option>
                                <option value="salary_div_working_days" {{ ($values['absence_formula'] ?? '') === 'salary_div_working_days' ? 'selected' : '' }}>Salary / Working Days</option>
                            </select>
                        </div>
                        <div>
                            <label class="form-label">Lates = 1 Absent <span class="text-xxs text-gray-400">(global: {{ $globals['late_to_absent_count'] ?? 3 }})</span></label>
                            <input type="number" name="settings[late_to_absent_count]" value="{{ $values['late_to_absent_count'] ?? '' }}" class="form-input" placeholder="{{ $globals['late_to_absent_count'] ?? 3 }}">
                        </div>
                    </div>
                </div>
            @elseif($group === 'exit')
                <div class="space-y-4 max-w-2xl">
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                        <div>
                            <label class="form-label">Notice — Permanent <span class="text-xxs text-gray-400">(global: {{ $globals['default_notice_permanent'] ?? 30 }})</span></label>
                            <input type="number" name="settings[default_notice_permanent]" value="{{ $values['default_notice_permanent'] ?? '' }}" class="form-input" placeholder="{{ $globals['default_notice_permanent'] ?? 30 }}">
                        </div>
                        <div>
                            <label class="form-label">Notice — Contract <span class="text-xxs text-gray-400">(global: {{ $globals['default_notice_contract'] ?? 30 }})</span></label>
                            <input type="number" name="settings[default_notice_contract]" value="{{ $values['default_notice_contract'] ?? '' }}" class="form-input" placeholder="{{ $globals['default_notice_contract'] ?? 30 }}">
                        </div>
                        <div>
                            <label class="form-label">Notice — Temporary <span class="text-xxs text-gray-400">(global: {{ $globals['default_notice_temporary'] ?? 7 }})</span></label>
                            <input type="number" name="settings[default_notice_temporary]" value="{{ $values['default_notice_temporary'] ?? '' }}" class="form-input" placeholder="{{ $globals['default_notice_temporary'] ?? 7 }}">
                        </div>
                    </div>
                </div>
            @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>
</div>
@endsection