{% extends "info/layout.html" %}
{% load static %}
{% block script %}
{% endblock script %}
{% block body %}
    <div id="main" class="container-fluid">
        <div id="panel" class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">个人信息</div>
                    <div class="card-body">
                        <div class="function-group">
                            <div class="item">
                                <a href="user/profile/">修改资料</a>
                            </div>
                            <div class="item">
                                <a href="user/password/">修改密码</a>
                            </div>
                            <div class="item">
                                <a href="user/message/">消息</a>
                                {% if info.unread_message_qty > 0 %}
                                    <span class="badge rounded-pill bg-info">{{ info.unread_message_qty }}</span>
                                {% endif %}
                            </div>
                            <div class="item">
                                <a href="/logout/">退出</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% if user.admin %}
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">公司信息管理</div>
                        <div class="card-body">
                            <div class="function-group">
                                <div class="item">
                                    <a href="company/user/create/">添加用户</a>
                                </div>
                                {% comment %} <div class="item"><a href="company/admin/">管理员设定</a></div> {% endcomment %}
                                <div class="item">
                                    <a href="company/user/manager/">管理用户</a>
                                </div>
                                <div class="item">
                                    <a href="company/profile/">修改公司信息</a>
                                </div>
                                <div class="item">
                                    <a href="company/dismiss/">解散公司</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
            {% if 'BOM_management' in modular_list %}
                {% comment %} BOM管理功能 {% endcomment %}
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">BOM管理</div>
                        <div class="card-body">
                            <div class="function-group">
                                <div class="item">
                                    <a href="/BOM/part/create/">新建料号</a>
                                </div>
                                <div class="item">
                                    <a href="/BOM/part/edit/list/">编辑料号</a>
                                </div>
                                <div class="item">
                                    <a href="/BOM/part/my_list/">我管理的料号</a>
                                </div>
                                <div class="item">
                                    <a href="/BOM/part/search/">BOM查询</a>
                                </div>
                                <div class="item">
                                    <a href="/BOM/part/where_used/">使用查询(where-used)</a>
                                </div>
                            </div>
                            <div class="function-group">
                                <div class="item">
                                    <a href="/BOM/ECN/my_list/">我管理的ECN</a>
                                </div>
                                <div class="item">
                                    <a href="/BOM/ECN/my_signoff/">等待签核ECN</a>
                                    {% if BOM.pending_ecn_qty > 0 %}
                                        <span class="badge rounded-pill bg-info">{{
                                        BOM.pending_ecn_qty }}</span>
                                    {% endif %}
                                </div>
                            </div>
                            <div class="function-group">
                                <div class="item">
                                    <a href="/BOM/vendor/create/">创建供应商</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
            {% if 'IT_service' in modular_list %}
                {% comment %} IT ticket功能 {% endcomment %}
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">IT服务申请管理</div>
                        <div class="card-body">
                            <div class="function-group">
                                <div class="item">
                                    <a href="/IT_service/user/request/create/">提交请求</a>
                                </div>
                                <div class="item">
                                    <a href="/IT_service/user/request/list/">我的请求</a>
                                </div>
                            </div>
                            <div class="function-group">
                                <div class="item">
                                <a href="/IT_service/backend/open_list/" 待处理请求</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
</div>
<style type="text/css">
    #main {
        display: inline-flex;
        justify-content: center;
    }

    #panel {
        width: 100%;
    }

    .card {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #form-button-area {
        display: flex;
        justify-content: space-around;
        margin-top: 10px;
    }

    .card-body {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .function-group {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .item {
        margin-left: 5px;
        margin-right: 10px;
    }
</style>
{% endblock body %}