0b5aa51985
- Add Jinja2 templates and static files for web UI - Create frontend routes for invoice management - Implement home page with recent invoices list - Add invoice creation form with dynamic items - Create invoice search functionality - Implement invoice details view with status update - Add JavaScript for form validation and dynamic UI - Update main.py to serve static files - Update documentation
44 lines
1.1 KiB
HTML
44 lines
1.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Find Invoice - Invoice Generation Service{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="card">
|
|
<h2>Find Invoice</h2>
|
|
<p>Enter the invoice number to search for an existing invoice.</p>
|
|
|
|
{% if error %}
|
|
<div class="alert alert-error">
|
|
{{ error }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form method="POST" action="{{ url_for('search_invoice') }}" class="search-form-container">
|
|
<div class="search-form">
|
|
<input type="text" id="invoice_number" name="invoice_number" placeholder="Enter invoice number..." value="{{ invoice_number or '' }}" required>
|
|
<button type="submit" class="btn">Search</button>
|
|
</div>
|
|
<p class="help-text">Example format: INV-YYYYMM-XXXXXX</p>
|
|
</form>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block extra_css %}
|
|
<style>
|
|
.search-form-container {
|
|
max-width: 600px;
|
|
margin: 2rem auto;
|
|
}
|
|
|
|
.search-form {
|
|
display: flex;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.help-text {
|
|
font-size: 0.9rem;
|
|
color: #7f8c8d;
|
|
margin-top: 0.5rem;
|
|
}
|
|
</style>
|
|
{% endblock %} |