{% extends 'generic/_base.html' %}

{% block title %}Setup Complete{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-12">
    <div class="card">
      <div class="card-header">
        <strong>Setup Complete</strong>
      </div>
      <div class="card-body">
        <div class="alert alert-success" role="alert">
          <h5 class="alert-heading">Setup completed successfully</h5>
          <p>
            The synchronization runner <strong>{{ runner.name }}</strong> has been created
            and configured with your credentials and sync settings.
          </p>
        </div>

        {% if results %}
          <div class="card mb-3">
            <div class="card-header"><strong>Bootstrap Results</strong></div>
            <div class="card-body">
              {% if results.custom_fields %}
                <h5>Custom Fields</h5>
                {% if results.custom_fields.created %}
                  <p class="text-success">Created: {{ results.custom_fields.created|join:", " }}</p>
                {% endif %}
                {% if results.custom_fields.skipped %}
                  <p class="text-muted">Skipped (already exist): {{ results.custom_fields.skipped|join:", " }}</p>
                {% endif %}
              {% endif %}
              {% if results.config_contexts %}
                <h5>Config Contexts</h5>
                {% if results.config_contexts.created %}
                  <p class="text-success">Created: {{ results.config_contexts.created|join:", " }}</p>
                {% endif %}
                {% if results.config_contexts.skipped %}
                  <p class="text-muted">Skipped (already exist): {{ results.config_contexts.skipped|join:", " }}</p>
                {% endif %}
              {% endif %}
              {% if results.sync_schedule %}
                <h5>Sync Schedule</h5>
                <p class="text-success">Status: {{ results.sync_schedule.status }}{% if results.sync_schedule.runner %} ({{ results.sync_schedule.runner }}){% endif %}</p>
              {% endif %}
            </div>
          </div>
        {% endif %}

        <p>You can now:</p>
        <ul>
          <li>View and edit the connect configuration from the runner detail page</li>
          <li>Adjust sync settings at any time</li>
        </ul>
      </div>
    </div>

    <div class="text-end my-3">
      <a href="{{ runner.get_absolute_url }}" class="btn btn-primary">
        Go to Runner
      </a>
    </div>
  </div>
</div>
{% endblock content %}