@extends('layouts.adminlte')

@section('title', 'Decision Support Tenaga Kerja')
@section('page_title', 'Decision Support Tenaga Kerja')

@push('styles')
<style>
    .labor-shell { --line:#d8dee8; --ink:#111827; --muted:#667085; --blue:#0d6efd; --green:#198754; --amber:#f59e0b; --red:#dc3545; }
    .labor-card { border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 8px 22px rgba(15,23,42,.05); }
    .labor-head { border-left:5px solid var(--blue); background:linear-gradient(135deg,#f8fbff,#eef7ff 55%,#fff); padding:18px; }
    .labor-title { font-size:26px; font-weight:800; color:var(--ink); }
    .labor-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:12px; }
    .labor-field { grid-column:span 3; }
    .labor-field-wide { grid-column:span 6; }
    .labor-field label { font-size:12px; font-weight:700; color:var(--muted); margin-bottom:4px; }
    .labor-section-title { grid-column:1 / -1; font-size:12px; font-weight:800; color:#0f2f56; text-transform:uppercase; letter-spacing:.04em; padding-top:4px; }
    .labor-money-wrap { position:relative; }
    .labor-money-wrap .prefix { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:#475467; font-weight:700; font-size:12px; }
    .labor-money { padding-left:38px; text-align:right; font-weight:700; }
    .day-pills { grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px; }
    .day-pill { border:1px solid var(--line); border-radius:999px; padding:7px 11px; background:#fff; cursor:pointer; user-select:none; font-weight:700; font-size:12px; }
    .day-pill input { margin-right:5px; }
    .day-pill:has(input:checked) { border-color:#0d6efd; background:#e7f1ff; color:#084298; }
    .role-rate-box { grid-column:1 / -1; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
    .role-rate-table { margin:0; font-size:13px; }
    .role-rate-table th { background:#f3f7fb; color:#0f2f56; white-space:nowrap; }
    .role-rate-table td { vertical-align:middle; }
    .role-rate-table input { min-width:90px; }
    .role-rate-summary { background:#fbfdff; border-top:1px solid var(--line); padding:9px 12px; font-weight:700; color:#344054; }
    .metric { border:1px solid var(--line); border-radius:12px; padding:12px; min-height:88px; }
    .metric .label { font-size:12px; color:var(--muted); font-weight:700; text-transform:uppercase; }
    .metric .value { font-size:22px; font-weight:800; color:var(--ink); }
    .scenario { border:1px solid var(--line); border-radius:12px; padding:14px; height:100%; }
    .scenario.best { border-color:rgba(25,135,84,.5); background:#f1fbf6; }
    .scenario.warn { border-color:rgba(245,158,11,.55); background:#fffbeb; }
    .scenario.risk { border-color:rgba(220,53,69,.35); background:#fff5f5; }
    .scenario h6 { font-weight:800; margin-bottom:8px; }
    .table-decision th { white-space:nowrap; background:#0f2f56; color:#fff; }
    .table-decision td { white-space:nowrap; vertical-align:middle; }
    .badge-soft { border-radius:999px; padding:5px 9px; font-size:12px; font-weight:700; }
    .decision-read { border:1px solid #b7d7ff; background:#f3f9ff; border-radius:14px; padding:14px; }
    .decision-read strong { color:#0f2f56; }
    .profile-read { grid-column:1 / -1; border:1px dashed #9ec5fe; background:#f8fbff; border-radius:12px; padding:10px 12px; font-weight:700; color:#0f2f56; }
    @media (max-width: 991px) { .labor-field,.labor-field-wide { grid-column:span 12; } }
</style>
@endpush

@section('content')
<div class="labor-shell">
    <div class="labor-card labor-head mb-3">
        <div class="d-flex flex-wrap justify-content-between gap-2">
            <div>
                <div class="labor-title">Overtime vs Tambah Pekerja</div>
                <div class="text-muted">Estimasi keputusan: lemburkan tim, tambah pekerja, 2 shift, atau batasi lembur.</div>
            </div>
            <button class="btn btn-primary" id="btnCalc"><i class="fas fa-calculator me-1"></i> Hitung</button>
        </div>
    </div>

    <div class="labor-card p-3 mb-3">
        <div class="labor-grid">
            <div class="labor-section-title">Parameter Project</div>
            <div class="labor-field labor-field-wide">
                <label>Project / Job</label>
                <input class="form-control" id="projectName" value="Estimasi Project" />
            </div>
            <div class="labor-field">
                <label>Tanggal Mulai</label>
                <input type="date" class="form-control labor-input" id="dateFrom" value="{{ now()->format('Y-m-d') }}" />
            </div>
            <div class="labor-field">
                <label>Tanggal Selesai</label>
                <input type="date" class="form-control labor-input" id="dateTo" value="{{ now()->addDays(6)->format('Y-m-d') }}" />
            </div>
            <div class="labor-field">
                <label>Target Manhour</label>
                <input type="number" class="form-control labor-input" id="targetHours" value="1200" min="0" />
            </div>
            <div class="labor-field">
                <label>Budget Tersedia</label>
                <div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control labor-input labor-money" id="budgetAvailable" value="50.000.000" data-value="50000000" inputmode="numeric" /></div>
            </div>
            <div class="labor-field">
                <label>Hari Holiday</label>
                <input type="number" class="form-control labor-input" id="holidayDays" value="0" min="0" />
            </div>
            <div class="day-pills">
                <label class="day-pill"><input type="checkbox" class="labor-day" value="1" checked>Senin</label>
                <label class="day-pill"><input type="checkbox" class="labor-day" value="2" checked>Selasa</label>
                <label class="day-pill"><input type="checkbox" class="labor-day" value="3" checked>Rabu</label>
                <label class="day-pill"><input type="checkbox" class="labor-day" value="4" checked>Kamis</label>
                <label class="day-pill"><input type="checkbox" class="labor-day" value="5" checked>Jumat</label>
                <label class="day-pill"><input type="checkbox" class="labor-day" value="6">Sabtu</label>
                <label class="day-pill"><input type="checkbox" class="labor-day" value="7">Minggu</label>
            </div>
            <div class="labor-section-title">Tenaga Kerja & Jam</div>
            <div class="labor-field">
                <label>UMR Harian Referensi</label>
                <div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control labor-input labor-money" id="umrDailyRate" value="150.000" data-value="150000" inputmode="numeric" /></div>
            </div>
            <div class="labor-field">
                <label>UMR Bulanan Konversi</label>
                <div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control labor-input labor-money" id="umrMonthlyRate" value="3.900.000" data-value="3900000" inputmode="numeric" /></div>
            </div>
            <div class="labor-field">
                <label>Basis HK UMR</label>
                <input type="number" class="form-control labor-input" id="umrBasisDays" value="26" min="1" />
            </div>
            <div class="labor-field">
                <label>Profil Perkalian</label>
                <select class="form-select labor-input" id="multiplierProfile">
                    @forelse (($profiles ?? collect()) as $profile)
                        <option value="{{ $profile['id'] }}">{{ $profile['code'] }} - {{ $profile['name'] }}</option>
                    @empty
                        <option value="project" data-workday="2" data-weekend="2" data-holiday="3">Project Std</option>
                    @endforelse
                    <option value="custom">Custom Manual</option>
                </select>
            </div>
            <div class="profile-read" id="multiplierProfileRead">Profil perkalian belum terbaca.</div>
            <div class="labor-field d-none">
                <label>Jam Normal / Hari</label>
                <input type="number" class="form-control labor-input" id="normalHours" value="8" min="1" step=".5" />
            </div>
            <div class="labor-field d-none">
                <label>Multiplier OT Workday</label>
                <input type="number" class="form-control labor-input multiplier-input" id="otMultiplier" value="2" min="0" step=".25" />
            </div>
            <div class="labor-field d-none">
                <label>Multiplier OT Weekend</label>
                <input type="number" class="form-control labor-input multiplier-input" id="weekendMultiplier" value="2" min="0" step=".25" />
            </div>
            <div class="labor-field d-none">
                <label>Multiplier OT Holiday</label>
                <input type="number" class="form-control labor-input multiplier-input" id="holidayMultiplier" value="3" min="0" step=".25" />
            </div>
            <div class="labor-field d-none">
                <label>Maks OT / Orang / Hari</label>
                <input type="number" class="form-control labor-input" id="maxOtPerDay" value="4" min="0" step=".5" />
            </div>
            <div class="role-rate-box">
                <div class="table-responsive">
                    <table class="table table-sm role-rate-table" id="roleRateTable">
                        <thead>
                            <tr>
                                <th style="width:32%;">Jabatan / Skill</th>
                                <th class="text-end">Jumlah</th>
                                <th class="text-end">Rate Harian</th>
                                <th class="text-end">Rate Lembur / Jam</th>
                                <th class="text-center">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input class="form-control form-control-sm role-name labor-input" value="SPV" /></td>
                                <td><input type="number" class="form-control form-control-sm text-end role-qty labor-input" value="1" min="0" /></td>
                                <td><div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control form-control-sm labor-input labor-money role-daily" value="250.000" data-value="250000" inputmode="numeric" /></div></td>
                                <td><div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control form-control-sm labor-input labor-money role-ot" value="30.000" data-value="30000" inputmode="numeric" /></div></td>
                                <td class="text-center"><button type="button" class="btn btn-danger btn-sm btn-role-delete"><i class="fas fa-trash"></i></button></td>
                            </tr>
                            <tr>
                                <td><input class="form-control form-control-sm role-name labor-input" value="Fitter" /></td>
                                <td><input type="number" class="form-control form-control-sm text-end role-qty labor-input" value="2" min="0" /></td>
                                <td><div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control form-control-sm labor-input labor-money role-daily" value="200.000" data-value="200000" inputmode="numeric" /></div></td>
                                <td><div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control form-control-sm labor-input labor-money role-ot" value="25.000" data-value="25000" inputmode="numeric" /></div></td>
                                <td class="text-center"><button type="button" class="btn btn-danger btn-sm btn-role-delete"><i class="fas fa-trash"></i></button></td>
                            </tr>
                            <tr>
                                <td><input class="form-control form-control-sm role-name labor-input" value="Sipil" /></td>
                                <td><input type="number" class="form-control form-control-sm text-end role-qty labor-input" value="10" min="0" /></td>
                                <td><div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control form-control-sm labor-input labor-money role-daily" value="180.000" data-value="180000" inputmode="numeric" /></div></td>
                                <td><div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control form-control-sm labor-input labor-money role-ot" value="20.000" data-value="20000" inputmode="numeric" /></div></td>
                                <td class="text-center"><button type="button" class="btn btn-danger btn-sm btn-role-delete"><i class="fas fa-trash"></i></button></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="role-rate-summary d-flex flex-wrap align-items-center justify-content-between gap-2">
                    <span id="roleRateSummary">0 pekerja</span>
                    <button type="button" class="btn btn-primary btn-sm" id="btnAddRole"><i class="fas fa-plus me-1"></i> Tambah Jabatan</button>
                </div>
            </div>
            <div class="labor-section-title">Alternatif Tambah Orang</div>
            <div class="labor-field">
                <label>Tambah Pekerja</label>
                <input type="number" class="form-control labor-input" id="extraWorkers" value="15" min="0" />
            </div>
            <div class="labor-field">
                <label>Biaya Tambahan / Hari</label>
                <div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control labor-input labor-money" id="extraDailyCost" value="25.000" data-value="25000" inputmode="numeric" /></div>
            </div>
            <div class="labor-field d-none">
                <label>Safety Risk Limit OT</label>
                <input type="number" class="form-control labor-input" id="riskLimit" value="4" min="0" step=".5" />
            </div>
        </div>
    </div>

    <div class="row g-3 mb-3">
        <div class="col-12 col-md-3"><div class="metric"><div class="label">Kapasitas Normal</div><div class="value" id="mNormal">0 jam</div><div class="small text-muted">Existing x jam normal x hari</div></div></div>
        <div class="col-12 col-md-3"><div class="metric"><div class="label">Kekurangan Jam</div><div class="value text-danger" id="mGap">0 jam</div><div class="small text-muted">Target minus kapasitas</div></div></div>
        <div class="col-12 col-md-3"><div class="metric"><div class="label">OT Dibutuhkan</div><div class="value" id="mOtNeed">0 jam</div><div class="small text-muted">Sisa jam pekerjaan</div></div></div>
        <div class="col-12 col-md-3"><div class="metric"><div class="label">Rekomendasi</div><div class="value text-success" id="mDecision">-</div><div class="small text-muted" id="mDecisionNote">-</div></div></div>
        <div class="col-12 col-md-3"><div class="metric"><div class="label">Budget Tersedia</div><div class="value" id="mBudget">Rp 0</div><div class="small text-muted" id="mBudgetNote">-</div></div></div>
        <div class="col-12 col-md-3"><div class="metric"><div class="label">Rentang Kalender</div><div class="value" id="mCalendarRange">0 hari</div><div class="small text-muted" id="mCalendarWeek">-</div></div></div>
        <div class="col-12 col-md-3"><div class="metric"><div class="label">UMR Konversi</div><div class="value" id="mUmrDaily">Rp 0</div><div class="small text-muted" id="mUmrMonthly">-</div></div></div>
        <div class="col-12 col-md-3"><div class="metric"><div class="label">Jam Aman / Orang / Hari</div><div class="value text-primary" id="mSafeDailyHours">0 jam</div><div class="small text-muted">Agar tidak over budget</div></div></div>
        <div class="col-12 col-md-3"><div class="metric"><div class="label">Target Jam / Orang / Hari</div><div class="value" id="mTargetDailyHours">0 jam</div><div class="small text-muted">Kebutuhan dari target manhour</div></div></div>
        <div class="col-12 col-md-3"><div class="metric"><div class="label">Status Budget</div><div class="value" id="mBudgetStatus">-</div><div class="small text-muted" id="mBudgetStatusNote">-</div></div></div>
    </div>

    <div class="decision-read mb-3" id="decisionRead">
        <strong>Ringkasan keputusan</strong>
        <div class="small text-muted">Isi parameter, lalu sistem tampilkan batas aman, kebutuhan tambah hari/orang, dan estimasi hari yang tertutup budget.</div>
    </div>

    <div class="row g-3 mb-3" id="scenarioCards"></div>

    <div class="labor-card p-3">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <h5 class="mb-0">Perbandingan Skenario</h5>
            <button class="btn btn-success btn-sm" id="btnCsv"><i class="fas fa-file-csv me-1"></i> Export CSV</button>
        </div>
        <div class="table-responsive">
            <table class="table table-sm table-striped table-decision" id="decisionTable">
                <thead>
                    <tr>
                        <th>Skenario</th>
                        <th class="text-end">Manhour</th>
                        <th class="text-end">Cost Normal</th>
                        <th class="text-end">Cost OT</th>
                        <th class="text-end">Cost Tambahan</th>
                        <th class="text-end">Total Cost</th>
                        <th class="text-end">Sisa/Over Budget</th>
                        <th>Risk</th>
                        <th>Catatan</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
(() => {
    const multiplierProfiles = @json($profiles ?? []);
    const money = (n) => new Intl.NumberFormat('id-ID', { style:'currency', currency:'IDR', maximumFractionDigits:0 }).format(Number(n || 0));
    const moneyPlain = (n) => new Intl.NumberFormat('id-ID', { maximumFractionDigits:0 }).format(Number(n || 0));
    const num = (id) => {
        const el = document.getElementById(id);
        if (!el) return 0;
        if (el.classList.contains('labor-money')) return Number(el.dataset.value || 0);
        return Number(el.value || 0);
    };
    const fmt = (n) => new Intl.NumberFormat('id-ID', { maximumFractionDigits:2 }).format(Number(n || 0));
    const parseDate = (id) => {
        const value = document.getElementById(id)?.value || '';
        const parsed = value ? new Date(`${value}T00:00:00`) : new Date();
        return Number.isNaN(parsed.getTime()) ? new Date() : parsed;
    };
    const calendarStats = () => {
        let from = parseDate('dateFrom');
        let to = parseDate('dateTo');
        if (to < from) [from, to] = [to, from];
        const msDay = 86400000;
        const days = Math.max(1, Math.floor((to - from) / msDay) + 1);
        const weeks = Math.ceil(days / 7);
        return { from, to, days, weeks };
    };
    const selectedDays = () => [...document.querySelectorAll('.labor-day:checked')].map(x => Number(x.value));
    const effectiveDays = (fromDate, calendarDays) => {
        const checked = selectedDays();
        if (!checked.length) return 0;
        let total = 0;
        for (let i = 0; i < calendarDays; i++) {
            const cursor = new Date(fromDate);
            cursor.setDate(cursor.getDate() + i);
            const day = cursor.getDay() === 0 ? 7 : cursor.getDay();
            if (checked.includes(day)) total++;
        }
        return total;
    };
    const dayTypeCounts = (fromDate, calendarDays, holidayDays) => {
        const checked = selectedDays();
        let workday = 0;
        let weekend = 0;
        for (let i = 0; i < calendarDays; i++) {
            const cursor = new Date(fromDate);
            cursor.setDate(cursor.getDate() + i);
            const day = cursor.getDay() === 0 ? 7 : cursor.getDay();
            if (!checked.includes(day)) continue;
            if (day >= 6) weekend++;
            else workday++;
        }
        let holiday = Math.min(Math.max(0, holidayDays), workday + weekend);
        const workdayToHoliday = Math.min(workday, holiday);
        workday -= workdayToHoliday;
        holiday -= workdayToHoliday;
        const weekendToHoliday = Math.min(weekend, holiday);
        weekend -= weekendToHoliday;
        holiday = workdayToHoliday + weekendToHoliday;
        return { workday, weekend, holiday, total: workday + weekend + holiday };
    };
    const findProfile = () => {
        const id = Number(document.getElementById('multiplierProfile')?.value || 0);
        return (multiplierProfiles || []).find(p => Number(p.id) === id) || null;
    };
    const rulesForDay = (rules, dayType) => {
        const wanted = dayType === 'holiday_special' ? ['holiday_special', 'holiday'] : [dayType];
        let dayRules = (rules || [])
            .filter(r => wanted.includes(String(r.day_type || 'workday')))
            .sort((a, b) => Number(a.hour_start || 1) - Number(b.hour_start || 1));
        if (!dayRules.length && dayType === 'holiday') {
            dayRules = (rules || []).filter(r => String(r.day_type || '') === 'weekend')
                .sort((a, b) => Number(a.hour_start || 1) - Number(b.hour_start || 1));
        }
        return dayRules;
    };
    const averageMultiplier = (rules, dayType, fallback) => {
        const dayRules = rulesForDay(rules, dayType);
        if (!dayRules.length) return Number(fallback || 1);
        let hours = 0;
        let weighted = 0;
        dayRules.forEach(r => {
            const start = Number(r.hour_start || 1);
            const end = Number(r.hour_end || start);
            const span = Math.max(0, end - start + 1);
            if (!span || r.is_break) return;
            hours += span;
            weighted += span * Number(r.multiplier || 1);
        });
        return hours > 0 ? weighted / hours : Number(fallback || 1);
    };
    const weightedOtHours = (hours, dayType, fallback) => {
        const profile = findProfile();
        const rules = profile ? rulesForDay(profile.rules, dayType) : [];
        if (!rules.length) return hours * Number(fallback || 1);
        let total = 0;
        let remaining = Math.max(0, Number(hours || 0));
        let cursor = 1;
        while (remaining > 0.0001) {
            const rule = rules.find(r => cursor >= Number(r.hour_start || 1) && cursor <= Number(r.hour_end || r.hour_start || 1));
            const multiplier = rule && !rule.is_break ? Number(rule.multiplier || 1) : 0;
            total += Math.min(1, remaining) * multiplier;
            remaining -= 1;
            cursor++;
            if (cursor > 24 && remaining > 0) cursor = 24;
        }
        return total;
    };
    const applySelectedProfile = () => {
        const profile = findProfile();
        if (!profile) return;
        document.getElementById('otMultiplier').value = averageMultiplier(profile.rules, 'workday', 1).toFixed(2).replace(/\.00$/, '');
        document.getElementById('weekendMultiplier').value = averageMultiplier(profile.rules, 'weekend', 2).toFixed(2).replace(/\.00$/, '');
        document.getElementById('holidayMultiplier').value = averageMultiplier(profile.rules, 'holiday', 2).toFixed(2).replace(/\.00$/, '');
    };
    const multiplierProfileLabel = () => document.getElementById('multiplierProfile')?.selectedOptions?.[0]?.textContent?.trim() || 'Custom';
    const otCost = (hours, otRate, counts, multipliers) => {
        const totalDays = Math.max(1, counts.total || 0);
        const workdayHours = hours * ((counts.workday || 0) / totalDays);
        const weekendHours = hours * ((counts.weekend || 0) / totalDays);
        const holidayHours = hours * ((counts.holiday || 0) / totalDays);
        return (weightedOtHours(workdayHours, 'workday', multipliers.workday) * otRate)
            + (weightedOtHours(weekendHours, 'weekend', multipliers.weekend) * otRate)
            + (weightedOtHours(holidayHours, 'holiday', multipliers.holiday) * otRate);
    };
    const roleRows = () => [...document.querySelectorAll('#roleRateTable tbody tr')].map(tr => {
        const qty = Math.max(0, Number(tr.querySelector('.role-qty')?.value || 0));
        const daily = Math.max(0, Number(tr.querySelector('.role-daily')?.dataset.value || 0));
        const ot = Math.max(0, Number(tr.querySelector('.role-ot')?.dataset.value || 0));
        const name = tr.querySelector('.role-name')?.value || '-';
        return { name, qty, daily, ot };
    }).filter(r => r.qty > 0);
    const roleSummary = (days) => {
        const rows = roleRows();
        const workers = rows.reduce((sum, r) => sum + r.qty, 0);
        const normalCostPerDay = rows.reduce((sum, r) => sum + (r.qty * r.daily), 0);
        const weightedDaily = workers > 0 ? normalCostPerDay / workers : num('umrDailyRate');
        const weightedOt = workers > 0 ? rows.reduce((sum, r) => sum + (r.qty * r.ot), 0) / workers : (num('umrDailyRate') / 8);
        return {
            rows,
            workers,
            weightedDaily,
            weightedOt,
            normalCost: normalCostPerDay * days,
        };
    };

    function row(name, manhour, normalCost, otCost, extraCost, risk, note) {
        return { name, manhour, normalCost, otCost, extraCost, total: normalCost + otCost + extraCost, risk, note };
    }

    function calc() {
        const cal = calendarStats();
        const calendarDays = cal.days;
        const days = Math.max(1, effectiveDays(cal.from, calendarDays));
        const target = Math.max(0, num('targetHours'));
        const budgetAvailable = Math.max(0, num('budgetAvailable'));
        const normalHours = Math.max(1, num('normalHours'));
        const role = roleSummary(days);
        const workers = Math.max(0, role.workers);
        const dailyRate = Math.max(0, role.weightedDaily);
        const otRate = Math.max(0, role.weightedOt);
        const multipliers = {
            workday: Math.max(0, num('otMultiplier')),
            weekend: Math.max(0, num('weekendMultiplier')),
            holiday: Math.max(0, num('holidayMultiplier')),
        };
        const holidayDays = Math.min(Math.max(0, num('holidayDays')), days);
        const counts = dayTypeCounts(cal.from, calendarDays, holidayDays);
        const maxOt = Math.max(0, num('maxOtPerDay'));
        const extraWorkers = Math.max(0, num('extraWorkers'));
        const extraDailyCost = Math.max(0, num('extraDailyCost'));
        const riskLimit = Math.max(0, num('riskLimit'));

        const normalCapacity = workers * normalHours * days;
        const gap = Math.max(0, target - normalCapacity);
        const otCapacity = workers * maxOt * days;
        const otUsed = Math.min(gap, otCapacity);
        const unresolvedOt = Math.max(0, gap - otCapacity);
        const baseNormalCost = role.normalCost;
        const avgOtCostPerHour = otCost(1, otRate, counts, multipliers);
        const budgetAfterNormal = Math.max(0, budgetAvailable - baseNormalCost);
        const affordableOtHours = avgOtCostPerHour > 0 ? Math.min(otCapacity, budgetAfterNormal / avgOtCostPerHour) : 0;
        const safeTotalHours = normalCapacity + affordableOtHours;
        const safeDailyHours = workers > 0 && days > 0 ? (safeTotalHours / (workers * days)) : 0;
        const targetDailyHours = workers > 0 && days > 0 ? (target / (workers * days)) : 0;

        const twoShiftWorkers = Math.ceil(target / (normalHours * days));
        const twoShiftCost = twoShiftWorkers * dailyRate * days;
        const extraCapacity = (workers + extraWorkers) * normalHours * days;
        const extraGap = Math.max(0, target - extraCapacity);
        const extraOtUsed = Math.min(extraGap, (workers + extraWorkers) * maxOt * days);
        const extraWorkerCost = extraWorkers * (dailyRate + extraDailyCost) * days;
        const limitedOt = Math.min(gap, workers * Math.min(maxOt, riskLimit) * days);

        const scenarios = [
            row('Lembur Existing', normalCapacity + otUsed, baseNormalCost, otCost(otUsed, otRate, counts, multipliers), 0, maxOt > riskLimit ? 'Tinggi' : 'Sedang', unresolvedOt > 0 ? `Kurang ${fmt(unresolvedOt)} jam` : `Profil ${multiplierProfileLabel()} | W:${counts.workday} WE:${counts.weekend} H:${counts.holiday}`),
            row('Tambah Pekerja', extraCapacity + extraOtUsed, baseNormalCost + extraWorkers * dailyRate * days, otCost(extraOtUsed, otRate, counts, multipliers), extraWorkers * extraDailyCost * days, extraGap > 0 ? 'Sedang' : 'Rendah', `${extraWorkers} pekerja tambahan | Profil ${multiplierProfileLabel()}`),
            row('2 Shift Pagi/Malam', twoShiftWorkers * normalHours * days, twoShiftCost, 0, 0, 'Rendah', `${twoShiftWorkers} pekerja total estimasi`),
            row('Lembur Dibatasi', normalCapacity + limitedOt, baseNormalCost, otCost(limitedOt, otRate, counts, multipliers), 0, 'Rendah', gap > limitedOt ? `Sisa ${fmt(gap - limitedOt)} jam, perlu tambah orang` : `Profil ${multiplierProfileLabel()} | W:${counts.workday} WE:${counts.weekend} H:${counts.holiday}`),
        ].sort((a, b) => a.total - b.total);

        const feasible = scenarios.filter(x => x.manhour >= target);
        const best = (feasible[0] || scenarios[0]);
        const bestDailyCost = days > 0 ? best.total / days : best.total;
        const budgetCoverDays = bestDailyCost > 0 ? budgetAvailable / bestDailyCost : 0;
        const safeOtPerPersonDay = Math.max(0, safeDailyHours - normalHours);
        const targetOtPerPersonDay = Math.max(0, targetDailyHours - normalHours);
        const addDaysNoOt = workers > 0 ? Math.max(0, Math.ceil(target / (workers * normalHours)) - days) : 0;
        const addWorkersNoOt = days > 0 ? Math.max(0, Math.ceil(target / (normalHours * days)) - workers) : 0;
        const withOneMoreDay = workers > 0 ? Math.max(0, (target / (workers * (days + 1))) - normalHours) : 0;
        const budgetDiff = budgetAvailable - best.total;
        const roleNames = role.rows.map(r => `${r.name} ${fmt(r.qty)} org`).join(', ') || '-';
        const profileText = `Profil aktif: ${multiplierProfileLabel()} | Hari dihitung: kerja ${fmt(counts.workday)}, weekend ${fmt(counts.weekend)}, holiday ${fmt(counts.holiday)}. Biaya OT mengikuti tier jam dari master profil, bukan rata-rata manual.`;
        document.getElementById('mNormal').textContent = `${fmt(normalCapacity)} jam`;
        document.getElementById('mGap').textContent = `${fmt(gap)} jam`;
        document.getElementById('mOtNeed').textContent = `${fmt(otUsed)} jam`;
        document.getElementById('mDecision').textContent = best.name;
        document.getElementById('mDecisionNote').textContent = `${money(best.total)} | ${best.risk}`;
        document.getElementById('roleRateSummary').textContent = `${fmt(workers)} pekerja | rata-rata harian ${money(dailyRate)} | rata-rata lembur ${money(otRate)}/jam`;
        document.getElementById('mBudget').textContent = money(budgetAvailable);
        document.getElementById('mBudgetNote').textContent = `Hari kerja efektif ${fmt(days)} dari ${fmt(calendarDays)} hari kalender`;
        document.getElementById('mCalendarRange').textContent = `${fmt(calendarDays)} hari`;
        document.getElementById('mCalendarWeek').textContent = `Melampaui ${fmt(cal.weeks)} minggu | Profil ${multiplierProfileLabel()} W:${counts.workday} WE:${counts.weekend} H:${counts.holiday}`;
        document.getElementById('mUmrDaily').textContent = money(num('umrDailyRate'));
        document.getElementById('mUmrMonthly').textContent = `Bulanan ${money(num('umrMonthlyRate'))} / ${fmt(num('umrBasisDays'))} HK`;
        document.getElementById('mSafeDailyHours').textContent = `${fmt(safeDailyHours)} jam`;
        document.getElementById('mTargetDailyHours').textContent = `${fmt(targetDailyHours)} jam`;
        const budgetOk = budgetAvailable <= 0 ? false : best.total <= budgetAvailable && targetDailyHours <= safeDailyHours;
        document.getElementById('mBudgetStatus').textContent = budgetOk ? 'AMAN' : 'OVER';
        document.getElementById('mBudgetStatus').className = `value ${budgetOk ? 'text-success' : 'text-danger'}`;
        document.getElementById('mBudgetStatusNote').textContent = budgetOk
            ? `Target masih di bawah ${fmt(safeDailyHours)} jam/orang/hari`
            : `Batasi max ${fmt(safeDailyHours)} jam/orang/hari atau tambah budget/orang`;
        document.getElementById('multiplierProfileRead').textContent = profileText;
        document.getElementById('decisionRead').innerHTML = budgetOk ? `
            <strong>AMAN.</strong>
            Budget menutup sekitar <strong>${fmt(budgetCoverDays)} hari efektif</strong>. Batas aman sekarang <strong>${fmt(safeOtPerPersonDay)} jam OT/orang/hari</strong>, kebutuhan target <strong>${fmt(targetOtPerPersonDay)} jam OT/orang/hari</strong>.
            Tim masuk: <strong>${roleNames}</strong>. Sisa budget estimasi <strong>${money(budgetDiff)}</strong>.
        ` : `
            <strong>OVER / belum cukup.</strong>
            Dengan budget ini, aman maksimal <strong>${fmt(safeOtPerPersonDay)} jam OT/orang/hari</strong>; target butuh <strong>${fmt(targetOtPerPersonDay)} jam OT/orang/hari</strong>.
            Solusi cepat: tambah <strong>${fmt(addDaysNoOt)} hari</strong> tanpa OT, atau tambah <strong>${fmt(addWorkersNoOt)} pekerja</strong>. Jika tambah 1 hari, max OT turun jadi <strong>${fmt(withOneMoreDay)} jam/orang/hari</strong>.
            Budget baru menutup sekitar <strong>${fmt(budgetCoverDays)} hari efektif</strong>; kekurangan estimasi <strong>${money(Math.abs(budgetDiff))}</strong>.
        `;

        document.querySelector('#decisionTable tbody').innerHTML = scenarios.map(s => `
            <tr class="${s.name === best.name ? 'table-success' : ''}">
                <td class="fw-bold">${s.name}</td>
                <td class="text-end">${fmt(s.manhour)}</td>
                <td class="text-end">${money(s.normalCost)}</td>
                <td class="text-end">${money(s.otCost)}</td>
                <td class="text-end">${money(s.extraCost)}</td>
                <td class="text-end fw-bold">${money(s.total)}</td>
                <td class="text-end fw-bold ${budgetAvailable - s.total >= 0 ? 'text-success' : 'text-danger'}">${money(budgetAvailable - s.total)}</td>
                <td><span class="badge ${s.risk === 'Rendah' ? 'text-bg-success' : (s.risk === 'Sedang' ? 'text-bg-warning' : 'text-bg-danger')}">${s.risk}</span></td>
                <td>${s.note}</td>
            </tr>
        `).join('');

        document.getElementById('scenarioCards').innerHTML = scenarios.map(s => `
            <div class="col-12 col-md-6 col-xl-3">
                <div class="scenario ${s.name === best.name ? 'best' : (s.risk === 'Tinggi' ? 'risk' : 'warn')}">
                    <h6>${s.name}</h6>
                    <div class="fs-5 fw-bold">${money(s.total)}</div>
                    <div class="small text-muted">${fmt(s.manhour)} manhour | Risk ${s.risk}</div>
                    <div class="mt-2">${s.name === best.name ? '<span class="badge text-bg-success">Rekomendasi</span>' : '<span class="badge text-bg-secondary">Alternatif</span>'}</div>
                </div>
            </div>
        `).join('');
    }

    document.querySelectorAll('.labor-money').forEach(el => {
        const sync = () => {
            const raw = String(el.value || '').replace(/\D/g, '');
            el.dataset.value = raw || '0';
            el.value = moneyPlain(raw || 0);
            calc();
        };
        el.addEventListener('input', sync);
        el.addEventListener('blur', sync);
        sync();
    });
    document.querySelectorAll('.labor-input').forEach(el => el.addEventListener('input', calc));
    document.querySelectorAll('.labor-day').forEach(el => el.addEventListener('change', calc));
    document.getElementById('multiplierProfile')?.addEventListener('change', (e) => {
        const opt = e.target.selectedOptions?.[0];
        if (!opt || e.target.value === 'custom') return;
        applySelectedProfile();
        calc();
    });
    document.querySelectorAll('.multiplier-input').forEach(el => el.addEventListener('input', () => {
        const select = document.getElementById('multiplierProfile');
        if (select) select.value = 'custom';
    }));
    document.getElementById('umrMonthlyRate')?.addEventListener('input', () => {
        const basis = Math.max(1, num('umrBasisDays'));
        const daily = Math.round(num('umrMonthlyRate') / basis);
        const el = document.getElementById('umrDailyRate');
        if (el) {
            el.dataset.value = String(daily);
            el.value = moneyPlain(daily);
        }
        calc();
    });
    document.getElementById('umrBasisDays')?.addEventListener('input', () => {
        const basis = Math.max(1, num('umrBasisDays'));
        const daily = Math.round(num('umrMonthlyRate') / basis);
        const el = document.getElementById('umrDailyRate');
        if (el) {
            el.dataset.value = String(daily);
            el.value = moneyPlain(daily);
        }
        calc();
    });
    document.getElementById('btnAddRole')?.addEventListener('click', () => {
        const umr = Math.max(0, num('umrDailyRate'));
        const ot = Math.round(umr / 8);
        document.querySelector('#roleRateTable tbody')?.insertAdjacentHTML('beforeend', `
            <tr>
                <td><input class="form-control form-control-sm role-name labor-input" value="Jabatan Baru" /></td>
                <td><input type="number" class="form-control form-control-sm text-end role-qty labor-input" value="1" min="0" /></td>
                <td><div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control form-control-sm labor-input labor-money role-daily" value="${moneyPlain(umr)}" data-value="${umr}" inputmode="numeric" /></div></td>
                <td><div class="labor-money-wrap"><span class="prefix">Rp</span><input class="form-control form-control-sm labor-input labor-money role-ot" value="${moneyPlain(ot)}" data-value="${ot}" inputmode="numeric" /></div></td>
                <td class="text-center"><button type="button" class="btn btn-danger btn-sm btn-role-delete"><i class="fas fa-trash"></i></button></td>
            </tr>
        `);
        bindDynamicInputs();
        calc();
    });
    document.getElementById('roleRateTable')?.addEventListener('click', (e) => {
        const btn = e.target.closest('.btn-role-delete');
        if (!btn) return;
        btn.closest('tr')?.remove();
        calc();
    });
    function bindDynamicInputs() {
        document.querySelectorAll('.labor-money').forEach(el => {
            if (el.dataset.boundMoney === '1') return;
            el.dataset.boundMoney = '1';
            const sync = () => {
                const raw = String(el.value || '').replace(/\D/g, '');
                el.dataset.value = raw || '0';
                el.value = moneyPlain(raw || 0);
                calc();
            };
            el.addEventListener('input', sync);
            el.addEventListener('blur', sync);
            sync();
        });
        document.querySelectorAll('.labor-input').forEach(el => {
            if (el.dataset.boundCalc === '1') return;
            el.dataset.boundCalc = '1';
            el.addEventListener('input', calc);
        });
    }
    document.getElementById('btnCalc')?.addEventListener('click', calc);
    document.getElementById('btnCsv')?.addEventListener('click', () => {
        const rows = [...document.querySelectorAll('#decisionTable tr')].map(tr => [...tr.children].map(td => `"${td.textContent.trim().replaceAll('"','""')}"`).join(',')).join('\n');
        const blob = new Blob([rows], { type:'text/csv;charset=utf-8;' });
        const a = document.createElement('a');
        a.href = URL.createObjectURL(blob);
        a.download = 'project-labor-decision.csv';
        a.click();
        URL.revokeObjectURL(a.href);
    });
    applySelectedProfile();
    calc();
})();
</script>
@endpush