<ul class="nav nav-tabs mb-3" id="myTab" role="tablist">

<li class="nav-item" role="presentation">

<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-
target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">
<i class="fa fa-home me-1"></i>Main
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-
target="#settings" type="button" role="tab" aria-controls="settings" aria-
selected="false">
<i class="fa fa-cog me-1"></i>Settings
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="blacklist-tab" data-bs-toggle="tab" data-bs-
target="#blacklist" type="button" role="tab" aria-controls="blacklist" aria-
selected="false">
<i class="fa fa-ban me-1"></i>Blacklist
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="whitelist-tab" data-bs-toggle="tab" data-bs-
target="#whitelist" type="button" role="tab" aria-controls="whitelist" aria-
selected="false">
<i class="fa fa-check-circle me-1"></i>Whitelist
</button>
</li>
</ul>

<div class="tab-content" id="myTabContent">

<!-- Main Tab -->
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-
labelledby="home-tab">
<div class="row g-3">
<!-- Controls Column -->
<div class="col-md-5">
<!-- Recovery Code Management -->
<div class="mb-3 p-3 border rounded bg-light" id="recover-manage-
group">
<label for="recover-select" class="form-label">Select Recovery
Code:</label>
<div class="input-group input-group-sm mb-2">
<select id="recover-select" class="form-select form-select-
sm">
<!-- Options will be loaded here by JS -->
<option value="">-- No codes saved --</option>
</select>
<button id="remove-recover-btn" class="btn btn-outline-
danger" type="button" title="Remove Selected Code">
<i class="fa fa-trash-alt"></i>
</button>
</div>

<label for="recover-input" class="form-label">Add New

Code:</label>
<div class="input-group input-group-sm">
<input id="recover-input" type="text" class="form-control
form-control-sm" placeholder="Paste new recovery code here">
 <button id="add-recover-btn" class="btn btn-outline-
primary" type="button" title="Add Code to List">
<i class="fa fa-plus"></i> Add
</button>
</div>
</div>

<hr>

<div class="d-grid gap-2 d-sm-flex justify-content-sm-start mb-3">

<button type="submit" name="run" class="btn btn-success">
<i class="fa fa-plug me-1"></i>Connect
</button>
<button type="submit" name="stop" class="btn btn-danger">
<i class="fa fa-times-circle me-1"></i>Disconnect
</button>
</div>

<hr>

<div class="mb-3">
<label for="join" class="form-label">Target Planet:</label>
<div class="input-group input-group-sm">
<input id="join" type="text" name="join" class="form-
control" placeholder="e.g., main" value="main">
<button type="submit" name="go_join" class="btn btn-
outline-secondary">
<i class="fa fa-paper-plane me-1"></i>Fly
</button>
</div>
</div>
</div>

<!-- Log Column -->

<div class="col-md-7">
<div class="d-flex justify-content-between align-items-center mb-
2">
<label class="form-label mb-0"><i class="fa fa-list-alt me-
1"></i>Log:</label>
<button title="Clear Log" type="submit" name="clear"
class="btn btn-sm btn-outline-secondary">
<i class="fa fa-trash me-1"></i>Clear Log
</button>
</div>
<div class="log log-container">
<!-- Log messages will appear here -->
</div>
</div>
</div>
</div>

<!-- Settings Tab -->

<div class="tab-pane fade" id="settings" role="tabpanel" aria-
labelledby="settings-tab">
<div class="row">
<div class="col-md-6 mb-3">
<div class="card h-100">
<div class="card-header"><i class="fas fa-tasks
me-1"></i>Behavior Options</div>
 <div class="card-body">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox"
id="prison_all">
<label class="form-check-label" for="prison_all">Jail
everyone (Ignore lists)</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox"
id="user_part" checked>
<label class="form-check-label"
for="user_part">Disconnect if target leaves planet</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox"
id="timeout_3_sec" checked>
<label class="form-check-label"
for="timeout_3_sec">Disconnect on 3-sec jailing timeout</label>
</div>
<div class="form-check form-switch d-none"> <!-- Kept
hidden as in original -->
<input class="form-check-input" type="checkbox"
id="join_user_not_blacklist">
<label class="form-check-label"
for="join_user_not_blacklist">Disconnect if non-blacklisted user joins</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox"
id="disconnect_action">
<label class="form-check-label"
for="disconnect_action">Disconnect immediately after sending jail command</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox"
id="prison_and_off" checked>
<label class="form-check-label"
for="prison_and_off">Disconnect after successful jail confirmation</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox"
id="reconnect">
<label class="form-check-label" for="reconnect">Enable
Auto-Reconnect</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox"
id="remove">
<label class="form-check-label" for="remove">Stand on
target user</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="re-
fly-join">
<label class="form-check-label" for="re-fly-join">Re-
fly to planet after jailing</label>
</div>
<div class="form-check form-switch d-none"> <!-- Kept
hidden/disabled as in original -->
<input class="form-check-input" type="checkbox"
id="authority" disabled>
<label class="form-check-label" for="authority">Check
authority (Emperor check - Attack only)</label>
</div>
<div class="form-check form-switch d-none"> <!-- Kept
hidden/disabled as in original -->
<input disabled class="form-check-input"
type="checkbox" id="not_prison_newcomers">
<label class="form-check-label"
for="not_prison_newcomers">Ignore users below 'Dad' authority</label>
</div>
</div>
</div>
</div>

<div class="col-md-6 mb-3">

