@extends('layouts.public')

@section('title', 'SYSTRONICS — Downloads')
@section('meta_description', 'Installers, user guides and brochures for SYSTRONICS products are published in the Partners Area.')

@section('content')
    @include('public.partials.page-chrome', [
        'eyebrow' => 'Partners',
        'title' => 'Downloads',
        'lede' => 'Installers, user guides and brochures are published in the SYSTRONICS Partners Area. Create an account and log in to download the files you are entitled to.',
        'crumbs' => [
            ['label' => 'Home', 'url' => route('public.home')],
            ['label' => 'Downloads'],
        ],
    ])

    <section class="section">
        @guest
            <div class="callout" style="margin-bottom:26px">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><rect x="5" y="10.5" width="14" height="9" rx="2"></rect><path d="M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5"></path></svg>
                <div>The information you have requested is available to SYSTRONICS Partners only.</div>
            </div>
            <div class="grid-3">
                <div class="card">
                    <span class="icon-tile">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.7" stroke-linecap="round" aria-hidden="true"><rect x="5" y="10.5" width="14" height="9" rx="2"></rect><path d="M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5"></path></svg>
                    </span>
                    <h3 style="margin-top:16px">Log in</h3>
                    <p class="card-body">If you have a User ID and a Password already, please log in to the SYSTRONICS Partners Area.</p>
                    <form class="form" style="grid-template-columns:1fr;margin-top:18px" method="POST" action="{{ route('login') }}">
                        @csrf
                        <div class="form-row @error('login') has-error @enderror">
                            <label for="d-uid">User ID</label>
                            <input id="d-uid" name="login" type="text" value="{{ old('login') }}" placeholder="Partner ID" autocomplete="username" required>
                            @error('login')<span class="field-error">{{ $message }}</span>@enderror
                        </div>
                        <div class="form-row">
                            <label for="d-pwd">Password</label>
                            <input id="d-pwd" name="password" type="password" placeholder="••••••" autocomplete="current-password" required>
                        </div>
                        <div class="form-row">
                            <button class="btn btn--primary btn--block" type="submit">Login</button>
                        </div>
                    </form>
                </div>
                <div class="card">
                    <span class="icon-tile">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.5 7.5a4 4 0 1 0-3.7 4L9.5 14l-2.5.4L6.5 17l-2.5.4.4-2.5 6.4-6.4"></path></svg>
                    </span>
                    <h3 style="margin-top:16px">Forgot your password?</h3>
                    <p class="card-body">Enter the User ID or company e-mail of your partner account and we will send a reset link.</p>
                    <form class="form" style="grid-template-columns:1fr;margin-top:18px" method="POST" action="{{ route('password.email') }}">
                        @csrf
                        <div class="form-row">
                            <label for="d-mail">User ID or e-mail</label>
                            <input id="d-mail" name="login" type="text" value="{{ old('login') }}" placeholder="Partner ID or name@company.com" autocomplete="username" required>
                        </div>
                        <div class="form-row">
                            <button class="btn btn--outline btn--block" type="submit">Retrieve</button>
                        </div>
                    </form>
                </div>
                <div class="card card--soft">
                    <span class="icon-tile">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0F62FE" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="10" cy="8.5" r="3.5"></circle><path d="M3.5 19.5c0-3.3 2.9-5.5 6.5-5.5 1.3 0 2.5.3 3.5.8"></path><path d="M17.5 13.5v6M14.5 16.5h6"></path></svg>
                    </span>
                    <h3 style="margin-top:16px">Create a Partner Account</h3>
                    <p class="card-body">To register as a SYSTRONICS Partner, please create an account. No fees are charged to become a SYSTRONICS Partner!</p>
                    <div class="actions" style="padding-top:18px">
                        <a class="btn btn--primary btn--block" href="{{ route('register') }}">Join</a>
                    </div>
                    <p class="card-body" style="font-size:13px">You will be returned to Downloads after signing in.</p>
                </div>
            </div>
        @else
            <div class="dl-hub">
                <header class="dl-hero">
                    <div class="dl-hero__copy">
                        <p class="eyebrow">Partner area</p>
                        <h2 class="dl-hero__title">Product downloads</h2>
                        <p class="dl-hero__lede">Find installers, user guides, and brochures for the SYSTRONICS products you are entitled to.</p>
                    </div>
                    <form class="dl-search" method="GET" action="{{ route('portal.downloads.index') }}" role="search">
                        @if ($selectedCategory !== '')
                            <input type="hidden" name="category" value="{{ $selectedCategory }}">
                        @endif
                        @if ($selectedType !== '')
                            <input type="hidden" name="type" value="{{ $selectedType }}">
                        @endif
                        @if (request('group'))
                            <input type="hidden" name="group" value="{{ request('group') }}">
                        @endif
                        @if ($selectedSort !== 'name')
                            <input type="hidden" name="sort" value="{{ $selectedSort }}">
                        @endif
                        <label class="visually-hidden" for="dl-q">Search downloads</label>
                        <input id="dl-q" class="dl-search__input" type="search" name="q" value="{{ request('q') }}" placeholder="Search by product, version, or file name…" autocomplete="off" autofocus>
                        <button class="btn btn--primary dl-search__btn" type="submit">Search</button>
                    </form>
                </header>

                @if ($recent->isNotEmpty() && $activeFilters->isEmpty())
                    <section class="dl-recent" aria-label="Recently downloaded">
                        <div class="dl-section-head">
                            <h3>Recently downloaded</h3>
                        </div>
                        <div class="dl-recent__row">
                            @foreach ($recent as $asset)
                                <a class="dl-recent__chip" href="{{ route('portal.downloads.file', $asset) }}">
                                    <span class="dl-kind dl-kind--{{ $asset->fileKind() }}" aria-hidden="true"></span>
                                    <span class="dl-recent__name">{{ $asset->displayName() }}</span>
                                </a>
                            @endforeach
                        </div>
                    </section>
                @endif

                <section class="dl-filters" aria-label="Filters">
                    <div class="dl-filter-block">
                        <span class="dl-filter-label">Product</span>
                        <div class="dl-pills">
                            <a class="dl-pill @if ($selectedCategory === '') is-active @endif"
                               href="{{ route('portal.downloads.index', request()->except(['category', 'page'])) }}">All products</a>
                            @foreach ($categories as $cat)
                                @continue($cat['is_internal'] && ! auth()->user()?->can('downloads.manage'))
                                <a class="dl-pill @if ($selectedCategory === $cat['code']) is-active @endif"
                                   href="{{ route('portal.downloads.index', array_merge(request()->except('page'), ['category' => $cat['code']])) }}"
                                   title="{{ $cat['code'] }}">
                                    <span class="dl-pill__code">{{ $cat['code'] }}</span>
                                    <span class="dl-pill__name">{{ $cat['label'] }}</span>
                                    <span class="dl-pill__count">{{ $cat['count'] }}</span>
                                </a>
                            @endforeach
                        </div>
                    </div>

                    <div class="dl-filter-row">
                        <div class="dl-filter-block dl-filter-block--grow">
                            <span class="dl-filter-label">File type</span>
                            <div class="dl-pills dl-pills--compact">
                                @php
                                    $types = [
                                        '' => 'Any type',
                                        'installer' => 'Installers',
                                        'document' => 'Guides & docs',
                                        'brochure' => 'Brochures',
                                        'other' => 'Other',
                                    ];
                                @endphp
                                @foreach ($types as $value => $label)
                                    @php
                                        $typeQuery = array_merge(request()->except(['page', 'type']), $value === '' ? [] : ['type' => $value]);
                                    @endphp
                                    <a class="dl-pill @if ($selectedType === $value) is-active @endif"
                                       href="{{ route('portal.downloads.index', $typeQuery) }}">
                                        {{ $label }}
                                    </a>
                                @endforeach
                            </div>
                        </div>

                        <form class="dl-sort" method="GET" action="{{ route('portal.downloads.index') }}">
                            @foreach (request()->except(['sort', 'page']) as $key => $value)
                                @if (is_scalar($value) && $value !== '')
                                    <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                                @endif
                            @endforeach
                            <label class="dl-filter-label" for="dl-sort">Sort</label>
                            <select id="dl-sort" class="dl-sort__select" name="sort" onchange="this.form.submit()">
                                <option value="name" @selected($selectedSort === 'name')>Name</option>
                                <option value="size" @selected($selectedSort === 'size')>Largest first</option>
                                <option value="newest" @selected($selectedSort === 'newest')>Recently updated</option>
                            </select>
                        </form>
                    </div>

                    @if ($groups->isNotEmpty())
                        <div class="dl-filter-block">
                            <span class="dl-filter-label">Collections</span>
                            <div class="dl-pills dl-pills--compact">
                                <a class="dl-pill @if (! request('group')) is-active @endif"
                                   href="{{ route('portal.downloads.index', request()->except(['group', 'page'])) }}">Any collection</a>
                                @foreach ($groups as $group)
                                    <a class="dl-pill @if ((int) request('group') === $group->id) is-active @endif"
                                       href="{{ route('portal.downloads.index', array_merge(request()->except('page'), ['group' => $group->id])) }}">{{ $group->name }}</a>
                                @endforeach
                            </div>
                        </div>
                    @endif

                    @if ($activeFilters->isNotEmpty())
                        <div class="dl-active">
                            <span>{{ $total }} {{ \Illuminate\Support\Str::plural('file', $total) }} match</span>
                            <a class="dl-clear" href="{{ route('portal.downloads.index') }}">Clear filters</a>
                        </div>
                    @endif
                </section>

                <section class="dl-results" aria-label="Files">
                    <div class="dl-results__meta">
                        <strong>{{ number_format($total) }}</strong>
                        {{ \Illuminate\Support\Str::plural('file', $total) }}
                        @if ($selectedCategory !== '')
                            in <strong>{{ $productNames->get($selectedCategory, $selectedCategory) }}</strong>
                        @endif
                    </div>

                    @forelse ($sections as $folder => $rows)
                        <div class="dl-folder">
                            <h3 class="dl-folder__title">
                                <span class="dl-folder__icon" aria-hidden="true"></span>
                                {{ $folder }}
                                <span class="dl-folder__count">{{ $rows->count() }}</span>
                            </h3>
                            <ul class="dl-list">
                                @foreach ($rows as $asset)
                                    @php
                                        $kind = $asset->fileKind();
                                        $ext = $asset->extension();
                                        $catCode = strtoupper((string) $asset->category);
                                        $productLabel = $productNames->get($catCode, $catCode);
                                    @endphp
                                    <li class="dl-item">
                                        <div class="dl-item__icon dl-kind dl-kind--{{ $kind }}" aria-hidden="true">
                                            <span>{{ $ext !== '' ? strtoupper($ext) : 'FILE' }}</span>
                                        </div>
                                        <div class="dl-item__body">
                                            <div class="dl-item__name">{{ $asset->displayName() }}</div>
                                            <div class="dl-item__meta">
                                                @if ($catCode !== '')
                                                    <span class="dl-tag">{{ $catCode }}@if ($productLabel !== $catCode) · {{ $productLabel }}@endif</span>
                                                @endif
                                                @if ($asset->humanSize() !== '')
                                                    <span>{{ $asset->humanSize() }}</span>
                                                @endif
                                                @if ($asset->is_internal)
                                                    <span class="dl-tag dl-tag--warn">Internal</span>
                                                @endif
                                            </div>
                                        </div>
                                        <a class="btn btn--primary dl-item__action" href="{{ route('portal.downloads.file', $asset) }}">Download</a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @empty
                        <div class="dl-empty">
                            <h3>No files matched</h3>
                            <p>Try another product code, clear the file-type filter, or search by version (for example <code>2026</code> or <code>UA Guide</code>).</p>
                            <a class="btn btn--outline" href="{{ route('portal.downloads.index') }}">Show all downloads</a>
                        </div>
                    @endforelse

                    @if ($lastPage > 1)
                        <nav class="dl-pager" aria-label="Pagination">
                            @if ($page > 1)
                                <a class="btn btn--outline" href="{{ route('portal.downloads.index', array_merge(request()->query(), ['page' => $page - 1])) }}">Previous</a>
                            @else
                                <span class="btn btn--outline" aria-disabled="true" style="opacity:.45;pointer-events:none">Previous</span>
                            @endif
                            <span class="dl-pager__status">Page {{ $page }} of {{ $lastPage }}</span>
                            @if ($page < $lastPage)
                                <a class="btn btn--outline" href="{{ route('portal.downloads.index', array_merge(request()->query(), ['page' => $page + 1])) }}">Next</a>
                            @else
                                <span class="btn btn--outline" aria-disabled="true" style="opacity:.45;pointer-events:none">Next</span>
                            @endif
                        </nav>
                    @endif
                </section>
            </div>
        @endguest
    </section>
@endsection