@extends('layouts.app', ['title' => 'Downloads'])

@section('content')
<section class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
    <h1 class="font-display text-3xl font-bold text-white">Software downloads & updates</h1>
    <p class="mt-2 text-sm text-slate-400">Access released builds associated with your licensed products.</p>
    <div class="mt-6 grid gap-4 md:grid-cols-2">
        @foreach ($versions as $version)
            <div class="rounded-2xl border border-white/10 bg-white/5 p-5">
                <div class="text-xs uppercase tracking-[0.2em] text-slate-500">{{ $version->product?->name }}</div>
                <div class="mt-2 text-xl font-semibold text-white">{{ $version->version }}</div>
                <div class="mt-2 text-sm text-slate-400">{{ ucfirst($version->release_channel) }} release • {{ $version->released_at?->format('Y-m-d') }}</div>
                <div class="mt-4 text-sm text-slate-300">{{ $version->release_notes ?: 'Release notes not provided.' }}</div>
                @if ($version->download_url)
                    <a href="{{ $version->download_url }}" class="mt-5 inline-flex rounded-full bg-brand-500 px-4 py-2 font-medium text-white">Download package</a>
                @endif
            </div>
        @endforeach
    </div>
    <div class="mt-6">{{ $versions->links() }}</div>
</section>
@endsection