@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Income Tax (TDS)'))
@section('content')
    <div class="row mt-3 mb-3">
        <div class="col-md-12 col-lg-11 mx-auto">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
                    <h5 class="mb-0">{{ __('Income Tax (TDS) Settings') }}</h5>
                    <div>
                        <a href="{{ route('tds.report.monthly') }}"
                           class="btn btn-sm btn-outline-primary">{{ __('Monthly TDS Report') }}</a>
                        <a href="{{ route('tds.report.employee') }}"
                           class="btn btn-sm btn-outline-primary">{{ __('Employee TDS Summary') }}</a>
                        <a href="{{ route('website.settings') }}#feaures"
                           class="btn btn-sm btn-outline-secondary">{{ __('Features Active') }}</a>
                    </div>
                </div>
                <form action="{{ route('payroll.tax.settings.update') }}" method="POST" class="card-body"
                      id="tdsSettingsForm">
                    @csrf
                    <div class="alert alert-info mb-2">
                        {{ __('TDS is deducted on payroll when this feature is enabled. Use flat rate for simple setups, or progressive slabs for annualized tax (common for salary TDS).') }}
                    </div>
                    <div class="d-flex flex-wrap align-items-center mb-3">
                        <form action="{{ route('payroll.tax.nbr_defaults') }}" method="POST" class="mr-2 mb-1"
                              onsubmit="return confirm('{{ __('Load Bangladesh NBR FY 2024-25 slabs and defaults? This overwrites current TDS calculation settings.') }}');">
                            @csrf
                            <button type="submit" class="btn btn-warning btn-sm">
                                {{ __('Load Bangladesh NBR FY 2024-25 defaults') }}
                            </button>
                        </form>
                        @if(($nbr_preset ?? '') === 'bd_2024_25')
                            <span class="badge badge-success mb-1 ml-2">{{ __('NBR FY 2024-25 preset active') }}</span>
                        @endif
                    </div>

                    <div class="div p-4">
                        <div class="form-group row">
                            <label class="col-md-4 col-form-label">{{ __('Display name') }}</label>
                            <div class="col-md-8">
                                <input type="text" name="payroll_tax_label" class="form-control" maxlength="100"
                                       value="{{ old('payroll_tax_label', $label) }}"
                                       placeholder="{{ __('Income Tax (TDS)') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-md-4 col-form-label">{{ __('Calculation method') }}</label>
                            <div class="col-md-8">
                                <select name="payroll_tax_method" id="payroll_tax_method" class="form-control" required>
                                    <option
                                        value="flat" @selected(old('payroll_tax_method', $method) === 'flat')>{{ __('Flat rate (monthly)') }}</option>
                                    <option
                                        value="slabs" @selected(old('payroll_tax_method', $method) === 'slabs')>{{ __('Progressive slabs (annualized / YTD)') }}</option>
                                </select>
                            </div>
                        </div>

                        <div id="wrap_flat_rate">
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label">{{ __('Tax rate (%)') }}</label>
                                <div class="col-md-8">
                                    <input type="number" step="0.01" min="0" max="100" name="payroll_tax_rate"
                                           class="form-control"
                                           value="{{ old('payroll_tax_rate', $rate) }}">
                                    <small
                                        class="text-muted">{{ __('Monthly TDS = (gross − monthly exemption) × rate') }}</small>
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-md-4 col-form-label">{{ __('Monthly exemption') }}</label>
                            <div class="col-md-8">
                                <input type="number" step="0.01" min="0" name="payroll_tax_monthly_exemption"
                                       class="form-control" required
                                       value="{{ old('payroll_tax_monthly_exemption', $monthly_exemption) }}">
                            </div>
                        </div>

                        <div id="wrap_slabs_section" style="display:none;">
                            <div class="form-group row">
                                <label class="col-md-4 col-form-label">{{ __('Annual exemption') }}</label>
                                <div class="col-md-8">
                                    <input type="number" step="0.01" min="0" name="payroll_tax_annual_exemption"
                                           class="form-control"
                                           value="{{ old('payroll_tax_annual_exemption', $annual_exemption) }}">
                                    <small
                                        class="text-muted">{{ __('Subtracted from projected annual taxable income (slab method).') }}</small>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-4 col-form-label">{{ __('Tax slabs (annual)') }}</label>
                                <div class="col-md-8">
                                    <table class="table table-sm table-bordered mb-2" id="slabsTable">
                                        <thead class="thead-light">
                                        <tr>
                                            <th>{{ __('From') }}</th>
                                            <th>{{ __('To') }} <small class="text-muted">({{ __('blank = no limit') }}
                                                    )</small></th>
                                            <th>{{ __('Rate %') }}</th>
                                            <th width="50"></th>
                                        </tr>
                                        </thead>
                                        <tbody id="slabsBody">
                                        @foreach($slabs as $idx => $slab)
                                            <tr>
                                                <td><input type="number" step="1" min="0" name="slab_from[]"
                                                           class="form-control form-control-sm"
                                                           value="{{ $slab['from'] }}">
                                                </td>
                                                <td><input type="number" step="1" min="0" name="slab_to[]"
                                                           class="form-control form-control-sm"
                                                           value="{{ $slab['to'] }}">
                                                </td>
                                                <td><input type="number" step="0.01" min="0" max="100"
                                                           name="slab_rate[]"
                                                           class="form-control form-control-sm"
                                                           value="{{ $slab['rate'] }}">
                                                </td>
                                                <td>
                                                    <button type="button"
                                                            class="btn btn-sm btn-outline-danger slab-remove">
                                                        &times;
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                    <button type="button" class="btn btn-sm btn-secondary"
                                            id="slabAdd">{{ __('Add slab') }}</button>
                                </div>
                            </div>
                        </div>

                        <hr>
                        <h6 class="text-muted text-uppercase small">{{ __('Advanced') }}</h6>

                        <div class="form-group row">
                            <label class="col-md-4 col-form-label">{{ __('Fiscal year starts') }}</label>
                            <div class="col-md-8">
                                <select name="payroll_tax_fiscal_start_month" class="form-control" required>
                                    @foreach(range(1,12) as $m)
                                        <option
                                            value="{{ $m }}" @selected((int)old('payroll_tax_fiscal_start_month', $fiscal_start_month) === $m)>
                                            {{ \Carbon\Carbon::create(null, $m, 1)->format('F') }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-md-4 col-form-label">{{ __('Female employee rebate (%)') }}</label>
                            <div class="col-md-8">
                                <input type="number" step="0.01" min="0" max="100"
                                       name="payroll_tax_female_rebate_percent"
                                       class="form-control"
                                       value="{{ old('payroll_tax_female_rebate_percent', $female_rebate_percent) }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-md-4 col-form-label">{{ __('Employer TIN (for Form 16)') }}</label>
                            <div class="col-md-8">
                                <input type="text" name="payroll_tax_employer_tin" class="form-control" maxlength="50"
                                       value="{{ old('payroll_tax_employer_tin', $employer_tin ?? '') }}"
                                       placeholder="{{ __('Company tax identification number') }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-md-4 col-form-label">{{ __('Min. monthly taxable for TDS') }}</label>
                            <div class="col-md-8">
                                <input type="number" step="0.01" min="0" name="payroll_tax_min_taxable"
                                       class="form-control"
                                       value="{{ old('payroll_tax_min_taxable', $min_taxable_monthly) }}">
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-md-4 col-form-label">{{ __('Show TIN on payslip') }}</label>
                            <div class="col-md-8">
                                <label class="toggle-control mb-0">
                                    <input type="checkbox" name="payroll_tax_show_tin"
                                           value="1" @checked((int)old('payroll_tax_show_tin', $show_tin_on_payslip) === 1)>
                                    <span class="control"></span>
                                </label>
                            </div>
                        </div>

                        <div class="form-group mb-0 text-right">
                            <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        (function () {
            var method = document.getElementById('payroll_tax_method');
            var wrapFlat = document.getElementById('wrap_flat_rate');
            var wrapSlabs = document.getElementById('wrap_slabs_section');

            function syncMethod() {
                var v = method.value;
                wrapFlat.style.display = (v === 'flat') ? '' : 'none';
                wrapSlabs.style.display = (v === 'slabs') ? '' : 'none';
            }

            method.addEventListener('change', syncMethod);
            syncMethod();

            document.getElementById('slabAdd').addEventListener('click', function () {
                var tbody = document.getElementById('slabsBody');
                var tr = document.createElement('tr');
                tr.innerHTML = '<td><input type="number" step="1" min="0" name="slab_from[]" class="form-control form-control-sm"></td>' +
                    '<td><input type="number" step="1" min="0" name="slab_to[]" class="form-control form-control-sm"></td>' +
                    '<td><input type="number" step="0.01" min="0" max="100" name="slab_rate[]" class="form-control form-control-sm"></td>' +
                    '<td><button type="button" class="btn btn-sm btn-outline-danger slab-remove">&times;</button></td>';
                tbody.appendChild(tr);
            });
            document.getElementById('slabsBody').addEventListener('click', function (e) {
                if (e.target.classList.contains('slab-remove')) {
                    e.target.closest('tr').remove();
                }
            });
        })();
    </script>
@endsection