<div class="bg-white p-6 rounded-lg shadow-md">
    <h2 class="text-xl font-semibold mb-4">Bonjour  {{ app.user.nickname }}</h2>
    <p class="text-gray-700">Vous êtes à la recherche d'un stage.</p>
    <br>
    <p class="text-gray-600">Nom : {{ app.user.firstName }}</p>
    <p class="text-gray-600">Prénom : {{ app.user.lastName }}</p>
    <p class="text-gray-600">Adresse : {{ app.user.address }}</p>
    <p class="text-gray-600">Téléphone : {{ app.user.tel }}</p>
    <p class="text-gray-600">Email : {{ app.user.mail }}</p>

    <h3 class="text-lg font-semibold mt-6">Vos diplômes :</h3>
    <ul class="list-disc list-inside text-gray-800">
        {% if app.user.degrees|length > 0 %}
            {% for internDegree in app.user.degrees %}
                <li>{{ internDegree.degree.label }}</li>
            {% endfor %}
        {% else %}
            <br>
            Aucun pour le moment
        {% endif %}
    </ul>
    <br>
    <a class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full"
       href="{{ path('app_degree_index',{id: app.user.id}) }}"> Selectionner vos diplômes
    </a>

    <h3 class="text-lg font-semibold mt-6">Vos compétences :</h3>
    <ul class="list-disc list-inside text-gray-800">
        {% if app.user.skills|length > 0 %}
            {% for internSkill in app.user.skills %}
                <li>{{ internSkill.skill.label }}</li>
            {% endfor %}
        {% else %}
            <br>
            Aucune pour le moment
        {% endif %}
    </ul>
    <br>
    <a class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full"
       href="{{ path('app_skill_index',{id: app.user.id}) }}"> Sélectionner vos compétences
    </a>


    <div class="flex justify-center mt-6">
        <a class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full"
           href="{{ path('app_user_edit',{id: app.user.id}) }}"> Accéder aux favoris
        </a>
    </div>

    <h3 class="text-lg font-semibold mt-6">Vos candidatures :</h3>

    {% if applications|length > 0 %}
        <ul class="space-y-4 mt-2">
            {% for appli in applications %}
                <div class="border border-gray-300 bg-gray-50 p-4 rounded-lg shadow-sm">
                    <p><strong>Offre :</strong> {{ appli.application.title }}</p>
                    <p><strong>Entreprise :</strong> {{ appli.application.company.name }}</p>
                    <p><strong>Date de candidature :</strong> {{ appli.applicationDate|date('d/m/Y') }}</p>
                    <p><strong>Statut :</strong> {{ appli.status }}</p>
                </div>
            {% endfor %}
        </ul>
    {% else %}
        <p class="text-gray-600">Vous n'avez pas encore postulé à une offre.</p>
    {% endif %}


    <div class="flex justify-end mt-6">
        <a class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full"
           href="{{ path('app_profile_edit',{id: app.user.id}) }}"> Modifier
        </a>
    </div>
</div>
