@php
    $downloadCategories = $downloadCategories ?? collect();
    $prefix = strtoupper(trim((string) ($product->legacy_prefix ?: $product->code)));
    $folder = $prefix.'/'.($row->product_version ?: 'current');
    $files = $row->versionContents;
    $shown = $row->is_currently_supported && $row->is_configured && $files->isNotEmpty();
@endphp

<section class="card fu-version" id="version-{{ $row->id }}">
    <div class="card-header fu-version__head">
        <div>
            <h5 class="mb-0">{{ $row->product_version ?: 'Version' }}</h5>
            <div class="text-muted small">Sage 300 {{ $row->sage_version ?: '—' }} · stored under <code>{{ $folder }}/</code></div>
        </div>
        <div class="fu-version__meta">
            @if ($row->is_currently_supported)
                <span class="fu-badge is-on">Supported</span>
            @else
                <span class="fu-badge is-off">Retired</span>
            @endif
            @if ($shown)
                <span class="fu-badge is-on">Shown to partners</span>
            @else
                <span class="fu-badge">Not on the product page yet</span>
            @endif
        </div>
    </div>
    <div class="card-body">
        @forelse ($files as $tile)
            <div class="fu-file">
                <div>
                    <strong>{{ $tile->download_title }}</strong>
                    <code>{{ $tile->downloadAsset?->relative_path ?: $tile->download_link }}</code>
                    @if ($tile->downloadAsset?->humanSize())
                        <div class="text-muted">{{ $tile->downloadAsset->humanSize() }}</div>
                    @endif
                </div>
                <form method="POST" action="{{ route('admin.cms.product-pages.downloads.destroy', [$product, $tile]) }}" onsubmit="return confirm('Remove this file from the version?')">
                    @csrf
                    @method('DELETE')
                    <button class="btn btn-sm btn-outline-danger" type="submit">Remove</button>
                </form>
            </div>
        @empty
            <p class="fu-empty">No files on this version yet.</p>
        @endforelse

        <form class="fu-add" method="POST" action="{{ route('admin.cms.product-pages.downloads.store', $product) }}" enctype="multipart/form-data" data-file-upload>
            @csrf
            <input type="hidden" name="sage_compatibility_id" value="{{ $row->id }}">
            <h6 class="mb-3">Upload a file for a version</h6>
            <div class="fu-layout">
                <div>
                    <label class="form-label" for="version_file_{{ $row->id }}">File</label>
                    @include('admin.partials.file-drop', [
                        'id' => 'version_file_'.$row->id,
                        'name' => 'file',
                        'required' => true,
                        'hint' => 'Saved as '.$folder.'/filename',
                    ])
                </div>
                <div class="fu-grid">
                    <div class="{{ $downloadCategories->count() > 1 ? '' : 'fu-field-span' }}">
                        <label class="form-label" for="download_title_{{ $row->id }}">Name on the product page</label>
                        <input class="form-control @error('download_title') is-invalid @enderror" id="download_title_{{ $row->id }}" name="download_title" data-file-title value="{{ old('sage_compatibility_id') == $row->id ? old('download_title') : '' }}" required maxlength="75" placeholder="Fully Functional Version">
                        @error('download_title')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    @if ($downloadCategories->count() > 1)
                        <div>
                            <label class="form-label" for="content_category_id_{{ $row->id }}">Group</label>
                            <select class="form-select" id="content_category_id_{{ $row->id }}" name="content_category_id">
                                @foreach ($downloadCategories as $category)
                                    <option value="{{ $category->id }}" @selected((string) old('content_category_id') === (string) $category->id)>{{ $category->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    @endif
                    <p class="fu-hint fu-field-span">Partners download it through the existing downloads login. Storage path: <code data-file-preview>{{ $folder }}/</code></p>
                    <div class="fu-field-span d-flex justify-content-end">
                        <button class="btn btn-primary" type="submit">Upload file</button>
                    </div>
                </div>
            </div>
            <input type="hidden" data-file-path data-folder="{{ $folder }}" value="{{ $folder }}/" tabindex="-1" aria-hidden="true">
        </form>
    </div>
</section>