@extends('layouts.admin')
@section('title', 'Payroll')

@section('content')
@php
    $periodStart = $run?->period_start ?? $previewRange['start'];
    $periodEnd = $run?->period_end ?? $previewRange['end'];
    $activeCutoff = $run?->cutoff_day ?? $settings->cutoff_day;
    $activeWorkdays = $run?->standard_workdays ?? $calendarWorkingDays;
@endphp
<div class="page-head">
    <div>
        <h1 class="page-title">Payroll Karyawan</h1>
        <p class="page-subtitle">Kalkulasi penggajian otomatis berdasarkan absensi, komponen gaji, dan tarif setiap karyawan.</p>
    </div>
    <div class="cluster">
        <form method="get" class="cluster">
            <input class="control payroll-period" type="month" name="period" value="{{ $period->format('Y-m') }}" aria-label="Periode payroll">
            <button class="btn btn-ghost"><i data-lucide="calendar-days"></i> Buka Periode</button>
        </form>
        <form method="post" action="{{ route('admin.payroll.generate') }}">
            @csrf
            <input type="hidden" name="period" value="{{ $period->format('Y-m') }}">
            <button class="btn btn-gold" @disabled($run && $run->status !== 'draft')><i data-lucide="calculator"></i> {{ $run ? 'Hitung Ulang' : 'Hitung Payroll' }}</button>
        </form>
        @if($run)
            <a class="btn btn-primary" href="{{ route('admin.payroll.export', $run) }}"><i data-lucide="file-spreadsheet"></i> Export Excel</a>
        @endif
    </div>
</div>

<div class="payroll-banner card">
    <div>
        <span class="eyebrow">PERIODE PENGGAJIAN</span>
        <h2>{{ $period->translatedFormat('F Y') }}</h2>
        <div class="payroll-range"><i data-lucide="calendar-range"></i><strong>{{ $periodStart->translatedFormat('d F Y') }} — {{ $periodEnd->translatedFormat('d F Y') }}</strong><span>Cutoff tanggal {{ $activeCutoff }}</span><span>{{ $activeWorkdays }} hari kerja kalender</span></div>
        <p>Gaji pokok dan tunjangan diprorata berdasarkan hari masuk dan cuti berbayar. Hari standar otomatis mengikuti setting hari kerja, libur nasional, dan cuti bersama.</p>
    </div>
    <div class="payroll-state">
        <span class="badge {{ $run?->status === 'finalized' ? 'approved' : 'pending' }}">{{ $run ? strtoupper($run->status) : 'BELUM DIHITUNG' }}</span>
        @if($run)
            <small>Dihitung {{ $run->calculated_at?->diffForHumans() }}</small>
        @endif
    </div>
</div>

@if($run)
<div class="payroll-summary">
    <article class="card payroll-stat"><span>Total Karyawan</span><strong>{{ $run->items->count() }}</strong><small>profil aktif</small></article>
    <article class="card payroll-stat"><span>Total Hari Masuk</span><strong>{{ number_format($run->items->sum('present_days')) }}</strong><small>hari absensi</small></article>
    <article class="card payroll-stat"><span>Total Lembur</span><strong>{{ number_format($run->items->sum('overtime_minutes') / 60, 1) }}</strong><small>jam dibayar</small></article>
    <article class="card payroll-stat featured"><span>Total Payroll</span><strong>Rp {{ number_format($run->items->sum('net_salary'), 0, ',', '.') }}</strong><small>gaji bersih</small></article>
    <article class="card payroll-stat"><span>BPJS Perusahaan</span><strong>Rp {{ number_format($run->items->sum('total_bpjs_company_amount'), 0, ',', '.') }}</strong><small>beban perusahaan</small></article>
</div>
@endif

