{% extends "pages/sandbox_base.html" %}
{% block title %}{{ section_title }} — {{ sandbox_name }} — Shoreguard{% endblock %}

{% block breadcrumb_tail %}
<li class="breadcrumb-item"><a href="/gateways/{{ gateway_name }}/sandboxes/{{ sandbox_name }}/policy">Policy</a></li>
<li class="breadcrumb-item active">{{ section_title }}</li>
{% endblock %}

{% block content %}
{% if section == 'network' %}
<div data-island="policy-network" data-props='{"name": {{ sandbox_name|tojson }}}'>
    <div class="text-center text-muted py-5">
        <div class="spinner-border spinner-border-sm me-2"></div>Loading...
    </div>
</div>
{% elif section == 'filesystem' %}
<div data-island="policy-filesystem" data-props='{"name": {{ sandbox_name|tojson }}}'>
    <div class="text-center text-muted py-5">
        <div class="spinner-border spinner-border-sm me-2"></div>Loading...
    </div>
</div>
{% elif section == 'process' %}
<div data-island="policy-process" data-props='{"name": {{ sandbox_name|tojson }}}'>
    <div class="text-center text-muted py-5">
        <div class="spinner-border spinner-border-sm me-2"></div>Loading...
    </div>
</div>
{% elif section == 'presets' %}
<div data-island="policy-apply-preset" data-props='{"name": {{ sandbox_name|tojson }}}'>
    <div class="text-center text-muted py-5">
        <div class="spinner-border spinner-border-sm me-2"></div>Loading...
    </div>
</div>
{% endif %}
{% endblock %}