📱 Üyelik Sistemi - Tüm Sayfa Taslakları

📅 Tarih: 2025-11-23 | 🎯 Tenant: ixtif.com / muzibu.com | 📊 Toplam: 8 Yeni + 4 Güncelleme = 12 Sayfa

1. 2FA Code Input Sayfası

YENİ Yüksek Öncelik
Light Mode

🔐 Doğrulama Kodu

Telefonunuza gönderilen kodu girin

Kod gönderildi: +90 *** *** 45 67

⏱️ Kalan süre: 4:32

Yeni kod gönder

Dark Mode

🔐 Doğrulama Kodu

Telefonunuza gönderilen kodu girin

Kod gönderildi: +90 *** *** 45 67

⏱️ Kalan süre: 4:58

UI Özellikleri

  • 6 haneli ayrı input
  • Auto-focus geçişi
  • Paste desteği
  • Countdown timer
  • Resend cooldown

Güvenlik

  • Rate limiting
  • 5 dk timeout
  • 3 deneme hakkı
  • IP takibi

Dosyalar

  • views/auth/two-factor.blade.php
  • TwoFactorController.php
  • TwoFactorService.php

2. Profil Düzenleme Sayfası

YENİ Yüksek Öncelik
Light Mode
👤
Aktif
Dark Mode
👤

Form Alanları

  • Avatar yükleme
  • Ad, Soyad, Email
  • Telefon (2FA için)
  • Şifre değiştirme
  • 2FA toggle
  • Bildirim tercihleri

İşlemler

  • Profil güncelleme
  • Avatar crop & upload
  • Email doğrulama
  • Hesap silme (soft)

Dosyalar

  • Livewire/Profile/EditComponent
  • views/livewire/profile/edit.blade.php
  • MediaManagement trait

3. Cihaz Yönetimi Sayfası

YENİ Yüksek Öncelik
Cihaz Listesi

Aktif Cihazlar

🖥️ Chrome - MacOS
İstanbul • Bu cihaz
📱 Safari - iOS
Ankara • 2 saat önce
Çıkış
💻 Firefox - Windows
İzmir • 1 gün önce
Çıkış
Dark Mode

Giriş Geçmişi

✅ Başarılı Giriş
Chrome • 192.168.1.1
10:30
❌ Başarısız Giriş
Firefox • 10.0.0.1
09:15
✅ Başarılı Giriş
Safari • 172.16.0.1
Dün

Cihaz Bilgileri

  • Browser & OS
  • IP adresi
  • Konum (GeoIP)
  • Son aktivite
  • Device fingerprint

İşlemler

  • Tekil cihaz çıkış
  • Toplu çıkış
  • Giriş geçmişi
  • Şüpheli aktivite

Dosyalar

  • DeviceService.php
  • LoginLogService.php
  • Sessions table

4. Abonelik Yönetimi (User Panel)

YENİ Orta Öncelik
Aktif Abonelik
Mevcut Planınız
Premium
Bitiş: 15 Aralık 2025

Plan Özellikleri:

  • Sınırsız dinleme
  • HD kalite
  • 3 cihaz
  • Offline mod
Abonelik Yok
🎵

Henüz Aboneliğiniz Yok

Premium özelliklerin keyfini çıkarmak için hemen abone olun!

Görüntüleme

  • Mevcut plan bilgisi
  • Dönem tarihleri
  • Plan özellikleri
  • Yenileme durumu

İşlemler

  • Plan yükselt/düşür
  • Kupon uygula
  • İptal et
  • Auto-renew toggle

Servisler

  • SubscriptionService
  • CouponService
  • PayTR API

5. Fiyatlandırma Sayfası (Public)

YENİ Orta Öncelik
Plan Kartları
Starter
₺49
/ay
POPÜLER
Premium
₺99
/ay
Pro
₺199
/ay
Özellik Karşılaştırma
Özellik Starter Premium Pro
Dinleme 10 saat Sınırsız Sınırsız
Kalite SD HD 4K
Cihaz 1 3 5