<div class="payroll-layout">
    <section class="card">
        <div class="card-head split">
            <div><strong>Pengaturan Komponen</strong><div class="tiny muted">Aktifkan komponen yang digunakan perusahaan.</div></div>
            <i data-lucide="settings"></i>
        </div>
        <form method="post" action="{{ route('admin.payroll.settings.update') }}">
            @csrf @method('PUT')
            <div class="card-body stack">
                <div class="form-grid">
                    <div class="field">
                        <label>Tanggal cutoff payroll</label>
                        <select class="control" name="cutoff_day" required>
                            @foreach(range(1, 31) as $day)
                                <option value="{{ $day }}" @selected((int) old('cutoff_day', $settings->cutoff_day) === $day)>Tanggal {{ $day }}</option>
                            @endforeach
                        </select>
                        <small>Contoh cutoff 25: periode Agustus menghitung 26 Juli–25 Agustus.</small>
                    </div>
                    <div class="field"><label>Hari kerja kalender periode ini</label><input class="control" type="number" value="{{ $activeWorkdays }}" readonly><input type="hidden" name="standard_workdays" value="{{ old('standard_workdays', $settings->standard_workdays) }}"><small>Otomatis dari Workforce Ops: hari kerja dikurangi libur nasional/cuti bersama.</small></div>
                    <div class="field"><label>Buffer lembur setelah shift (menit)</label><input class="control" type="number" min="0" max="240" name="overtime_start_after_minutes" value="{{ old('overtime_start_after_minutes', $settings->overtime_start_after_minutes) }}" required></div>
                </div>
                <div class="component-grid">
                    <label class="component-card">
                        <span class="component-toggle"><input type="checkbox" name="basic_salary_enabled" value="1" @checked($settings->basic_salary_enabled)><span>Gaji Pokok</span></span>
                        <small>Diprorata berdasarkan hari masuk.</small>
                        <input class="control money-input" type="number" min="0" name="default_basic_salary" value="{{ old('default_basic_salary', (float) $settings->default_basic_salary) }}" required>
                    </label>
                    <label class="component-card">
                        <span class="component-toggle"><input type="checkbox" name="allowance_enabled" value="1" @checked($settings->allowance_enabled)><span>Tunjangan</span></span>
                        <small>Nilai tunjangan bulanan.</small>
                        <input class="control money-input" type="number" min="0" name="default_allowance" value="{{ old('default_allowance', (float) $settings->default_allowance) }}" required>
                        <span class="inline-check"><input type="checkbox" name="allowance_prorated" value="1" @checked($settings->allowance_prorated)> Prorata hari masuk</span>
                    </label>
                    <label class="component-card">
                        <span class="component-toggle"><input type="checkbox" name="overtime_enabled" value="1" @checked($settings->overtime_enabled)><span>Lembur</span></span>
                        <small>Tarif per jam lembur.</small>
                        <input class="control money-input" type="number" min="0" name="default_overtime_rate" value="{{ old('default_overtime_rate', (float) $settings->default_overtime_rate) }}" required>
                    </label>
                    <label class="component-card">
                        <span class="component-toggle"><input type="checkbox" name="transport_enabled" value="1" @checked($settings->transport_enabled)><span>Transport</span></span>
                        <small>Tarif untuk setiap hari masuk.</small>
                        <input class="control money-input" type="number" min="0" name="default_transport_rate" value="{{ old('default_transport_rate', (float) $settings->default_transport_rate) }}" required>
                    </label>
                    <label class="component-card">
                        <span class="component-toggle"><input type="checkbox" name="meal_enabled" value="1" @checked($settings->meal_enabled)><span>Uang Makan</span></span>
                        <small>Tarif untuk setiap hari masuk.</small>
                        <input class="control money-input" type="number" min="0" name="default_meal_rate" value="{{ old('default_meal_rate', (float) $settings->default_meal_rate) }}" required>
                    </label>
                    <div class="component-card bpjs-card-wide"><span class="component-toggle"><input type="checkbox" name="bpjs_health_enabled" value="1" @checked($settings->bpjs_health_enabled)><span>BPJS Kesehatan</span></span><small>Atur porsi karyawan dan perusahaan per bulan.</small><div class="bpjs-rate-grid"><label><span>Karyawan (%)</span><input class="control" type="number" step="0.01" min="0" max="20" name="bpjs_health_employee_percent" value="{{ (float)$settings->bpjs_health_employee_percent }}" required></label><label><span>Perusahaan (%)</span><input class="control" type="number" step="0.01" min="0" max="20" name="bpjs_health_company_percent" value="{{ (float)$settings->bpjs_health_company_percent }}" required></label></div></div>
                    <div class="component-card bpjs-card-wide"><span class="component-toggle"><input type="checkbox" name="bpjs_employment_enabled" value="1" @checked($settings->bpjs_employment_enabled)><span>BPJS Ketenagakerjaan</span></span><small>JHT dan JP karyawan; JHT, JP, JKK, serta JKM perusahaan.</small><div class="bpjs-rate-grid"><label><span>JHT Karyawan (%)</span><input class="control" type="number" step="0.01" min="0" max="20" name="bpjs_jht_employee_percent" value="{{ (float)$settings->bpjs_jht_employee_percent }}" required></label><label><span>JHT Perusahaan (%)</span><input class="control" type="number" step="0.01" min="0" max="20" name="bpjs_jht_company_percent" value="{{ (float)$settings->bpjs_jht_company_percent }}" required></label><label><span>JP Karyawan (%)</span><input class="control" type="number" step="0.01" min="0" max="20" name="bpjs_jp_employee_percent" value="{{ (float)$settings->bpjs_jp_employee_percent }}" required></label><label><span>JP Perusahaan (%)</span><input class="control" type="number" step="0.01" min="0" max="20" name="bpjs_jp_company_percent" value="{{ (float)$settings->bpjs_jp_company_percent }}" required></label><label><span>JKK Perusahaan (%)</span><input class="control" type="number" step="0.01" min="0" max="20" name="bpjs_jkk_company_percent" value="{{ (float)$settings->bpjs_jkk_company_percent }}" required></label><label><span>JKM Perusahaan (%)</span><input class="control" type="number" step="0.01" min="0" max="20" name="bpjs_jkm_company_percent" value="{{ (float)$settings->bpjs_jkm_company_percent }}" required></label></div><div class="cluster tiny"><label><input type="checkbox" name="bpjs_jht_enabled" value="1" @checked($settings->bpjs_jht_enabled)> Potong JHT karyawan</label><label><input type="checkbox" name="bpjs_jp_enabled" value="1" @checked($settings->bpjs_jp_enabled)> Potong JP karyawan</label></div></div>
                    <label class="component-card"><span class="component-toggle"><input type="checkbox" name="income_tax_enabled" value="1" @checked($settings->income_tax_enabled)><span>PPh 21</span></span><small>Estimasi persentase efektif; verifikasi sesuai TER/status pajak.</small><input class="control" type="number" step="0.01" min="0" max="35" name="income_tax_percent" value="{{ (float)$settings->income_tax_percent }}" required></label>
                    <label class="component-card"><span class="component-toggle"><input type="checkbox" name="fixed_deduction_enabled" value="1" @checked($settings->fixed_deduction_enabled)><span>Potongan Lain</span></span><small>Nominal default, dapat dioverride per karyawan.</small><input class="control" type="number" min="0" name="default_fixed_deduction" value="{{ (float)$settings->default_fixed_deduction }}" required></label>
                    <label class="component-card"><span class="component-toggle"><input type="checkbox" name="thr_enabled" value="1" @checked($settings->thr_enabled)><span>THR</span></span><small>Dibayarkan pada bulan yang dipilih.</small><select class="control" name="thr_month">@foreach(range(1,12) as $month)<option value="{{ $month }}" @selected((int)$settings->thr_month===$month)>{{ Carbon\Carbon::create(2026,$month)->translatedFormat('F') }}</option>@endforeach</select></label>
                </div>
            </div>
            <div class="form-actions"><button class="btn btn-gold"><i data-lucide="save"></i> Simpan Komponen</button></div>
        </form>
    </section>

    <aside class="card payroll-help">
        <div class="card-head"><strong>Formula Sistem</strong></div>
        <div class="card-body stack">
            <div class="formula-item"><b>01</b><div><strong>Periode Cutoff</strong><span>Sehari setelah cutoff bulan lalu sampai cutoff bulan berjalan.</span></div></div>
            <div class="formula-item"><b>02</b><div><strong>Gaji Pokok</strong><span>Gaji bulanan ÷ hari kerja kalender × hari masuk plus cuti berbayar.</span></div></div>
            <div class="formula-item"><b>03</b><div><strong>Tunjangan</strong><span>Prorata hari masuk atau penuh, sesuai pengaturan.</span></div></div>
            <div class="formula-item"><b>04</b><div><strong>Lembur</strong><span>Menit setelah akhir shift + buffer × tarif per jam.</span></div></div>
            <div class="formula-item"><b>05</b><div><strong>Transport & Makan</strong><span>Hari masuk × tarif harian karyawan.</span></div></div>
            <div class="payroll-note"><i data-lucide="shield-check"></i><span>Payroll yang difinalisasi dikunci agar nilai export tetap konsisten.</span></div>
        </div>
    </aside>
