<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Docker Sandbox Template</title>

    <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    />
    <!-- Serve CSS via Flask -->
    <link rel="stylesheet" href="{{ url_for('pages.serve_css', filename='retro.css') }}">
</head>
<body>

    <header>
        <div class="header-inner">
            <div class="left">
                <img src="{{ url_for('pages.serve_png', filename='infrahublogo.png') }}" alt="InfraHub Logo" class="logo">
            </div>

            <nav>
            <ul class="navbar">
                <li><a href="{{ url_for('pages.index') }}"><i class="fa fa-house"></i> Home</a></li>
                <li><a href="{{ url_for('pages.isos') }}"><i class="fa fa-compact-disc"></i> ISOs</a></li>
                <li><a href="{{ url_for('pages.playbooks') }}"><i class="fa fa-scroll"></i> Playbooks</a></li>
                <li><a href="{{ url_for('pages.docker') }}"><i class="fab fa-docker"></i>Docker Sandbox</a></li>
                <li><a href="{{ url_for('pages.aws') }}"><i class="fab fa-aws"></i>AWS Guide</a></li>
                <li><a href="https://github.com/AJprogramming123/OpsCenter" target="_blank"><i class="fab fa-github"></i> GitHub</a></li>
            </ul>
            </nav>
        </div>
    </header>

    <!-- Go Back Home Button -->
    <div class="back-home">
        <a href="{{ url_for('pages.index') }}" class="btn back-btn"><i class="fa fa-arrow-left"></i> Go Back Home</a>
    </div>

    <section class="sections">
        <div class="container">
            <h2>Download a Docker Sandbox Template</h2>
            <div class="cards">

                <div class="card">
                    <h3>Environment Template</h3>
                    <p>
                        This template provides a standardized starting point for building lab environments,
                        infrastructure sandboxes, and workstation setups used throughout the InfraHub project.
                        It’s designed for consistent provisioning, testing, and experimentation across tools.
                    </p>

                    <ul>
                        <li>Ideal for building repeatable local or virtualized environments.</li>
                        <li>Fully compatible with sandbox workflows and automation pipelines.</li>
                        <li>Direct download link provided below.</li>
                    </ul>

                    <hr style="margin: 2rem 0; border: 1px dashed #b59f7f;">

                    <h3>⬇️ Download Environment Template</h3>
                    <p>
                        This configuration file defines baseline settings and structure used in InfraHub sandbox
                        environments. It provides a predictable layout for labs, experiments, and training modules.
                    </p>

                   <div style="text-align: center; margin-top: 1rem;">
                        <div style="margin-bottom: 0.75rem;">
                            <a href="{{ url_for('pages.download_file', filename='docker-compose.yml') }}"
                            class="btn"
                            download>
                                🧩 Download Compose Template
                            </a>
                        </div>

                        <div style="margin-bottom: 0.75rem;">
                            <a href="{{ url_for('pages.download_file', filename='Dockerfile.infrahub') }}"
                            class="btn"
                            download>
                                🧩 Download Dockerfile Template
                            </a>
                        </div>

                        <div style="margin-bottom: 0.75rem;">
                            <a href="{{ url_for('pages.download_file', filename='sandbox-warning.sh') }}"
                            class="btn"
                            download>
                                🧩 Download Sandbox Warning Script Template
                            </a>
                        </div>
                    </div>


                    <p style="margin-top: 1rem; text-align: center; font-size: 0.9rem;">
                        Want to review the workflow, customize templates, or integrate them into your own lab?
                        Visit the InfraHub Sandbox repository:<br>
                        <a href="https://github.com/cpere684/infrahub-sandbox"
                        target="_blank"
                        style="color: #5c4731; font-weight: bold; text-decoration: underline;">
                            View Sandbox Repository →
                        </a>
                    </p>

                    <p style="margin-top: 1rem; text-align: center; font-style: italic; color: #7a5e3c;">
                        <iframe
                            src="https://www.youtube.com/embed/-jZqG2jlkC0"
                            frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen>
                        </iframe>
                    </p>
                </div>
            </div>

            </div>
        </div>
    </section>

    <footer>
        <p>© 2025 InfraHub — Designed for Learning and Deployment</p>
    </footer>
</body>
</html>
