Kullanıcı Profili

Temel Kullanıcı Profili Şablonu

<div class="userinfo">
    [not-logged]
    <div class="alert alert-info">Başkasının profilini görüntülüyorsunuz. Kendi profiliniz değil.</div>
    [/not-logged]
    
    [own-profile]
    <div class="alert alert-success">Bu sizin profiliniz. Bilgilerinizi düzenleyebilirsiniz.</div>
    [/own-profile]
    
    <div class="user-profile-box">
        <div class="user-header">
            <div class="user-avatar">
                <img src="{foto}" alt="{usertitle}">
                [online]<span class="online-status online">Çevrimiçi</span>[/online]
                [offline]<span class="online-status offline">Çevrimdışı</span>[/offline]
            </div>
            <div class="user-info">
                <h1 class="user-name">{usertitle} {group-icon}</h1>
                
                <div class="user-stats">
                    <div class="stat">
                        <span class="stat-label">Grup:</span>
                        <span class="stat-value">{status}</span>
                    </div>
                    
                    <div class="stat">
                        <span class="stat-label">Son Ziyaret:</span>
                        <span class="stat-value">{lastdate=d.m.Y H:i}</span>
                    </div>
                    
                    <div class="stat">
                        <span class="stat-label">Kayıt Tarihi:</span>
                        <span class="stat-value">{registration=d.m.Y}</span>
                    </div>
                </div>
                
                [fullname]
                <div class="user-fullname">
                    <i class="fas fa-user"></i> {fullname}
                </div>
                [/fullname]
                
                [land]
                <div class="user-location">
                    <i class="fas fa-map-marker-alt"></i> {land}
                </div>
                [/land]
            </div>
        </div>
        
        <div class="user-activity">
            <div class="activity-stat">
                <div class="activity-icon"><i class="far fa-newspaper"></i></div>
                <div class="activity-value">{news-num}</div>
                <div class="activity-label">
                    [not-news-num]Haber Yok[/not-news-num]
                    [news-num]Haber Yayınlandı[/news-num]
                </div>
                [news-num]<div class="activity-link"><a href="{news}">Haberleri Görüntüle</a></div>[/news-num]
            </div>
            
            <div class="activity-stat">
                <div class="activity-icon"><i class="far fa-comments"></i></div>
                <div class="activity-value">{comm-num}</div>
                <div class="activity-label">
                    [not-comm-num]Yorum Yok[/not-comm-num]
                    [comm-num]Yorum Yapıldı[/comm-num]
                </div>
                [comm-num]<div class="activity-link"><a href="{comments}">Yorumları Görüntüle</a></div>[/comm-num]
            </div>
            
            <div class="activity-stat">
                <div class="activity-icon"><i class="far fa-star"></i></div>
                <div class="activity-value">{rate}</div>
                <div class="activity-label">Puan</div>
            </div>
        </div>
        
        [signature]
        <div class="user-signature">
            <h4>İmza</h4>
            <div class="signature-content">{signature}</div>
        </div>
        [/signature]
        
        [not-own-profile]
        <div class="user-actions">
            <a href="{pm}" class="user-action-btn pm-btn"><i class="far fa-envelope"></i> Özel Mesaj</a>
            <a href="{email}" class="user-action-btn email-btn"><i class="far fa-envelope"></i> E-mail</a>
            [ignore]<a href="{ignore}" class="user-action-btn ignore-btn"><i class="fas fa-ban"></i> Engelle</a>[/ignore]
        </div>
        [/not-own-profile]
        
        [own-profile]
        <div class="user-edit">
            <a href="#" id="edit-profile-btn" class="btn btn-primary"><i class="fas fa-edit"></i> Profili Düzenle</a>
            [delete]<a href="{delete}" class="btn btn-danger" onclick="return confirm('Hesabınızı silmek istediğinizden emin misiniz? Bu işlem geri alınamaz!');"><i class="fas fa-trash-alt"></i> Hesabı Sil</a>[/delete]
        </div>
        
        <div id="edit-profile-form" style="display: none;">
            <h3>Profili Düzenle</h3>
            <form method="post" action="" enctype="multipart/form-data">
                <div class="form-group">
                    <label>E-mail:</label>
                    <input type="email" name="email" value="{editmail}" class="form-control">
                    <div class="form-check">
                        <input type="checkbox" name="hidemail" id="hidemail" value="1" {hidemail}>
                        <label for="hidemail">E-posta adresimi diğer kullanıcılardan gizle</label>
                    </div>
                </div>
                
                <div class="form-group">
                    <label>Tam Ad:</label>
                    <input type="text" name="fullname" value="{fullname}" class="form-control">
                </div>
                
                <div class="form-group">
                    <label>Yaşadığı Yer:</label>
                    <input type="text" name="land" value="{land}" class="form-control">
                </div>
                
                <div class="form-group">
                    <label>Hakkımda:</label>
                    <textarea name="info" class="form-control">{editinfo}</textarea>
                </div>
                
                <div class="form-group">
                    <label>İmza:</label>
                    <textarea name="signature" class="form-control">{editsignature}</textarea>
                </div>
                
                <div class="form-group">
                    <label>Profil Fotoğrafı:</label>
                    <input type="file" name="newavatar" class="form-control-file">
                    [foto]<div><img src="{foto}" style="max-width: 100px;" /></div>[/foto]
                </div>
                
                <div class="form-group">
                    <label>Zaman Dilimi:</label>
                    {timezones}
                </div>
                
                {xfields}
                
                <div class="form-group">
                    <div class="form-check">
                        {twofactor-auth}
                        <label for="twofactor-auth">İki Faktörlü Kimlik Doğrulamayı Etkinleştir</label>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="form-check">
                        {news-subscribe}
                        <label for="news-subscribe">Tüm yorum aboneliklerinden çık</label>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="form-check">
                        {comments-reply-subscribe}
                        <label for="comments-reply-subscribe">Yorumlarıma verilen yanıtlar hakkında beni bilgilendir</label>
                    </div>
                </div>
                
                <div class="social-connections">
                    <h4>Sosyal Medya Hesapları</h4>
                    {social-list}
                </div>
                
                <div class="form-submit">
                    <button type="submit" name="submit" class="btn btn-success">Değişiklikleri Kaydet</button>
                    <button type="button" id="cancel-edit" class="btn btn-secondary">İptal</button>
                </div>
            </form>
        </div>
        [/own-profile]
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    // Profil düzenleme formunu göster/gizle
    const editBtn = document.getElementById('edit-profile-btn');
    const editForm = document.getElementById('edit-profile-form');
    const cancelBtn = document.getElementById('cancel-edit');
    
    if(editBtn && editForm) {
        editBtn.addEventListener('click', function(e) {
            e.preventDefault();
            editForm.style.display = 'block';
            editBtn.style.display = 'none';
        });
        
        if(cancelBtn) {
            cancelBtn.addEventListener('click', function() {
                editForm.style.display = 'none';
                editBtn.style.display = 'inline-block';
            });
        }
    }
});
</script>