<!DOCTYPE html>
<div class="container py-4">
    <!-- Page Header -->
    <div class="text-center mb-4">
        <h1 class="fs-3 fw-bold mb-2">Upload Project</h1>
        <p class="text-muted mb-0">Upload your validated collections to TextGrid Repository</p>
    </div>

    <!-- Instance Selection -->
    <div class="row justify-content-center mb-4">
        <div class="col-auto">
            <ul class="nav nav-pills nav-fill gap-2 p-1 bg-light rounded-pill" id="uploadInstanceTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active rounded-pill px-4 d-flex align-items-center gap-2"
                        id="upload-test-tab" data-bs-toggle="tab" data-bs-target="#upload-test-pane" type="button"
                        role="tab" aria-controls="upload-test-pane" aria-selected="true">
                        <i class="bi bi-flask"></i>
                        <span>Test Instance</span>
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link rounded-pill px-4 d-flex align-items-center gap-2" id="upload-prod-tab"
                        data-bs-toggle="tab" data-bs-target="#upload-prod-pane" type="button" role="tab"
                        aria-controls="upload-prod-pane" aria-selected="false">
                        <i class="bi bi-globe"></i>
                        <span>Production</span>
                    </button>
                </li>
            </ul>
        </div>
    </div>

    <!-- Tab Contents -->
    <div class="tab-content">
        <!-- Test Instance -->
        <div class="tab-pane fade show active" id="upload-test-pane" role="tabpanel" aria-labelledby="upload-test-tab">
            {% set instance='test' %}
            {% include 'includes/upload_form.html' %}
        </div>

        <!-- Production Instance -->
        <div class="tab-pane fade" id="upload-prod-pane" role="tabpanel" aria-labelledby="upload-prod-tab">
            {% set instance='live' %}
            {% include 'includes/upload_form.html' %}
        </div>
    </div>
</div>