KCAPDemoServer/src/templates/index.html

{% extends "layout.html" %}

{% block title %}Home - KCAP Demo Server{% endblock %}

{% block content %}
<div class="row mt-4">
    <div class="col-md-12">
        <div class="jumbotron">
            <h1 class="display-4">KCAP Demo Server{% if tenant %} - {{ tenant.name }}{% endif %}</h1>
            <p class="lead">Manage your product catalog and AR content for barcode scanning applications.</p>
            <hr class="my-4">
            
            <div class="mt-4">
                <h2>Quick Actions</h2>
                <div class="row">
                    <div class="col-md-6">
                        <div class="card mb-3">
                            <div class="card-body">
                                <h5 class="card-title">Product Management</h5>
                                <p class="card-text">Add, edit, and manage your product catalog with custom fields.</p>
                                {% if tenant %}
                                <a href="/{{ tenant.id }}/admin/" class="btn btn-primary">Manage Products</a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card mb-3">
                            <div class="card-body">
                                <h5 class="card-title">AR Field Configuration</h5>
                                <p class="card-text">Customize the fields returned by AR content endpoints.</p>
                                {% if tenant %}
                                <a href="/{{ tenant.id }}/admin/ar_fields" class="btn btn-primary">Configure AR Fields</a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="mt-4">
                <h2>Getting Started</h2>
                <ol>
                    <li>Configure your AR fields to define what information is returned for products</li>
                    <li>Add products to your catalog with the configured fields</li>
                    <li>Generate barcodes for your products</li>
                    <li>Use the AR endpoints in your scanning application</li>
                </ol>
            </div>
        </div>
    </div>
</div>
{% endblock %}