{% extends "layouts/app.html" %}
{% block title %}Invoice - Facilities Management{% endblock %}
{% block sidebar %}{% include 'components/sidebar.html' %}{% endblock %}
{% block topbar %}
<div class="topbar-title">
    <h1>Invoice</h1>
    <p>Generate invoices for completed FM works</p>
</div>
{% endblock %}
{% block content %}
<div class="container">
    <div class="empty-state">
        <h3><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon" style="color:#d97706"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg> Coming Soon</h3>
        <p>Invoice generation for completed maintenance and FM jobs.</p>
    </div>
</div>
{% endblock %}