{% extends "base.html" %}
{% block title %}我的{% endblock %}

{% block content %}
<div class="p-4 space-y-6">

    <h1 class="text-xl font-bold">个人信息</h1>

    <hr>

    <!-- 头像 + 名字 -->
    <div class="bg-gradient-to-r from-blue-500 to-indigo-500
                rounded-2xl p-6 text-white">

        <div class="text-lg font-semibold">
            {{ student.studentName }}
        </div>
        <div class="text-sm opacity-90">
            学号 {{ student.studentNumber }}
        </div>
    </div>

    <!-- 信息卡 -->
    <div class="bg-white rounded-2xl shadow divide-y text-sm">

        <div class="flex justify-between p-4">
            <span class="text-zinc-500">学院</span>
            <span>{{ student.collegeName }}</span>
        </div>

        <div class="flex justify-between p-4">
            <span class="text-zinc-500">专业</span>
            <span>{{ student.professionalName }}</span>
        </div>

        <div class="flex justify-between p-4">
            <span class="text-zinc-500">班级</span>
            <span>{{ student.deptName }}</span>
        </div>

        <div class="flex justify-between p-4">
            <span class="text-zinc-500">性别</span>
            <span>{{ student.studentSex }}</span>
        </div>

        <div class="flex justify-between p-4">
            <span class="text-zinc-500">手机号</span>
            <span>{{ student.studentIpone }}</span>
        </div>

    </div>

    <!-- 操作 -->
    <a href="/logout" class="block text-center text-red-500 py-3">
        退出登录
    </a>

</div>
{% endblock %}