---

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Карточка сотрудника</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body { background-color: #f8f9fa; }
        .card { border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
        .table-wrapper { overflow-x: auto; }
    </style>
</head>
<body>
    <div class="container mt-4">
        <h2 class="mb-4"> {{ worker[0] }} {{ worker[1] }} {{ worker[2] }}</h2>

        <!-- Карточка с данными -->
        <div class="card mb-4">
            <div class="card-body">
                <p><strong>Табельный номер:</strong> {{ worker[3] }}</p>
                <p><strong>Должность:</strong> {{ worker[4] }}</p>
                <p><strong>Подразделение:</strong> {{ worker[5] }}</p>
            </div>
        </div>

        <!-- Блок с детьми -->
        <div class="card mb-4">
            <div class="card-header bg-primary text-white">Дети (пособия)</div>
            <div class="card-body">
                {% if children_rows %}
                <div class="table-wrapper">
                    <table class="table table-bordered table-hover">
                        <thead class="table-light">
                            <tr>
                                {% for col in children_cols %}
                                <th>{{ col }}</th>
                                {% endfor %}
                            </tr>
                        </thead>
                        <tbody>
                            {% for child in children_rows %}
                            <tr>
                                {% for val in child %}
                                <td>{{ val }}</td>
                                {% endfor %}
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% else %}
                <div class="alert alert-info">У данного сотрудника нет записей о детях.</div>
                {% endif %}
            </div>
        </div>

        <!-- Кнопка экспорта в Excel -->
        <a href="/employee/{{ worker[3] }}/export" class="btn btn-success btn-lg">
            Экспорт ФИО в Excel (BLANKS6)
        </a>
        <a href="/" class="btn btn-secondary btn-lg ms-2">Назад к списку</a>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>