</div>

<section class="card payroll-section">
    <div class="card-head split">
        <div><strong>Komponen Per Karyawan</strong><div class="tiny muted">Nominal ini menggantikan nilai default perusahaan.</div></div>
        <span class="badge">{{ $employees->count() }} karyawan</span>
    </div>
    <form method="post" action="{{ route('admin.payroll.profiles.update') }}">
        @csrf @method('PUT')
        <div class="table-wrap">
            <table class="data-table payroll-profile-table">
                <thead><tr><th>Karyawan</th><th>Gaji Pokok</th><th>Tunjangan</th><th>Lembur / Jam</th><th>Transport / Hari</th><th>Makan / Hari</th><th>Potongan</th><th>Bank</th><th>No. Rekening</th><th>BPJS Kesehatan</th><th>BPJS TK</th></tr></thead>
                <tbody>
                @foreach($employees as $index => $employee)
                    @php($profile = $employee->payrollProfile)
                    <tr>
                        <td><input type="hidden" name="profiles[{{ $index }}][employee_id]" value="{{ $employee->id }}"><strong>{{ $employee->full_name }}</strong><div class="tiny muted">{{ $employee->employee_code }} · {{ $employee->department?->name }}</div></td>
                        <td><input class="control money-input" type="number" min="0" name="profiles[{{ $index }}][basic_salary]" value="{{ old("profiles.$index.basic_salary", (float) ($profile?->basic_salary ?? $settings->default_basic_salary)) }}" required></td>
                        <td><input class="control money-input" type="number" min="0" name="profiles[{{ $index }}][allowance]" value="{{ old("profiles.$index.allowance", (float) ($profile?->allowance ?? $settings->default_allowance)) }}" required></td>
                        <td><input class="control money-input" type="number" min="0" name="profiles[{{ $index }}][overtime_rate]" value="{{ old("profiles.$index.overtime_rate", (float) ($profile?->overtime_rate ?? $settings->default_overtime_rate)) }}" required></td>
                        <td><input class="control money-input" type="number" min="0" name="profiles[{{ $index }}][transport_rate]" value="{{ old("profiles.$index.transport_rate", (float) ($profile?->transport_rate ?? $settings->default_transport_rate)) }}" required></td>
                        <td><input class="control money-input" type="number" min="0" name="profiles[{{ $index }}][meal_rate]" value="{{ old("profiles.$index.meal_rate", (float) ($profile?->meal_rate ?? $settings->default_meal_rate)) }}" required></td>
                        <td><input class="control money-input" type="number" min="0" name="profiles[{{ $index }}][fixed_deduction]" value="{{ old("profiles.$index.fixed_deduction", (float) ($profile?->fixed_deduction ?? 0)) }}"></td>
                        <td><input class="control" name="profiles[{{ $index }}][bank_name]" value="{{ old("profiles.$index.bank_name",$employee->bank_name ?: $profile?->bank_name) }}" placeholder="BCA/BRI/..."><input type="hidden" name="profiles[{{ $index }}][bank_account_name]" value="{{ $employee->bank_account_name ?: $profile?->bank_account_name ?: $employee->full_name }}"><input type="hidden" name="profiles[{{ $index }}][tax_status]" value="{{ $profile?->tax_status ?? 'TK/0' }}"></td>
                        <td><input class="control" name="profiles[{{ $index }}][bank_account_number]" value="{{ old("profiles.$index.bank_account_number",$employee->bank_account_number ?: $profile?->bank_account_number) }}"></td>
                        <td><input class="control" name="profiles[{{ $index }}][bpjs_health_number]" value="{{ old("profiles.$index.bpjs_health_number",$profile?->bpjs_health_number) }}"></td>
                        <td><input class="control" name="profiles[{{ $index }}][bpjs_employment_number]" value="{{ old("profiles.$index.bpjs_employment_number",$profile?->bpjs_employment_number) }}"></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="form-actions"><button class="btn btn-primary"><i data-lucide="save"></i> Simpan Tarif Karyawan</button></div>
    </form>