<div class="card h-100">
<div class="card-header"><i class="fas fa-stopwatch
me-1"></i>Timings (milliseconds)</div>
<div class="card-body">
<div class="mb-3" style="max-width: 300px;">
<label for="timer-reconnect" class="form-
label">Reconnect Interval:</label>
<input type="number" id="timer-reconnect" name="timer-
reconnect" class="form-control form-control-sm" value="10200" min="1000">
</div>
<hr>
<div class="mb-3">
<label class="form-label">Attack Interval
(min/max/adjust):</label>
<div class="input-group input-group-sm mb-2">
<span class="input-group-text">Min</span>
<input type="number" name="t-a" class="form-
control" value="1700" min="100">
<span class="input-group-text">Max</span>
<input type="number" name="max-t-a" class="form-
control" value="2000" min="100">
<span class="input-group-text">+/-</span>
<input type="number" name="pm-t-a" class="form-
control" value="5" min="0">
</div>
<div class="form-check form-switch form-switch-sm">
<input class="form-check-input" type="checkbox"
id="pm-tm-a">
<label class="form-check-label" for="pm-tm-
a">Enable Auto-Adjust</label>
</div>
</div>
<hr>
<div class="mb-3">
<label class="form-label">Defense Interval
(min/max/adjust):</label>
<div class="input-group input-group-sm mb-2">
<span class="input-group-text">Min</span>
<input type="number" name="t-z" class="form-
control" value="1600" min="100">
<span class="input-group-text">Max</span>
<input type="number" name="max-t-z" class="form-
control" value="1600" min="100">
 <span class="input-group-text">+/-</span>
<input type="number" name="pm-t-z" class="form-
control" value="5" min="0">
</div>
<div class="form-check form-switch form-switch-sm">
<input class="form-check-input" type="checkbox"
id="pm-tm-z">
<label class="form-check-label" for="pm-tm-
z">Enable Auto-Adjust</label>
</div>
</div>
<hr>
<div class="mt-3">
<button type="submit" name="set_timeout" class="btn
btn-sm btn-info">
<i class="fa fa-tachometer-alt me-1"></i>Determine
Interval from Ping
</button>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- Blacklist Tab -->

<div class="tab-pane fade" id="blacklist" role="tabpanel" aria-
labelledby="blacklist-tab">
<p class="text-muted small">Users or clans listed here will be targeted
for jailing (unless 'Jail everyone' is active). Enter one item per line or separate
by spaces.</p>
<div class="row">
<div class="col-md-6 mb-3">
<label for="black_clan" class="form-label"><i class="fas fa-users-
slash me-1"></i>Blacklisted Clans:</label>
<textarea class="form-control form-control-sm" name="black_clan"
id="black_clan" rows="12" placeholder="ClanName1&#10;Clan Name
2&#10;Clan3"></textarea>
</div>
<div class="col-md-6 mb-3">
<label for="black_nick" class="form-label"><i class="fas fa-user-
slash me-1"></i>Blacklisted Nicks:</label>
<textarea class="form-control form-control-sm" name="black_nick"
id="black_nick" rows="12" placeholder="BadUser1&#10;User Name
2&#10;Player3"></textarea>
</div>
</div>
</div>

<!-- Whitelist Tab -->

<div class="tab-pane fade" id="whitelist" role="tabpanel" aria-
labelledby="whitelist-tab">
<p class="text-muted small">Users or clans listed here will *never* be
targeted for jailing, even if 'Jail everyone' is active. Enter one item per line or
separate by spaces.</p>
<div class="row">
<div class="col-md-6 mb-3">
<label for="white_clan" class="form-label"><i class="fas fa-users-
cog me-1"></i>Whitelisted Clans:</label>
 <textarea class="form-control form-control-sm" name="white_clan"
id="white_clan" rows="12" placeholder="FriendlyClan1&#10;Ally Clan
2&#10;MyClan"></textarea>
</div>
<div class="col-md-6 mb-3">
<label for="white_nick" class="form-label"><i class="fas fa-user-
check me-1"></i>Whitelisted Nicks:</label>
<textarea class="form-control form-control-sm" name="white_nick"
id="white_nick" rows="12" placeholder="GoodUser1&#10;Friend Nick
2&#10;MyAlt"></textarea>
</div>
</div>
</div>
</div>

<!-- Hidden Original Controls Section (kept for reference, can be removed if
confident) -->
<div class="row no-gutters d-none">
<div class="col-sm">
<div class="m-3">
<div class="form-group">
<label for="recovers">Codes:</label> <!-- Old field -->
<input class="form-control form-control-sm" name="recovers"
id="recovers">
</div>
<div class="mt-1 mb-1">
<div class="form-group">
<label for="count_message">Log message count:</label>
<input type="text" name="count_message" id="count_message"
class="form-control form-control-sm" value="20" style="width: 70px">
</div>
</div>
<div class="mt-1 mb-1">
<div class="form-group">
<label for="main_join">Default start planet:</label>
<input type="text" name="main_join" id="main_join" class="form-
control form-control-sm" value="" style="max-width: 140px" placeholder="main">
</div>
</div>
<input type="submit" name="check" class="btn btn-sm btn-info"
value="Start">
<input type="submit" name="stop" class="btn btn-sm btn-info"
value="Stop">
<input type="submit" name="reset" class="btn btn-sm btn-info"
value="Reset">
</div>
</div>
<div class="col-sm">
<!-- ... original hidden log section ... -->
</div>
</div>

<div class="text-center footer-link border-top pt-3 mt-4">

<a href="https://t.me/GalaxyChatSoft" target="_blank" rel="noopener
noreferrer">
<i class="fab fa-telegram me-1"></i>GalaxyChatSoft on Telegram
</a>
</div>