@php
    $downloadCategories = $downloadCategories ?? collect();
    $prefix = strtoupper(trim((string) ($product->legacy_prefix ?: $product->code)));
    $supportedRows = $compatRows->where('is_currently_supported', true)->sortByDesc('product_version')->values();
    $retiredRows = $compatRows->where('is_currently_supported', false)->sortByDesc('product_version')->values();
@endphp

<div class="fu-page">
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">Versions and download files</h5>
        </div>
        <div class="card-body">
            <p class="fu-lede">Add the Sage 300 version first. Then upload each installer or document into that version. Partners with download access see the files on the public product page.</p>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">Add a product version</h5>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.cms.product-pages.versions.store', $product) }}" class="fu-grid fu-grid--3" style="align-items:end">
                @csrf
                <div>
                    <label class="form-label" for="product_version">Product version</label>
                    <input class="form-control" id="product_version" name="product_version" value="{{ old('product_version') }}" required maxlength="50" placeholder="2026H">
                </div>
                <div>
                    <label class="form-label" for="sage_version">Sage 300 version</label>
                    <input class="form-control" id="sage_version" name="sage_version" value="{{ old('sage_version') }}" required maxlength="50" placeholder="2026">
                </div>
                <div>
                    <div class="form-check" style="margin-top:1.85rem">
                        <input type="hidden" name="is_currently_supported" value="0">
                        <input class="form-check-input" type="checkbox" name="is_currently_supported" value="1" id="is_currently_supported" @checked(old('is_currently_supported', '1'))>
                        <label class="form-check-label" for="is_currently_supported">Currently supported</label>
                    </div>
                </div>
                <div class="fu-field-span d-flex justify-content-end">
                    <button class="btn btn-primary" type="submit">Add version</button>
                </div>
            </form>
        </div>
    </div>

    @if ($compatRows->isEmpty())
        <div class="card">
            <div class="card-body">
                <p class="fu-empty mb-0">No versions yet. Add {{ $prefix }} {{ old('product_version', '2026H') }} above, then upload a file for a version.</p>
            </div>
        </div>
    @endif

    @foreach ($supportedRows as $row)
        @include('admin.cms.product-pages._version-file-card', ['row' => $row, 'retired' => false])
    @endforeach

    @if ($retiredRows->isNotEmpty())
        <h6 class="mb-0" style="letter-spacing:0.06em;text-transform:uppercase;color:var(--brand-muted);font-size:0.72rem">Retired versions</h6>
        <p class="fu-lede">These stay on file, but partners do not see them until you mark the version supported.</p>
        @foreach ($retiredRows as $row)
            @include('admin.cms.product-pages._version-file-card', ['row' => $row, 'retired' => true])
        @endforeach
    @endif

    <div class="d-flex gap-2 flex-wrap">
        @can('compatibility.manage')
            <a class="btn btn-outline-primary" href="{{ route('admin.compatibility.index', ['prefix' => $product->legacy_prefix ?: $product->code]) }}">Sage compatibility</a>
        @endcan
        <a class="btn btn-outline-secondary" href="{{ route('admin.cms.product-pages.index') }}">All product pages</a>
        <a class="btn btn-outline-secondary" href="{{ route('public.products.show', $product) }}" target="_blank" rel="noopener">View public page</a>
    </div>
</div>

@push('scripts')
    <script src="{{ asset('js/file-upload.js') }}"></script>
@endpush