{% extends "layouts/base.html" %}

{% block title %}Kakebo - Expense added{% endblock %}

{% block content %}
<div class="flex items-center justify-center min-h-[calc(100vh-8rem)] sm:min-h-[calc(100vh-5rem)] px-4">
    <div class="card w-full max-w-md bg-base-100 shadow-xl">
        <div class="card-body items-center text-center">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-success mb-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
            </svg>
            <h2 class="card-title text-xl">Expense added</h2>
            <p class="text-base-content/60 mb-4">Successfully recorded.</p>
            <a data-liveview-function="navigate"
               data-action="click->page#run"
               data-data-url="/"
               class="btn btn-primary w-full">Add another expense</a>
        </div>
    </div>
</div>
{% endblock %}