{{-- resources/views/system/changelog.blade.php --}}
@extends('layouts.app')
@section('title', 'Changelog')
@section('page_title', 'What\'s New')
@section('page_subtitle', 'Recent updates and improvements to Kubhuka Lite')

@section('content')

<div class="row justify-content-center">
<div class="col-xl-7">

    @if($versions->isEmpty())
        <div class="card">
            <div class="card-body text-center py-5">
                <i class="bi bi-tag"
                   style="font-size:2.5rem;color:var(--muted)"></i>
                <p class="fw-semibold mt-3 mb-0">
                    No releases published yet
                </p>
            </div>
        </div>
    @else
        @foreach($versions as $version)
            @php
                $typeColors = [
                    'major'   => ['bg'=>'#fee2e2','color'=>'#991b1b'],
                    'minor'   => ['bg'=>'#dbeafe','color'=>'#1e40af'],
                    'patch'   => ['bg'=>'#d1fae5','color'=>'#065f46'],
                    'hotfix'  => ['bg'=>'#fef3c7','color'=>'#92400e'],
                ];
                $tc = $typeColors[$version->type] ?? $typeColors['patch'];
            @endphp
            <div class="card mb-3">
                <div class="card-header">
                    <div style="display:flex;align-items:center;gap:10px;">
                        <span class="fw-bold"
                              style="font-size:.95rem;color:var(--clay);">
                            v{{ $version->version }}
                        </span>
                        <span style="font-size:.68rem;font-weight:600;
                                     padding:2px 8px;border-radius:20px;
                                     background:{{ $tc['bg'] }};
                                     color:{{ $tc['color'] }};">
                            {{ ucfirst($version->type) }}
                        </span>
                        <span class="fw-semibold"
                              style="font-size:.85rem;">
                            {{ $version->title }}
                        </span>
                    </div>
                    <span style="font-size:.72rem;color:var(--muted);">
                        {{ $version->released_at?->format('d M Y') }}
                    </span>
                </div>
                <div class="card-body">
                    <div style="font-size:.82rem;line-height:1.8;
                                color:var(--text);white-space:pre-wrap;">{{ $version->release_notes }}</div>
                </div>
            </div>
        @endforeach
    @endif

</div>
</div>

@endsection