{% extends 'base.html' %}
{% load static %}

{% block title %}Offline Receipt{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="card">
        <div class="card-header bg-warning">
            <h3>🧾 Offline Receipt</h3>
        </div>
        <div class="card-body text-center">
            <i class="fas fa-check-circle fa-4x text-success mb-3"></i>
            <h4>Sale Saved Offline!</h4>
            <p class="lead">Invoice Number: <strong>{{ offline_id }}</strong></p>
            <div class="alert alert-info">
                <i class="fas fa-info-circle"></i>
                This sale has been saved locally. It will be synced to the server 
                automatically when internet connection is restored.
            </div>
            <hr>
            <a href="{% url 'create_sale' %}" class="btn btn-primary">
                <i class="fas fa-plus"></i> New Sale
            </a>
            <a href="{% url 'pos_dashboard' %}" class="btn btn-secondary">
                <i class="fas fa-tachometer-alt"></i> Dashboard
            </a>
        </div>
    </div>
</div>
{% endblock %}