UI Elemanları

  • Aylık/Yıllık toggle
  • Plan kartları
  • Featured vurgu
  • Karşılaştırma tablosu
  • CTA butonları
  • SSS accordion

Dinamik Veriler

  • SubscriptionPlan modeli
  • Fiyatlar (aylık/yıllık)
  • Features JSON
  • Compare price

Dosyalar

  • views/pricing.blade.php
  • PricingController
  • Route: /pricing

6. Checkout/Ödeme Sayfası

YENİ Orta Öncelik
Sipariş Özeti

Sipariş Özeti

Premium Plan (Yıllık) ₺1.188
Kupon: YENI20 -₺237
Toplam ₺951
Ödeme Formu

Fatura Bilgileri

PayTR Ödeme Formu

iframe burada yüklenecek

Form Alanları

  • Plan özeti
  • Kupon girişi
  • Fatura bilgileri
  • TC/Vergi no
  • Adres

Ödeme

  • PayTR iframe
  • 3D Secure
  • Sonuç callback
  • Invoice PDF

Servisler

  • PaymentService
  • CouponService
  • InvoiceService

7. Ödeme Geçmişi Sayfası

YENİ Düşük Öncelik
Ödeme Listesi

Ödeme Geçmişi

₺951,00
15 Kas 2025 • Premium Yıllık
Başarılı
₺99,00
15 Eki 2025 • Premium Aylık
Başarılı
₺99,00
15 Eyl 2025 • Premium Aylık
Beklemede
Fatura Detay Modal

Fatura #INV-2025-1234

Plan Premium Yıllık
Tarih 15 Kas 2025
Tutar ₺1.188,00
İndirim -₺237,00
Toplam ₺951,00

Liste Özellikleri

  • Tarih, tutar, durum
  • Plan bilgisi
  • Filtreleme
  • Pagination

Detay Modal

  • Fatura numarası
  • Detaylı döküm
  • PDF indirme

8. Admin - Kullanıcı Abonelik Detay

YENİ Düşük Öncelik
Abonelik Geçmişi

Kullanıcı: Ahmet Yılmaz

Plan Başlangıç Bitiş Durum
Premium 15.11.2025 15.11.2026 Aktif
Starter 15.09.2025 15.11.2025 Sona Erdi
Admin İşlemleri

Manuel İşlemler

gün

🔄 Güncellenecek Sayfalar

9. Login Sayfası Güncellemesi

GÜNCELLE Yüksek Öncelik

Eklenecekler

  • 2FA yönlendirme mantığı
  • "Bu cihazı hatırla" checkbox
  • Failed attempts uyarısı
  • Kalan deneme hakkı

Akış

  • Login → 2FA kontrolü
  • 2FA aktif → /auth/2fa
  • 2FA pasif → dashboard
  • Device cookie kontrolü

10. Register Sayfası Güncellemesi

GÜNCELLE Yüksek Öncelik

Eklenecekler

  • Kurumsal davet kodu input
  • Telefon numarası (2FA)
  • Kullanım şartları checkbox
  • KVKK onayı

Conditional

  • corporate_enabled → kod göster
  • 2fa_enabled → telefon zorunlu
  • Tenant bazlı kontrol

11. Header User Dropdown Güncellemesi

GÜNCELLE Orta Öncelik

Eklenecekler

  • Abonelik durumu badge
  • Profilim linki
  • Cihazlarım linki
  • Ödeme geçmişi linki
  • Plan yükselt CTA

Badge Renkleri

  • Aktif → Yeşil
  • Trial → Sarı
  • Expired → Kırmızı
  • Yok → Gri

12. Email Verification Modernize

GÜNCELLE Düşük Öncelik

Değişiklikler

  • Bootstrap → Tailwind
  • Dark/Light mode
  • Animasyon ekleme
  • Yeniden gönder cooldown
  • Success feedback