{% extends "base.html" %}
{% set skip_session_check = true %}
{% block title %}OT Report Preview · {{ month_name }} {{ year }} · WageWise Neo{% endblock %}
{% block content %}

<div class="page-header">
    <div>
        <div class="eyebrow">OT Attendance</div>
        <h1>OT Report &mdash; {{ month_name }} {{ year }}</h1>
    </div>
    <div style="display:flex;gap:8px;align-items:center;">
        <a href="{{ url_for('ot_attendance', month=month, year=year) }}" class="btn btn-secondary">&larr; Back to OT</a>
        <a href="{{ url_for('ot_report_pdf', year=year, month=month, download=1) }}"
           class="btn btn-primary">
            &#8659; Download PDF
        </a>
    </div>
</div>

<div class="panel" style="padding:0;overflow:hidden;">
    <iframe
        src="{{ url_for('ot_report_pdf', year=year, month=month) }}"
        style="width:100%;height:80vh;border:none;display:block;"
        title="OT Report {{ month_name }} {{ year }}">
        <p>Your browser cannot display the PDF inline.
           <a href="{{ url_for('ot_report_pdf', year=year, month=month, download=1) }}">Click here to download</a>.
        </p>
    </iframe>
</div>

{% endblock %}