<%- include('partials/header', { title: 'Rules Import / Export' }) %>

<!-- Page Header -->

<div class="row mb-3">
    <div class="col-12">
        <h1>Rules Import / Export</h1>
    </div>
</div>

<!-- Steps -->

<div class="row mb-3">
    <div class="col-12">
        <div class="alert alert-info" role="alert">
            <b>Steps:</b>
            <ol>
                <li>
                    <b>Export Rules:</b>
                    <ul>
                        <li>Click on the <b>File</b> menu and then the <b>Export Rules</b> menu item.</li>
                        <li>Save the json file for future use.</li>
                    </ul>
                </li>
                <li>
                    <b>Import Rules:</b>
                    <ul>
                        <li>Click on the <b>File</b> menu and then the <b>Import Rules</b> menu item.</li>
                        <li>Select and open the previously saved json file.</li>
                        <li>If the Intercept Settings window is already open, close it and reopen it to view the imported rules.</li>
                    </ul>
                </li>
            </ol>
            <div><a href="/basics/ruleset" class="btn btn-link">Download basics ruleset</a></div>
        </div>
    </div>
</div>

<!-- Bottom Nav -->

<div class="row my-3">
    <div class="col-12 d-flex flex-column flex-sm-row justify-content-between gap-2">
        <a href="/basics" class="btn btn-link px-0">&lt; Basics</a>
        <a href="/debug" class="btn btn-link px-0 ms-sm-auto">Debugging &gt;</a>
    </div>
</div>

<%- include('partials/footer') %>
