{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Manage Shell Access" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header">
        <div>
            <h1 class="eenos-page-title">{% translate "Manage Shell Access" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Control SSH and SFTP shell access for hosting accounts." %}</div>
        </div>
    </div>
    <nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}">
        <a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span>{% translate "Hosting" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <a href="{% url 'listuser' %}">{% translate "User Accounts" %}</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "Manage Shell Access" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="eenos-card">
        <div class="mb-4">
            <div class="eenos-panel-title">{% translate "Hosting Account Shells" %}</div>
            <div class="eenos-panel-subtitle">{% translate "Assign standard Bash, restricted jail shell, or disable interactive shell access." %}</div>
        </div>
        <div class="eenos-notice eenos-notice-warning mb-4">
            <div class="eenos-notice-icon">
                <i data-lucide="shield-alert"></i>
            </div>
            <div class="eenos-notice-content">
                <div class="eenos-notice-title">{% translate "Security-sensitive access" %}</div>
                <div class="eenos-notice-text">{% translate "Grant Bash access only to trusted users. Jail shell provides a restricted environment, while No Shell disables interactive SSH access." %}</div>
            </div>
        </div>
        <div class="d-flex flex-wrap gap-2 mb-3">
            <button type="button"
                    class="btn btn-primary btn-sm bulk-shell"
                    data-shell="/usr/bin/bash"
                    data-label="{% translate 'Bash Shell' %}">
                <i data-lucide="terminal"></i> {% translate "Enable Bash for Selected" %}
            </button>
            <button type="button"
                    class="btn btn-success btn-sm bulk-shell"
                    data-shell="/usr/local/eenos/bin/jailshell"
                    data-label="{% translate 'Jail Shell' %}">
                <i data-lucide="shield"></i> {% translate "Enable Jail Shell for Selected" %}
            </button>
            <button type="button"
                    class="btn btn-outline-danger btn-sm bulk-shell"
                    data-shell="/usr/sbin/nologin"
                    data-label="{% translate 'No Shell' %}">
                <i data-lucide="ban"></i> {% translate "Disable Shell for Selected" %}
            </button>
        </div>
        <form action=""
              class="login-form"
              name="featurelist"
              id="featurelist"
              method="POST">
            {% csrf_token %}
            <table id="eenos-data-table"
                   class="table table-sm table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>
                            <input type="checkbox"
                                   class="form-check-input checkAll"
                                   aria-label="{% translate 'Select all accounts on this page' %}">
                        </th>
                        <th>{% translate "User" %}</th>
                        <th>{% translate "Domain" %}</th>
                        <th>{% translate "Current Shell" %}</th>
                        <th class="text-end">{% translate "Action" %}</th>
                    </tr>
                </thead>
            </table>
        </form>
    </div>
    <form action=""
          class="option_owner_account d-none"
          id="change_shell_form"
          method="POST">
        {% csrf_token %}
        <input type="hidden" name="shell" id="ch_shell">
        <input type="hidden" name="user" id="chg_usr">
        <input type="hidden" name="changeshell" id="chg_shell">
    </form>
    <form action=""
          class="multi-shell-change d-none"
          id="multi_shell_form"
          method="POST">
        {% csrf_token %}
        <input type="hidden" name="userlist" id="multiuser">
        <input type="hidden" name="shell" id="mshell">
        <input type="hidden" name="bulk_change_shell" id="multichg">
    </form>
    <div class="modal fade"
         id="changeShellModal"
         tabindex="-1"
         aria-labelledby="changeShellModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <form id="shellEntryForm" class="modal-content eenos-form" novalidate>
                <div class="modal-header">
                    <div class="d-flex align-items-center gap-3">
                        <div class="eenos-modal-icon eenos-modal-icon-primary">
                            <i data-lucide="terminal"></i>
                        </div>
                        <div>
                            <h5 class="modal-title mb-1" id="changeShellModalLabel">{% translate "Change Shell Access" %}</h5>
                            <div class="text-muted small">{% translate "Select the shell environment for this account." %}</div>
                        </div>
                    </div>
                    <button type="button"
                            class="btn-close"
                            data-bs-dismiss="modal"
                            aria-label="{% translate 'Close' %}"></button>
                </div>
                <div class="modal-body">
                    <div class="eenos-modal-account mb-3">
                        <div class="eenos-modal-account-icon">
                            <i data-lucide="user"></i>
                        </div>
                        <div class="eenos-modal-account-info">
                            <div class="eenos-modal-label">{% translate "Hosting Account" %}</div>
                            <div id="changeShellUser" class="eenos-modal-account-name"></div>
                        </div>
                    </div>
                    <div class="eenos-modal-info mb-4">
                        <div class="eenos-modal-info-icon">
                            <i data-lucide="globe"></i>
                        </div>
                        <div class="eenos-modal-info-content">
                            <div class="eenos-modal-info-label">{% translate "Domain" %}</div>
                            <div id="changeShellDomain" class="eenos-modal-info-value"></div>
                        </div>
                    </div>
                    <div class="small text-muted mb-1">{% translate "Current shell" %}</div>
                    <div id="changeShellCurrent" class="fw-semibold mb-4"></div>
                    <div class="vstack gap-2">
                        <label class="border rounded-3 p-3 d-flex align-items-start gap-3"
                               for="shellBash">
                            <input class="form-check-input mt-1"
                                   type="radio"
                                   name="shell_choice"
                                   id="shellBash"
                                   value="/usr/bin/bash"
                                   required>
                            <span><span class="fw-semibold d-block">{% translate "Bash Shell" %}</span><span class="text-muted small">{% translate "Standard interactive SSH and SFTP access." %}</span></span>
                        </label>
                        <label class="border rounded-3 p-3 d-flex align-items-start gap-3"
                               for="shellJail">
                            <input class="form-check-input mt-1"
                                   type="radio"
                                   name="shell_choice"
                                   id="shellJail"
                                   value="/usr/local/eenos/bin/jailshell">
                            <span><span class="fw-semibold d-block">{% translate "Jail Shell" %}</span><span class="text-muted small">{% translate "Restricted shell with limited filesystem access." %}</span></span>
                        </label>
                        <label class="border rounded-3 p-3 d-flex align-items-start gap-3"
                               for="shellNone">
                            <input class="form-check-input mt-1"
                                   type="radio"
                                   name="shell_choice"
                                   id="shellNone"
                                   value="/usr/sbin/nologin">
                            <span><span class="fw-semibold d-block">{% translate "No Shell" %}</span><span class="text-muted small">{% translate "Disable interactive shell access for this account." %}</span></span>
                        </label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-outline-secondary btn-sm"
                            data-bs-dismiss="modal"><i data-lucide="x"></i> {% translate "Cancel" %}</button>
                    <button type="button" class="btn btn-primary btn-sm" id="changeShellConfirm"><i data-lucide="save"></i> {% translate "Change Shell" %}</button>
                </div>
            </form>
        </div>
    </div>
    <div class="modal fade"
         id="bulkShellModal"
         tabindex="-1"
         aria-labelledby="bulkShellModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="d-flex align-items-center gap-3">
                        <div class="eenos-modal-icon eenos-modal-icon-primary">
                            <i data-lucide="terminal"></i>
                        </div>
                        <div>
                            <h5 class="modal-title mb-1" id="bulkShellModalLabel">{% translate "Change Shell for Multiple Accounts" %}</h5>
                            <div class="text-muted small">{% translate "Apply one shell setting to every selected account." %}</div>
                        </div>
                    </div>
                    <button type="button"
                            class="btn-close"
                            data-bs-dismiss="modal"
                            aria-label="{% translate 'Close' %}"></button>
                </div>
                <div class="modal-body">
                    <div class="eenos-notice eenos-notice-info mb-4">
                        <div class="eenos-notice-icon">
                            <i data-lucide="terminal"></i>
                        </div>
                        <div class="eenos-notice-content">
                            <div class="eenos-notice-title">{% translate "New shell setting" %}</div>
                            <div id="bulkShellLabel" class="eenos-notice-text fw-semibold"></div>
                        </div>
                    </div>
                    <div class="small text-muted mb-1">{% translate "Selected accounts" %}</div>
                    <div id="bulkShellUsers" class="font-monospace text-break"></div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-outline-secondary btn-sm"
                            data-bs-dismiss="modal"><i data-lucide="x"></i> {% translate "Cancel" %}</button>
                    <button type="button" class="btn btn-primary btn-sm" id="bulkShellConfirm"><i data-lucide="save"></i> {% translate "Change Shell" %}</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade"
         id="selectionRequiredModal"
         tabindex="-1"
         aria-labelledby="selectionRequiredModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="selectionRequiredModalLabel">{% translate "Input Error" %}</h5>
                    <button type="button"
                            class="btn-close"
                            data-bs-dismiss="modal"
                            aria-label="{% translate 'Close' %}"></button>
                </div>
                <div class="modal-body">{% translate "Select at least one account before changing shell access." %}</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-sm" data-bs-dismiss="modal">{% translate "OK" %}</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block extra_js %}
    <script>
  $(function () {
    const selectedUsers = new Set();
    let selectedUser = "";
    let selectedBulkShell = "";

    const changeShellModal = bootstrap.Modal.getOrCreateInstance(document.getElementById("changeShellModal"));
    const bulkShellModal = bootstrap.Modal.getOrCreateInstance(document.getElementById("bulkShellModal"));
    const selectionRequiredModal = bootstrap.Modal.getOrCreateInstance(document.getElementById("selectionRequiredModal"));

    function escapeHtml(value) { return $("<div>").text(value || "").html(); }
    function isNoShell(shell, status) { return status === "off" || String(shell).endsWith("/nologin"); }
    function shellLabel(shell, status) {
      if (isNoShell(shell, status)) return "{% translate 'No Shell' %}";
      if (String(shell).endsWith("/jailshell")) return "{% translate 'Jail Shell' %}";
      if (String(shell).endsWith("/bash") || String(shell).endsWith("/sh") || String(shell).endsWith("/dash")) return "{% translate 'Bash Shell' %}";
      return shell || "{% translate 'Unknown' %}";
    }
    function shellStatus(shell, status) {
      const label = shellLabel(shell, status);
      if (isNoShell(shell, status)) return `<span class="eenos-status text-muted"><i data-lucide="ban"></i><span>${label}</span></span>`;
      if (String(shell).endsWith("/jailshell")) return `<span class="eenos-status text-info"><i data-lucide="shield"></i><span>${label}</span></span>`;
      return `<span class="eenos-status text-success"><i data-lucide="terminal"></i><span>${label}</span></span>`;
    }
    function updateSelectAll() {
      const $visible = $("#eenos-data-table tbody .user-check");
      const checked = $visible.filter(":checked").length;
      $(".checkAll").prop("checked", $visible.length > 0 && checked === $visible.length).prop("indeterminate", checked > 0 && checked < $visible.length);
    }

    const table = $("#eenos-data-table").DataTable({
      responsive: { details: { renderer: DataTable.Responsive.renderer.listHiddenNodes() } },
      processing: true,
      pageLength: 25,
      lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "{% translate 'All' %}"]],
      ajax: { url: "{% url 'hosting_users_data' %}", type: "GET", dataSrc: function (json) { return (json.data || []).filter(function (row) { return row.status === "active"; }); } },
      order: [[1, "asc"]],
      columns: [
        { data: "username", orderable: false, searchable: false, width: "60px", className: "text-nowrap align-middle", responsivePriority: 1, render: function (data, type) { if (type !== "display") return data; const user = escapeHtml(data); const checked = selectedUsers.has(String(data)) ? " checked" : ""; return `<input type="checkbox" class="form-check-input user-check mt-0 align-middle" name="user_check" value="${user}" aria-label="{% translate 'Select account' %} ${user}"${checked}>`; } },
        { data: "username", width: "180px", className: "text-nowrap", responsivePriority: 2, render: function (data, type) { return type === "display" ? `<span class="fw-semibold">${escapeHtml(data) || "-"}</span>` : data; } },
        { data: "domain", responsivePriority: 3, render: function (data, type) { if (type !== "display") return data; if (!data) return '<span class="text-muted">-</span>'; const domain = escapeHtml(data); return `<a href="https://${domain}" target="_blank" rel="noopener noreferrer">${domain}</a>`; } },
        { data: "shell", width: "150px", className: "text-nowrap", responsivePriority: 4, render: function (data, type, row) { return type === "display" ? shellStatus(data, row.shell_status) : data; } },
        { data: null, orderable: false, searchable: false, width: "70px", className: "text-end text-nowrap", responsivePriority: 1, render: function (data, type, row) { if (type !== "display") return ""; const user = escapeHtml(row.username || ""); const domain = escapeHtml(row.domain || ""); const shell = escapeHtml(row.shell || ""); const status = escapeHtml(row.shell_status || ""); return `<div class="eenos-dt-actions"><button type="button" class="btn btn-sm btn-outline-primary change-shell" value="${user}" data-domain="${domain}" data-shell="${shell}" data-shell-status="${status}" title="{% translate 'Change Shell' %}" aria-label="{% translate 'Change Shell' %}"><i data-lucide="terminal"></i></button></div>`; } }
      ],
      language: { loadingRecords: "&nbsp;", processing: '{% translate "Loading..." %}', emptyTable: "{% translate 'No active hosting accounts are available.' %}", zeroRecords: "{% translate 'No matching active accounts found.' %}", search: "{% translate 'Search:' %}", lengthMenu: "{% translate 'Show' %} _MENU_", info: "{% translate 'Showing _START_ to _END_ of _TOTAL_ active accounts' %}" },
      drawCallback: function () { $("#eenos-data-table tbody .user-check").each(function () { $(this).prop("checked", selectedUsers.has(String(this.value))); }); updateSelectAll(); if (typeof lucide !== "undefined") lucide.createIcons(); }
    });

    table.on("responsive-display", function () { if (typeof lucide !== "undefined") lucide.createIcons(); });
    $(document).on("change", ".user-check", function () { if (this.checked) selectedUsers.add(String(this.value)); else selectedUsers.delete(String(this.value)); updateSelectAll(); });
    $(document).on("change", ".checkAll", function () { const checked = this.checked; $("#eenos-data-table tbody .user-check").each(function () { $(this).prop("checked", checked); if (checked) selectedUsers.add(String(this.value)); else selectedUsers.delete(String(this.value)); }); updateSelectAll(); });

    $(document).on("click", ".change-shell", function () {
      selectedUser = String($(this).val() || "");
      const shell = String($(this).data("shell") || "");
      const status = String($(this).data("shell-status") || "");
      $("#changeShellUser").text(selectedUser);
      $("#changeShellDomain").text($(this).data("domain") || "-");
      $("#changeShellCurrent").text(shellLabel(shell, status));
      $("input[name='shell_choice']").prop("checked", false);
      if (isNoShell(shell, status)) $("#shellNone").prop("checked", true); else if (shell.endsWith("/jailshell")) $("#shellJail").prop("checked", true); else $("#shellBash").prop("checked", true);
      $("#shellEntryForm").parsley().reset();
      changeShellModal.show();
    });
    $("#changeShellConfirm").on("click", function () { const parsleyForm = $("#shellEntryForm").parsley(); parsleyForm.validate(); if (!parsleyForm.isValid()) return; $("#ch_shell").val($("input[name='shell_choice']:checked").val()); $("#chg_usr").val(selectedUser); $("#chg_shell").val("yes"); $("#change_shell_form").trigger("submit"); });
    $(".bulk-shell").on("click", function () { const users = Array.from(selectedUsers); if (!users.length) { selectionRequiredModal.show(); return; } selectedBulkShell = String($(this).data("shell") || ""); $("#bulkShellLabel").text($(this).data("label") || shellLabel(selectedBulkShell, "on")); $("#bulkShellUsers").text(users.join(", ")); bulkShellModal.show(); });
    $("#bulkShellConfirm").on("click", function () { $("#multiuser").val(Array.from(selectedUsers).join(",")); $("#mshell").val(selectedBulkShell); $("#multichg").val("yes"); $("#multi_shell_form").trigger("submit"); });
  });
    </script>
{% endblock %}