</section>

<section class="card payroll-section">
    <div class="card-head split">
        <div><strong>Hasil Perhitungan {{ $period->translatedFormat('F Y') }}</strong><div class="tiny muted">Rincian siap diverifikasi HRD dan diekspor ke Excel.</div></div>
        <div class="cluster">@if($run)<a class="btn btn-ghost" href="{{ route('admin.payroll.bpjs-export',$run) }}"><i data-lucide="file-spreadsheet"></i> Export BPJS</a>@endif @if($run?->status==='draft')<form method="post" action="{{ route('admin.payroll.submit',$run) }}">@csrf<button class="btn btn-primary"><i data-lucide="send"></i> Ajukan Approval</button></form>@elseif($run?->status==='review' && in_array(auth()->user()->role,['owner','super_admin','finance']))<form method="post" action="{{ route('admin.payroll.approve',$run) }}">@csrf<button class="btn btn-gold"><i data-lucide="badge-check"></i> Setujui sebagai Checker</button></form>@elseif($run?->status==='approved')<form method="post" action="{{ route('admin.payroll.finalize',$run) }}" data-confirm="Finalisasi payroll? Data akan dikunci.">@csrf<button class="btn btn-gold"><i data-lucide="lock-keyhole"></i> Finalisasi</button></form><a class="btn btn-primary" href="{{ route('admin.payroll.bank-export',$run) }}"><i data-lucide="landmark"></i> Export Bank</a>@endif</div>
    </div>
    <div class="table-wrap">
        <table class="data-table payroll-result-table">
            <thead><tr><th>Karyawan</th><th>Absensi</th><th>Lembur</th><th>Gaji Pokok</th><th>Tunjangan</th><th>Transport+Makan</th><th>THR</th><th>Bruto</th><th>Potongan</th><th>Gaji Bersih</th><th>Slip</th></tr></thead>
            <tbody>
            @forelse($run?->items ?? [] as $item)
                <tr>
                    <td><strong>{{ $item->employee_name }}</strong><div class="tiny muted">{{ $item->employee_code }} · {{ $item->position_name }}</div></td>
                    <td><strong>{{ $item->present_days }} hari</strong><div class="tiny muted">{{ $item->late_days }} telat · {{ $item->completed_days }} lengkap</div></td>
                    <td>{{ number_format($item->overtime_minutes / 60, 1) }} jam</td>
                    <td>Rp {{ number_format($item->basic_salary_amount, 0, ',', '.') }}</td>
                    <td>Rp {{ number_format($item->allowance_amount, 0, ',', '.') }}</td>
                    <td>Rp {{ number_format($item->transport_amount+$item->meal_amount, 0, ',', '.') }}</td>
                    <td>Rp {{ number_format($item->thr_amount, 0, ',', '.') }}</td>
                    <td>Rp {{ number_format($item->gross_salary, 0, ',', '.') }}</td>
                    <td class="text-right">Rp {{ number_format($item->total_deductions, 0, ',', '.') }}</td>
                    <td><strong class="payroll-total">Rp {{ number_format($item->net_salary, 0, ',', '.') }}</strong></td>
                    <td><a class="btn btn-ghost btn-sm" target="_blank" href="{{ route('admin.payroll.payslip',[$run,$item]) }}" aria-label="Buka slip gaji {{ $item->employee_name }}"><i data-lucide="receipt-text"></i></a></td>
                </tr>
            @empty
                <tr><td colspan="11" class="empty">Pilih periode lalu klik <strong>Hitung Payroll</strong> untuk membuat kalkulasi dari absensi.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</section>
@endsection