{% extends "base.html" %}
{% block title %}New Service Principal — Shoreguard{% endblock %}

{% block breadcrumbs %}
<ol class="breadcrumb mb-0">
    <li class="breadcrumb-item"><a href="/users">Users</a></li>
    <li class="breadcrumb-item active">New Service Principal</li>
</ol>
{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6 col-lg-5">
        <h5 class="mb-3"><i class="bi bi-key me-2"></i>New Service Principal</h5>
        <div data-island="sp-new-form">
            <div class="text-center text-muted py-5">
                <div class="spinner-border spinner-border-sm me-2"></div>Loading...
            </div>
        </div>
    </div>
</div>
{% endblock %}