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

{% block title %}Leave Request Approved{% endblock %}

{% block header %}Leave Request Approved{% endblock %}

{% block content %}
<p>Dear {{ employee.user.first_name }},</p>

<div class="success-box">
    <p><strong>Good news!</strong> Your leave request has been fully approved.</p>
</div>

<div class="info-box">
    <h3>Leave Request Details</h3>
    <table>
        <tr>
            <th>Leave Type</th>
            <td>{{ leave_request.leave_type }}</td>
        </tr>
        <tr>
            <th>Start Date</th>
            <td>{{ leave_request.start_date }}</td>
        </tr>
        <tr>
            <th>End Date</th>
            <td>{{ leave_request.end_date }}</td>
        </tr>
        <tr>
            <th>Duration</th>
            <td>{{ leave_request.duration }} day(s)</td>
        </tr>
        <tr>
            <th>Status</th>
            <td>{{ leave_request.get_status_display }}</td>
        </tr>
    </table>
</div>

<p>Your leave has been recorded in the system. Please ensure you've completed any handover tasks before your leave begins.</p>

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

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