{% extends 'layout.html' %}
{% block content %}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom border-dark">
    <h2>Merhaba <span class="text-blue">{{ user.full_name }}</span></h2>
</div>

<div class="row mb-3">
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                Bilgileriniz:
            </div>

            <div class="card-body">
                    <table class="table table-dark table-sm table-hover">
                        <tbody>
                            <tr>
                                <td>Adı Soyadı</td>
                                <td>: {{ user.full_name }}</td>
                                <td>
                                    {% if user.get_role() == "Admin" %}
                                    <a href="{{ url_for('user.change_username') }}" class="btn btn-sm btn-info w-100">Değiştir</a>
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>                    
                                <td>Parola</td>
                                <td>: ****</td>
                                <td>
                                    <a href="{{ url_for('user.change_password') }}" class="btn btn-sm btn-info w-100">Değiştir</a>
                                </td>
                            </tr>
                            <tr>                    
                                <td><span class="text-gray"></span>Kullanıcı Seviyeniz</span></td>
                                <td>: <span style="color: {{ roles[user.get_role()]['color'] }};">{{ roles[user.get_role()]["tr_title"]}}</span></td>
                                <td>
                                    {% if user.department_manager  %}
                                        <span class="d-inline-block w-100 text-center" tabindex="0" data-toggle="tooltip" title="Sorumlu">
                                            <i class="fas fa-star text-warning"></i>
                                        </span>
                                    {% endif %}
                                </td>
                            </tr>
                        </tbody>
                    </table>
            </div>
        </div>
    </div>
    <div class="col md-8">
        <div class="card">
            <div class="card-header">
                Yetenekleriniz:
            </div>
            <div class="card-body text-white">
                <h6 class="mb-2">{{ roles[user.get_role()]["tr_title"]}} olarak aşağıdaki yeteneklere sahipsiniz:</h6>
                {% if user.department_manager  %}
                    <p class="mb-1"> Sizinle birlikte çalışacak ekip elemanlarını sisteme ekleyebilir ve belli başlıklarda işlem yapma yetkisi tanıyabilirsiniz.</p>
                    <p class="mb-1"> Tüm değerlendirme bağlıkları üzerinde ekleme, silme, değiştirme işlemlerini yapabilirsiniz.</p>
                {% endif %}
                {% for skill in roles[user.get_role()]['skills'] %}
                    <p class="mb-1">✅ {{ skill }}</p>
                {% endfor %}    
            </div>
        </div>
    </div>
</div>
{% endblock content %}