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

{% block content %}
<main class="content">
    <div class="container-fluid p-0">

        <div class="mb-3">
            <h1 class="h3 d-inline align-middle">About App</h1>
            {% include 'partials/_messages.html' %}
        </div>

        <div class="row">
            <div class="col-12 col-lg-10 col-xl-8">
                <div class="card">
                    <div class="card-body">
                        <h4 class="mb-3">Application Information</h4>

                        <p class="mb-3">
                            This application is designed to support daily operations with a simple,
                            reliable, and user-friendly experience.
                        </p>

                        <p class="mb-3">
                            It helps manage core processes efficiently while maintaining accuracy,
                            performance, and consistency across the system.
                        </p>

                        <hr>

                        <div class="row mb-2">
                            <div class="col-sm-4 col-md-3">
                                <strong>Application Name</strong>
                            </div>
                            <div class="col-sm-8 col-md-9">
                                Moisture Meter System
                            </div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-sm-4 col-md-3">
                                <strong>Version</strong>
                            </div>
                            <div class="col-sm-8 col-md-9">
                                {{ app_version }}
                            </div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-sm-4 col-md-3">
                                <strong>Purpose</strong>
                            </div>
                            <div class="col-sm-8 col-md-9">
                                To provide a centralized platform for application settings,
                                configuration management, and operational support.
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-4 col-md-3">
                                <strong>Support</strong>
                            </div>
                            <div class="col-sm-8 col-md-9">
                                Please contact the system administrator for technical assistance.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</main>

<script src="{% static 'js/number-separator.js' %}"></script>
<script src="{% static 'js/itemregistry/add-item2.js' %}"></script>
<script src="{% static 'js/page-selection.js' %}"></script>
{% endblock %}