@extends('adminlte::page')

@section('title', 'Yama Notları')

@section('css')
    <style>
        .changelog-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .changelog-card {
            background: #fff;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        }

        .changelog-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .version {
            font-size: 1.3rem;
            font-weight: 600;
        }

        .date {
            font-size: 0.9rem;
            color: #666;
        }

        .changelog-list {
            margin-top: 10px;
            padding-left: 20px;
        }

        .changelog-list li {
            margin-bottom: 6px;
        }

        .badge-new {
            background-color: #28a745;
            color: white;
            font-size: 0.75rem;
            border-radius: 6px;
            padding: 3px 6px;
            margin-left: 5px;
        }

        .badge-fix {
            background-color: #ffc107;
            color: #222;
            font-size: 0.75rem;
            border-radius: 6px;
            padding: 3px 6px;
            margin-left: 5px;
        }

        .badge-remove {
            background-color: #dc3545;
            color: white;
            font-size: 0.75rem;
            border-radius: 6px;
            padding: 3px 6px;
            margin-left: 5px;
        }
    </style>
@endsection

@section('content')
<div class="changelog-container">

    <div class="changelog-card">
        <div class="changelog-header">
            <div class="version">v1.0.2 <span class="badge-new">Gelecek</span></div>
        </div>
        <ul class="changelog-list">
            <li>Şifre sıfırlama özelliği eklenecek. Test <span class="badge-new">Ekleme</span></li>
            <li>Mail gönderme özelliği eklenecek. <span class="badge-new">Ekleme</span></li>
        </ul>
    </div>

    <div class="changelog-card">
        <div class="changelog-header">
            <div class="version">v1.0.2 </div>
            <div class="date">23 Ekim 2025</div>
        </div>
        <ul class="changelog-list">
            <li>Kullancı eklerken oluşan hatalar giderilecek.<span class="badge-fix">Düzeltme</span></li>
            <li>Hesabım sayfası eklenecek. <span class="badge-new">Ekleme</span></li>
            <li>Şifre değiştirme özelliği eklenecek. <span class="badge-new">Ekleme</span></li>
        </ul>
    </div>

    <div class="changelog-card">
        <div class="changelog-header">
            <div class="version">v1.0.1</div>
            <div class="date">21 Ekim 2025</div>
        </div>
        <ul class="changelog-list">
            <li>Sistem saati düzeltildi. (İstanbul)<span class="badge-fix">Düzeltme</span></li>
            <li>Login sayfasının düzgün yüklenmeme sorunu çözüldü.<span class="badge-fix">Düzeltme</span></li>
            <li>Yeni gider türleri eklendi <span class="badge-new">Yeni</span></li>
        </ul>
    </div>

    <div class="changelog-card">
        <div class="changelog-header">
            <div class="version">v1.0.0</div>
            <div class="date">15 Ekim 2025</div>
        </div>
        <ul class="changelog-list">
            <li>Sistem ilk sürümü yayınlandı <span class="badge-new">Yeni</span></li>
            <li>Gün sonu raporları ve kasa takibi aktif hale getirildi.</li>
        </ul>
    </div>

</div>
@endsection

@section('js')
@endsection