{% extends "notifications/base_email.html" %}

{% block title %}Overtime Request Approved by Registrar{% endblock %}

{% block header %}Overtime Request Approved by Registrar{% endblock %}

{% block content %}
<p>Dear HR Manager,</p>

<div class="info-box">
    <p>An overtime request has been approved by the Registrar and is now pending payment processing.</p>
</div>

<div class="info-box">
    <h3>Overtime Request Details</h3>
    <table>
        <tr>
            <th>Employee</th>
            <td>{{ overtime_request.employee.user.get_full_name }}</td>
        </tr>
        <tr>
            <th>Department</th>
            <td>{{ overtime_request.employee.department|default:"None" }}</td>
        </tr>
        <tr>
            <th>Date</th>
            <td>{{ overtime_request.date }}</td>
        </tr>
        <tr>
            <th>Start Time</th>
            <td>{{ overtime_request.start_time }}</td>
        </tr>
        <tr>
            <th>End Time</th>
            <td>{{ overtime_request.end_time }}</td>
        </tr>
        <tr>
            <th>Duration</th>
            <td>{{ overtime_request.hours|floatformat:2 }} hour(s)</td>
        </tr>
        <tr>
            <th>Rate</th>
            <td>{{ overtime_request.rate }}x</td>
        </tr>
        <tr>
            <th>Amount</th>
            <td>K{{ overtime_request.amount }}</td>
        </tr>
        <tr>
            <th>Status</th>
            <td>{{ overtime_request.get_status_display }}</td>
        </tr>
    </table>
</div>

{% if overtime_request.registrar_comment %}
<div class="comment-box">
    <h3>Registrar Comment</h3>
    <p>{{ overtime_request.registrar_comment }}</p>
</div>
{% endif %}

<p>The Finance department has been notified to process the payment.</p>

<div class="button-container">
    <a href="{{ site_url }}{% url 'overtime:view_request' overtime_request.id %}" class="button">View Request</a>
</div>

<p>Thank you for using the ICTAZ Workforce Time and Leave Management System.</p>
{% endblock %}