@extends('layout.layout')

@section('content')
    @include('components.alert')

    @php
        $isEditing = false;
        $staffTargetConfiguration = null;
        $indexQuery = array_filter(['search' => request('search'), 'per_page' => request('per_page')], fn($value) => filled($value));
        $targetTypes = [
            'number' => 'Number',
            'percentage' => 'Percentage',
        ];
        $isHrDepartmentName = fn ($name) => str_contains(strtolower((string) $name), 'hr')
            || str_contains(strtolower((string) $name), 'human resource')
            || str_contains(strtolower((string) $name), 'human resources');
        $isSalesDepartment = fn ($department) => in_array(strtolower((string) ($department?->slug ?? '')), ['sales', 'slaes'], true)
            || str_contains(strtolower((string) ($department?->name ?? '')), 'sales');
        $selectedDepartmentId = old('department_id');
        $selectedDepartment = $departments->firstWhere('id', (int) $selectedDepartmentId);
        $isHrSelected = $selectedDepartment ? $isHrDepartmentName($selectedDepartment->name) : false;
        $isSalesSelected = $selectedDepartment ? $isSalesDepartment($selectedDepartment) : false;
        $targetRules = old('target_rules');
        if (! is_array($targetRules)) {
            $targetRules = [['target_job_title_id' => '', 'target_from' => '', 'target_to' => '']];
        }
    @endphp

    <div class="container-fluid app-bg">
        <div class="page-shell">
            <div class="d-flex flex-column gap-4">
                <x-page-title title="Add Target Configuration" description="Create target rules for staff job titles.">
                    <a href="{{ route('staff-target-configurations.index', $indexQuery) }}" class="asset-btn asset-btn--secondary">Back</a>
                </x-page-title>

                <div class="ui-card">
                    <div class="ui-card__header">
                        <div>
                            <div class="mb-0 ui-title">Target Configuration Details</div>
                            <p class="mb-0 ui-muted">Fill the setup details and save the configuration.</p>
                        </div>
                    </div>

                    @include('dashboard.academics.staff_target_configurations._form')
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        window.staffTargetConfigurationFormConfig = {
            jobTitlesUrl: "{{ route('job-titles-by-department') }}",
            targetJobTitles: @json($allJobTitles->map(fn ($jobTitle) => ['id' => $jobTitle->id, 'name' => $jobTitle->name])->values()),
            targetRuleCount: {{ count($targetRules) }},
            selectedDepartmentId: @json(old('department_id')),
            selectedJobTitleId: @json(old('job_title_id'))
        };
    </script>
    <script src="{{ asset('assets/js/staff-target-configurations-form.js') }}"></script>
@endpush