{% 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>

        <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>
          <li>Set up a recurring sync schedule via the Bootstrap utility</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 %}