{% extends "base.html" %}

{% block title %}Adapt - Adaptive File-Backed Web Server{% endblock %}

{% block content %}
<div class="row g-4 align-items-stretch">
    {% if user %}
    <div class="col-lg-8">
        <div class="p-4 p-lg-5 bg-light border rounded-3 h-100">
            <span class="badge text-bg-dark mb-3">Signed in</span>
            <h1 class="display-6">Welcome to Adapt</h1>
            <p class="lead mb-4">Your workspace is ready. Adapt turns files in your document root into APIs, HTML UIs, and media views without additional app wiring.</p>

            {% if ui_links %}
            <h2 class="h4 mb-3">Your Accessible Resources</h2>
            <div class="list-group shadow-sm">
                {% for res in ui_links %}
                <a href="{{ res.url }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                    <span>
                        <strong>{{ res.name }}</strong>
                        <span class="text-body-secondary">
                            {% if res.type == 'csv' %}CSV dataset{% elif res.type == 'excel' %}Excel workbook{% elif res.type == 'html' %}HTML page{% elif res.type == 'markdown' %}Markdown document{% elif res.type == 'media' %}Media collection{% else %}Dataset{% endif %}
                        </span>
                    </span>
                    <span aria-hidden="true">Open</span>
                </a>
                {% endfor %}
            </div>
            {% else %}
            <div class="alert alert-info mb-0">
                <h2 class="h5">No accessible resources found yet.</h2>
                <p class="mb-0">If you expected to see data here, contact an administrator to assign the right permissions. {% if is_superuser %}You can also review access rules in the <a href="/admin/">Admin Dashboard</a>.{% endif %}</p>
            </div>
            {% endif %}
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card h-100 shadow-sm">
            <div class="card-header">Next Steps</div>
            <div class="card-body d-flex flex-column">
                <h2 class="h5 card-title">Use your workspace</h2>
                <p class="card-text">Browse the resources you can access, review your profile, and use the generated APIs or UI views for each provisioned file.</p>
                <div class="mt-auto d-grid gap-2">
                    <a href="/profile" class="btn btn-primary">Open Profile</a>
                    <a href="https://github.com/McIndi/adapt" class="btn btn-outline-secondary">Documentation</a>
                </div>
            </div>
        </div>
        {% if is_superuser %}
        <div class="card mt-3 shadow-sm">
            <div class="card-header">Admin Panel</div>
            <div class="card-body">
                <p class="card-text">Manage users, groups, permissions, and system settings.</p>
                <a href="/admin/" class="btn btn-secondary">Go to Admin</a>
            </div>
        </div>
        {% endif %}
    </div>
    {% else %}
    <div class="col-lg-7">
        <div class="p-4 p-lg-5 bg-light border rounded-3 h-100">
            <span class="badge text-bg-secondary mb-3">Authentication required</span>
            <h1 class="display-6">Sign in to access this Adapt workspace</h1>
            <p class="lead">This landing page is public, but the workspace contents are intended for authenticated users only.</p>
            <p class="mb-4">Use your existing account to continue. If you do not have access yet, contact your Adapt administrator and ask them to provision an account and assign the right permissions.</p>
            <div class="d-flex flex-wrap gap-2">
                <a href="/auth/login" class="btn btn-primary btn-lg">Sign In</a>
                <a href="https://github.com/McIndi/adapt" class="btn btn-outline-secondary btn-lg">Read the Docs</a>
            </div>
        </div>
    </div>
    <div class="col-lg-5">
        <div class="card h-100 shadow-sm">
            <div class="card-header">What happens after login?</div>
            <div class="card-body">
                <div class="mb-3">
                    <h2 class="h6">Provisioned resources</h2>
                    <p class="mb-0">Datasets, documents, HTML pages, and media views appear automatically when your account has permission to see them.</p>
                </div>
                <div class="mb-3">
                    <h2 class="h6">Least-privilege access</h2>
                    <p class="mb-0">Most routes are restricted, so you will only see the files and interfaces your account is allowed to use.</p>
                </div>
                <div>
                    <h2 class="h6">Need an account?</h2>
                    <p class="mb-0">Share the workspace URL with your admin and ask them to create a user and place you in the appropriate permission groups.</p>
                </div>
            </div>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}