@extends('layouts.manager')

@section('title','Результат підрахунку ЗП')
@section('page_title','Результат підрахунку ЗП')

@push('head')
    <link rel="stylesheet" href="{{ mix('css/manager/salary-calc.css') }}">
@endpush

@section('page_actions')
    <a href="{{ route('manager.salary-calc.index', ['month' => \Carbon\Carbon::parse($month)->format('Y-m'), 'penalty' => $penalty]) }}"
       class="btn btn-outline-secondary">
        ← Назад до калькулятора
    </a>
@endsection

@section('content')

    <div class="admin-card salary-calc-meta p-3 mb-3">
        <div><b>Місяць:</b> {{ \Carbon\Carbon::parse($month)->format('Y-m') }}</div>
        <div><b>Мінус %:</b> {{ number_format((float)$penalty, 2, '.', '') }}%</div>
    </div>

    <div class="admin-card p-0">

        <div class="table-responsive">
            <table class="table table-bordered table-sm mb-0 align-middle salary-calc-table" id="salaryCalcTable">
                <thead class="thead-light">
                <tr>
                    <th>Імʼя</th>
                    <th class="text-center">Кабінет</th>
                    <th class="text-right">Сума</th>
                    <th class="text-center">%</th>
                    <th class="text-right">Чиста ЗП</th>
                    <th class="text-center">Статус</th>
                </tr>
                </thead>
                <tbody>

                @php $totalSalary = 0; @endphp

                @foreach($rows as $row)

                    @php
                        if (($row['status'] ?? null) === 'auto' && ($row['salary'] ?? null) !== null) {
                            $totalSalary += (float) $row['salary'];
                        }
                    @endphp

                    <tr class="{{ ($row['status'] ?? null) === 'error' ? 'table-danger' : '' }}">
                        <td>
                            {{ $row['person_name'] ?? '—' }}

                            @if(!empty($row['error']))
                                <div class="text-danger small">
                                    {{ $row['error'] }}
                                </div>
                            @endif
                        </td>

                        <td class="text-center">
                            {{ !empty($row['cabinet_code']) ? $row['cabinet_code'] : '—' }}
                        </td>

                        <td class="text-right">
                            {{ number_format((float)($row['amount'] ?? 0), 2, '.', ' ') }}
                        </td>

                        <td class="text-center">
                            @if(($row['percent'] ?? null) !== null)
                                {{ rtrim(rtrim(number_format((float)$row['percent'], 2, '.', ''), '0'), '.') }}%
                            @else
                                —
                            @endif
                        </td>

                        <td class="text-right font-weight-bold">
                            @if(($row['salary'] ?? null) !== null)
                                {{ number_format((float)$row['salary'], 0, '.', ' ') }}
                            @else
                                —
                            @endif
                        </td>

                        <td class="text-center">
                            @if(($row['status'] ?? null) === 'auto')
                                <span class="badge badge-success">auto</span>
                            @elseif(($row['status'] ?? null) === 'manual')
                                <span class="badge badge-warning">manual</span>
                            @else
                                <span class="badge badge-danger">error</span>
                            @endif
                        </td>
                    </tr>

                @endforeach

                </tbody>

                <tfoot>
                <tr class="table-secondary">
                    <th colspan="4" class="text-right">
                        Загальна ЗП (auto):
                    </th>
                    <th class="text-right font-weight-bold">
                        {{ number_format((float)$totalSalary, 0, '.', ' ') }}
                    </th>
                    <th></th>
                </tr>
                </tfoot>
            </table>
        </div>

    </div>

    <div class="admin-card p-3 mt-3">
        <div class="salary-calc-actions">
            <button type="button"
                    class="btn btn-outline-success salary-calc-btn-ghost"
                    onclick="copySalaryOnly()">
                📋 Скопіювати чисту ЗП
            </button>

            <a href="{{ route('manager.salary-calc.index', ['month' => \Carbon\Carbon::parse($month)->format('Y-m'), 'penalty' => $penalty]) }}"
               class="btn btn-secondary salary-calc-btn-secondary">
                ← Порахувати ще раз
            </a>
        </div>
    </div>

@endsection

@push('scripts')
    <script>
        function copySalaryOnly() {
            const table = document.getElementById('salaryCalcTable');
            if (!table) return alert('Таблицю не знайдено');

            const rows = table.querySelectorAll('tbody tr');
            let values = [];

            rows.forEach(row => {
                // 5-та колонка = "Чиста ЗП" у твоїй таблиці
                const salaryCell = row.querySelector('td:nth-child(5)');
                if (!salaryCell) {
                    values.push('—');
                    return;
                }

                let value = salaryCell.innerText.trim();

                // якщо пусто або "—" → ставимо прочерк
                if (!value || value === '—') {
                    values.push('—');
                    return;
                }

                // прибираємо зайві пробіли/розділювачі, щоб вставлялось красиво
                value = value.replace(/\s+/g, '');

                values.push(value);
            });

            const text = values.join('\n');

            navigator.clipboard.writeText(text).then(() => {
                alert('Скопійовано колонку “Чиста ЗП” (з прочерками) ✅');
            }).catch(() => {
                alert('Помилка копіювання');
            });
        }
    </script>
@endpush