@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Salary Structure Rules'))
@section('content')
    @php
        $rules = old('rules', $row->rules ?? []);
        if (! is_array($rules) || count($rules) === 0) {
            $rules = [\App\Services\SalaryStructureService::normalizeRule([
                'id' => 'new_1',
                'label' => '',
                'type' => \App\Services\SalaryStructureService::TYPE_PERCENT_OF_BASIC,
                'apply_at' => \App\Services\SalaryStructureService::APPLY_SETUP,
                'percent' => 0,
                'target' => 'house_rent',
                'enabled' => true,
                'sort' => 10,
            ])];
        }
        $targetLabels = [
            'basic_salary' => __('Basic Salary'),
            'house_rent' => __('House Rent'),
            'medical' => __('Medical'),
            'food' => __('Food / Lunch'),
            'conveyance' => __('Conveyance / Travel'),
            'utility' => __('Utility / Mobile'),
            'Others' => __('Others'),
            'provident_fund' => __('Provident Fund'),
        ];
    @endphp
    <div class="row mt-3 mb-3">
        <div class="col-md-12 col-lg-12 col-xl-10 mx-auto">
            <div class="card">
                <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                    <h5 class="mb-0">{{ __('Salary Structure Rules') }}</h5>
                    @if((int) get_setting('salary_structure_rules') !== 1)
                        <span class="badge badge-warning">{{ __('Feature is OFF in Website Settings') }}</span>
                    @else
                        <span class="badge badge-success">{{ __('Feature is ON') }}</span>
                    @endif
                </div>
                <div class="card-body">
                    <p class="text-muted small">{{ __('One configuration for the whole company. Enter basic on salary setup; rules fill allowances. Lunch and optional bill overrides apply when creating payroll.') }}</p>

                    <form action="{{ route('salary.structure.example_preset') }}" method="POST" class="mb-3">
                        @csrf
                        <button type="submit" class="btn btn-outline-secondary btn-sm" @disabled((int) get_setting('salary_structure_rules') !== 1)>
                            {{ __('Load example (50% house, 10% medical, 250 lunch, mobile, travel)') }}
                        </button>
                    </form>

                    <form method="post" action="{{ route('salary.structure.settings.update') }}" id="structureRulesForm">
                        @csrf
                        <div class="table-responsive">
                            <table class="table table-bordered table-sm" id="rulesTable">
                                <thead class="thead-light">
                                <tr>
                                    <th>{{ __('On') }}</th>
                                    <th>{{ __('Label') }}</th>
                                    <th>{{ __('Type') }}</th>
                                    <th>{{ __('% / Amount / Rate') }}</th>
                                    <th>{{ __('Apply at') }}</th>
                                    <th>{{ __('Target column') }}</th>
                                    <th>{{ __('Payroll override') }}</th>
                                    <th>{{ __('Sort') }}</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($rules as $i => $rule)
                                    @php $rule = is_array($rule) ? $rule : []; @endphp
                                    <tr class="rule-row">
                                        <td class="align-middle text-center">
                                            <input type="hidden" name="rules[{{ $i }}][enabled]" value="0">
                                            <input type="checkbox" name="rules[{{ $i }}][enabled]" value="1" {{ !empty($rule['enabled']) ? 'checked' : '' }}>
                                        </td>
                                        <td>
                                            <input type="hidden" name="rules[{{ $i }}][id]" value="{{ $rule['id'] ?? 'rule_'.$i }}">
                                            <input type="text" class="form-control form-control-sm" name="rules[{{ $i }}][label]" value="{{ $rule['label'] ?? '' }}" required>
                                        </td>
                                        <td>
                                            <select class="form-control form-control-sm js-rule-type" name="rules[{{ $i }}][type]">
                                                @foreach($types as $tk => $tl)
                                                    <option value="{{ $tk }}" @selected(($rule['type'] ?? '') === $tk)>{{ $tl }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="rule-value-cell">
                                            <input type="number" step="0.01" min="0" class="form-control form-control-sm js-val-percent" name="rules[{{ $i }}][percent]" value="{{ $rule['percent'] ?? 0 }}" placeholder="%">
                                            <input type="number" step="0.01" min="0" class="form-control form-control-sm js-val-amount mt-1" name="rules[{{ $i }}][amount]" value="{{ $rule['amount'] ?? 0 }}" placeholder="{{ __('Amount') }}">
                                            <input type="number" step="0.01" min="0" class="form-control form-control-sm js-val-rate mt-1" name="rules[{{ $i }}][rate]" value="{{ $rule['rate'] ?? 0 }}" placeholder="{{ __('Per day') }}">
                                        </td>
                                        <td>
                                            <select class="form-control form-control-sm" name="rules[{{ $i }}][apply_at]">
                                                <option value="setup" @selected(($rule['apply_at'] ?? '') === 'setup')>{{ __('Salary setup') }}</option>
                                                <option value="payroll" @selected(($rule['apply_at'] ?? '') === 'payroll')>{{ __('Payroll') }}</option>
                                            </select>
                                        </td>
                                        <td>
                                            <select class="form-control form-control-sm" name="rules[{{ $i }}][target]">
                                                @foreach($targets as $tk => $tc)
                                                    <option value="{{ $tk }}" @selected(($rule['target'] ?? '') === $tk)>{{ $targetLabels[$tk] ?? $tk }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="align-middle text-center">
                                            <input type="hidden" name="rules[{{ $i }}][payroll_overridable]" value="0">
                                            <input type="checkbox" name="rules[{{ $i }}][payroll_overridable]" value="1" {{ !empty($rule['payroll_overridable']) ? 'checked' : '' }}>
                                        </td>
                                        <td>
                                            <input type="number" class="form-control form-control-sm" name="rules[{{ $i }}][sort]" value="{{ $rule['sort'] ?? ($i + 1) * 10 }}">
                                        </td>
                                        <td class="align-middle">
                                            <button type="button" class="btn btn-sm btn-danger js-remove-rule">&times;</button>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        <button type="button" class="btn btn-outline-primary btn-sm mb-3 mt-3" id="btnAddRule">{{ __('Add rule') }}</button>
                        <div>
                            <button type="submit" class="btn btn-primary" @disabled((int) get_setting('salary_structure_rules') !== 1)>{{ __('Save rules') }}</button>
                            <a href="{{ route('salary.setup') }}" class="btn btn-light">{{ __('Salary Setup') }}</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <template id="ruleRowTemplate">
        <tr class="rule-row">
            <td class="align-middle text-center">
                <input type="hidden" name="rules[__IDX__][enabled]" value="0">
                <input type="checkbox" name="rules[__IDX__][enabled]" value="1" checked>
            </td>
            <td>
                <input type="hidden" name="rules[__IDX__][id]" value="">
                <input type="text" class="form-control form-control-sm" name="rules[__IDX__][label]" value="" required>
            </td>
            <td>
                <select class="form-control form-control-sm js-rule-type" name="rules[__IDX__][type]">
                    @foreach($types as $tk => $tl)
                        <option value="{{ $tk }}">{{ $tl }}</option>
                    @endforeach
                </select>
            </td>
            <td class="rule-value-cell">
                <input type="number" step="0.01" min="0" class="form-control form-control-sm js-val-percent" name="rules[__IDX__][percent]" value="0">
                <input type="number" step="0.01" min="0" class="form-control form-control-sm js-val-amount mt-1" name="rules[__IDX__][amount]" value="0">
                <input type="number" step="0.01" min="0" class="form-control form-control-sm js-val-rate mt-1" name="rules[__IDX__][rate]" value="0">
            </td>
            <td>
                <select class="form-control form-control-sm" name="rules[__IDX__][apply_at]">
                    <option value="setup">{{ __('Salary setup') }}</option>
                    <option value="payroll">{{ __('Payroll') }}</option>
                </select>
            </td>
            <td>
                <select class="form-control form-control-sm" name="rules[__IDX__][target]">
                    @foreach($targets as $tk => $tc)
                        <option value="{{ $tk }}">{{ $targetLabels[$tk] ?? $tk }}</option>
                    @endforeach
                </select>
            </td>
            <td class="align-middle text-center">
                <input type="hidden" name="rules[__IDX__][payroll_overridable]" value="0">
                <input type="checkbox" name="rules[__IDX__][payroll_overridable]" value="1">
            </td>
            <td>
                <input type="number" class="form-control form-control-sm" name="rules[__IDX__][sort]" value="100">
            </td>
            <td class="align-middle">
                <button type="button" class="btn btn-sm btn-danger js-remove-rule">&times;</button>
            </td>
        </tr>
    </template>
@endsection

@section('script')
    <script>
        (function () {
            function toggleValueInputs($row) {
                var type = $row.find('.js-rule-type').val();
                $row.find('.js-val-percent').toggle(type === 'percent_of_basic');
                $row.find('.js-val-amount').toggle(type === 'fixed_monthly');
                $row.find('.js-val-rate').toggle(type === 'per_attendance_day');
            }

            function reindexRows() {
                $('#rulesTable tbody tr.rule-row').each(function (i) {
                    $(this).find('[name]').each(function () {
                        var n = $(this).attr('name');
                        if (n) {
                            $(this).attr('name', n.replace(/rules\[\d+\]/, 'rules[' + i + ']'));
                        }
                    });
                });
            }

            $('#rulesTable').on('change', '.js-rule-type', function () {
                toggleValueInputs($(this).closest('tr'));
            });

            $('#rulesTable .rule-row').each(function () {
                toggleValueInputs($(this));
            });

            $('#btnAddRule').on('click', function () {
                var idx = $('#rulesTable tbody tr').length;
                var html = $('#ruleRowTemplate').html().replace(/__IDX__/g, idx);
                var $row = $(html);
                $('#rulesTable tbody').append($row);
                $row.find('input[name*="[id]"]').val('rule_' + Date.now());
                toggleValueInputs($row);
            });

            $('#rulesTable').on('click', '.js-remove-rule', function () {
                if ($('#rulesTable tbody tr').length <= 1) {
                    return;
                }
                $(this).closest('tr').remove();
                reindexRows();
            });
        })();
    </script>
@endsection