@extends('layouts.app')
@section('title', 'Push into Revised PC-I')

@section('contents')
@php
    $p = $score['project'];
    $rev = $score['revised'];
    $formOptions = collect($score['forms'])->mapWithKeys(fn ($f) => [
        (string) $f['id'] => '#'.$f['id'].' · '.$f['role'].' · '.$f['state'].' · loc '.($f['fills']['locations'] ?? 0),
    ]);
@endphp
<x-layouts.page-wrapper
    title="Review & Push into Revised"
    :breadcrumbs="[
        'Admin Controls' => null,
        'PC-I / Revised problems' => route('admin-controls.pci-revised-data-merge.index'),
        ($p['code'] ?: 'Scheme') => null,
    ]"
>
    <div class="col-12 mx-auto">
        <a href="{{ route('admin-controls.pci-revised-data-merge.index') }}" class="btn btn-sm btn-outline-secondary mb-3">&larr; Back</a>

        <div class="alert alert-info">
            <strong>{{ $p['code'] }}</strong> — {{ $p['name'] }}<br>
            Daddy target:
            @if ($rev)
                Revised <strong>#{{ $rev['id'] }}</strong>
                ({{ $rev['state'] }}{{ $rev['status_active'] ? ', active' : ', inactive' }}).
            @else
                none found.
            @endif
            Tick sections to copy, pick the source form (defaults use fill + newer date), then Push.
        </div>

        @if (! $rev)
            <div class="alert alert-danger">No Revised PC-I on this scheme — cannot push.</div>
        @else
            <form method="post" action="{{ route('admin-controls.pci-revised-data-merge.push', $p['project_id']) }}"
                  onsubmit="return confirm('Push selected sections into Revised #{{ $rev['id'] }}? This overwrites those sections on Revised.');">
                @csrf
                <input type="hidden" name="revised_id" value="{{ $rev['id'] }}">

                <div class="card mb-3">
                    <div class="card-header">Forms overview</div>
                    <div class="card-body p-0 table-responsive">
                        <table class="table table-sm mb-0">
                            <thead>
                                <tr>
                                    <th>ID</th><th>Role</th><th>State</th><th>Active</th><th>Updated</th><th>Locations</th><th>Fill total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($score['forms'] as $f)
                                    <tr class="{{ !empty($f['is_revised']) ? 'table-warning' : '' }}">
                                        <td>#{{ $f['id'] }}</td>
                                        <td>{{ $f['role'] }}</td>
                                        <td>{{ $f['state'] }}</td>
                                        <td>{{ $f['status_active'] ? 'yes' : 'no' }}</td>
                                        <td class="small">{{ $f['updated_at'] }}</td>
                                        <td>{{ $f['fills']['locations'] ?? 0 }}</td>
                                        <td>{{ $f['fill_total'] }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="card mb-3">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <span>Select sections to push into Revised #{{ $rev['id'] }}</span>
                        <span>
                            <button type="button" class="btn btn-xs btn-outline-secondary" id="pciMergeCheckSuggested">Check suggested</button>
                            <button type="button" class="btn btn-xs btn-outline-secondary" id="pciMergeCheckAll">Check all</button>
                            <button type="button" class="btn btn-xs btn-outline-secondary" id="pciMergeCheckNone">Uncheck all</button>
                        </span>
                    </div>
                    <div class="card-body p-0 table-responsive">
                        <table class="table table-sm mb-0">
                            <thead>
                                <tr>
                                    <th style="width:40px;">Push?</th>
                                    <th>Section</th>
                                    <th>Revised fill</th>
                                    <th>Best fill</th>
                                    <th>Source form</th>
                                    <th>Why</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($score['sections'] as $key => $section)
                                    @php
                                        $suggested = $section['suggested_form_id'] ?? null;
                                        $shouldCheck = $suggested
                                            && (int) $suggested !== (int) $rev['id']
                                            && (int) ($section['best_fill'] ?? 0) > 0
                                            && (int) ($section['revised_fill'] ?? 0) < (int) ($section['best_fill'] ?? 0);
                                        $oldChecked = old('sections');
                                        $isChecked = is_array($oldChecked)
                                            ? in_array($key, $oldChecked, true)
                                            : $shouldCheck;
                                        $sourceVal = (int) (old('source.'.$key) ?: ($suggested ?: $rev['id']));
                                    @endphp
                                    <tr>
                                        <td class="text-center">
                                            <input type="checkbox"
                                                   class="pci-merge-section"
                                                   name="sections[]"
                                                   value="{{ $key }}"
                                                   data-suggested="{{ $shouldCheck ? '1' : '0' }}"
                                                   {{ $isChecked ? 'checked' : '' }}>
                                        </td>
                                        <td>{{ $section['label'] }}</td>
                                        <td>{{ $section['revised_fill'] }}</td>
                                        <td>{{ $section['best_fill'] }}</td>
                                        <td>
                                            <select name="source[{{ $key }}]" class="form-control form-control-sm">
                                                @foreach ($formOptions as $fid => $label)
                                                    <option value="{{ $fid }}" {{ (int) $fid === $sourceVal ? 'selected' : '' }}>
                                                        {{ $label }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="small">{{ $section['suggested_reason'] }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="card-footer">
                        <div class="custom-control custom-checkbox mb-2">
                            <input type="hidden" name="activate_revised" value="0">
                            <input type="checkbox" class="custom-control-input" id="activate_revised" name="activate_revised" value="1"
                                   {{ old('activate_revised', '1') == '1' ? 'checked' : '' }}>
                            <label class="custom-control-label" for="activate_revised">Keep / make Revised active (daddy)</label>
                        </div>
                        <div class="custom-control custom-checkbox mb-3">
                            <input type="hidden" name="deactivate_drafts" value="0">
                            <input type="checkbox" class="custom-control-input" id="deactivate_drafts" name="deactivate_drafts" value="1"
                                   {{ old('deactivate_drafts', '1') == '1' ? 'checked' : '' }}>
                            <label class="custom-control-label" for="deactivate_drafts">Deactivate competing active PC-I drafts after push</label>
                        </div>
                        <button type="submit" class="btn btn-danger">Push into Revised</button>
                    </div>
                </div>
            </form>
        @endif
    </div>
</x-layouts.page-wrapper>

@push('scripts')
<script>
(function () {
    function setAll(on) {
        document.querySelectorAll('.pci-merge-section').forEach(function (el) {
            el.checked = !!on;
        });
    }
    function setSuggested() {
        document.querySelectorAll('.pci-merge-section').forEach(function (el) {
            el.checked = el.getAttribute('data-suggested') === '1';
        });
    }
    var a = document.getElementById('pciMergeCheckAll');
    var n = document.getElementById('pciMergeCheckNone');
    var s = document.getElementById('pciMergeCheckSuggested');
    if (a) a.addEventListener('click', function () { setAll(true); });
    if (n) n.addEventListener('click', function () { setAll(false); });
    if (s) s.addEventListener('click', function () { setSuggested(); });
})();
</script>
@endpush
@endsection