{% extends 'base.html' %}
{% load static thumbnail %}

{% block extra_css %}
    <style>
        .archidex-mt10 { margin-top: 10px; }
    </style>
{% endblock extra_css %}

{% block page_header %}
    {% comment %}
    <h2 class="ui dividing header">
        {{ title }}


        <div class="ui right floated primary button">
            Primary
            <i class="right chevron icon"></i>
        </div>

    </h2>
    {% endcomment %}
    <h1 class="ui dividing header">
        {{ title }}
        <a class="ui right floated red button" href="{% url 'bsk:staff_list' %}">
            Back
        </a>
        {% comment %}
        {% if object.is_checked_in %}
            <a class="ui right floated yellow button" href="{% url 'visitors:print_pass_preview' object.pk %}">
                Print Pass
            </a>
        {% else %}
            <a class="ui right floated teal button" href="{% url 'visitors:check_in' object.pk %}">
                Check In
            </a>
        {% endif %}
        {% endcomment %}
    </h1>
{% endblock page_header %}

{% block content %}
    <div class="ui container ">
        <table class="ui fixed table">
            <thead>
                <tr>
                    <th colspan="2">Staff Profile</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        Staff Id
                    </td>
                    <td>
                        {{ object.staff_id }}
                    </td>
                </tr>
                
                <tr>
                    <td>
                        Staff Name
                    </td>
                    <td>
                        {{ object.staff_name }}
                    </td>
                </tr>

                <tr>
                    <td>
                        Time
                    </td>
                    <td>
                        {{ object.scan_date  }}
                    </td>
                </tr>

                <tr>
                    <td>
                        Temperature
                    </td>
                    <td>
                        {{ object.temperature  }}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="ui container archidex-mt10">
        <table class="ui fixed table">
            <thead>
                <tr>
                    <th colspan="2">Staff Profile</th>
                </tr>
            </thead>
            <tbody>
                 <tr>
                    <td>
                        Staff Id
                    </td>
                    <td>
                        {{ object.staff_id }}
                    </td>
                </tr>
                <tr>
                    <td>
                        Staff Name
                    </td>
                    <td>
                        {{ object.staff_name }}
                    </td>
                </tr>               
                <tr>
                    <td>
                        Staff Handphone
                    </td>
                    <td>
                        {{ object.staff_hp }}
                    </td>
                </tr>
                <tr>
                    <td>
                        Department
                    </td>
                    <td>
                        {{ object.department }}
                    </td>
                </tr>
                <tr>
                    <td>
                        Position
                    </td>
                    <td>
                        {{ object.position }}
                    </td>
                </tr>
                <tr>
                    <td>
                        Nationality
                    </td>
                    <td>
                        {{ object.nationality }}
                    </td>
                </tr>
                <tr>
                    <td>
                        Head ID
                    </td>
                    <td>
                        {{ object.head_id }}
                    </td>
                </tr>
           
            </tbody>
        </table>
    </div>


{% endblock %}

{% block extra_js %}
{% endblock extra_js %}