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

{% block title %}Overtime Payment Required{% endblock %}

{% block header %}Overtime Payment Required{% endblock %}

{% block content %}
<p>Dear Finance Team,</p>

<div class="warning-box">
    <p>An overtime request has been fully approved and requires payment processing.</p>
</div>

<div class="info-box">
    <h3>Overtime Payment Details</h3>
    <table>
        <tr>
            <th>Employee</th>
            <td>{{ employee.user.get_full_name }}</td>
        </tr>
        <tr>
            <th>Department</th>
            <td>{{ employee.department }}</td>
        </tr>
        <tr>
            <th>Employee ID</th>
            <td>{{ employee.employee_id }}</td>
        </tr>
        <tr>
            <th>Date</th>
            <td>{{ overtime_request.date }}</td>
        </tr>
        <tr>
            <th>Hours Worked</th>
            <td>{{ overtime_request.hours }} hour(s)</td>
        </tr>
        <tr>
            <th>Rate</th>
            <td>{{ overtime_request.rate }}x</td>
        </tr>
        <tr>
            <th>Amount Due</th>
            <td><strong>K{{ overtime_request.amount }}</strong></td>
        </tr>
        <tr>
            <th>Request ID</th>
            <td>{{ overtime_request.id }}</td>
        </tr>
    </table>
</div>

<p>Please log in to the WTLMS to process this payment.</p>

<a href="{{ request.scheme }}://{{ request.get_host }}/overtime/finance/" class="button">Process Payment</a>

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