{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Reseller Subaccounts" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header"><div><h1 class="eenos-page-title">{% translate "Reseller Subaccounts" %}</h1><div class="eenos-page-subtitle">{% translate "Select a reseller-chain account to review the hosting accounts it owns." %}</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>
        <span>{% translate "Resellers" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true"><i data-lucide="chevron-right"></i></span>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "View Sub Accounts" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="eenos-card"><div class="mb-4"><div class="eenos-panel-title">{% translate "Reseller-Chain Accounts" %}</div><div class="eenos-panel-subtitle">{% translate "Open a reseller to view its directly owned hosting accounts." %}</div></div><table id="eenos-data-table" class="table table-sm table-hover align-middle mb-0"><thead><tr><th>{% translate "Reseller" %}</th><th>{% translate "Domain" %}</th><th>{% translate "Owner" %}</th><th>{% translate "Subaccounts" %}</th><th>{% translate "Hosting Plan" %}</th><th>{% translate "Reseller IPv4" %}</th><th>{% translate "Reseller IPv6" %}</th><th>{% translate "Status" %}</th><th class="text-end">{% translate "Action" %}</th></tr></thead></table></div>
{% endblock %}
{% block extra_js %}
    <script>
$(function(){const esc=value=>$('<div>').text(value==null?'':value).html();const table=$('#eenos-data-table').DataTable({responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},processing:true,pageLength:25,lengthMenu:[[25,50,100,-1],[25,50,100,"{% translate 'All' %}"]],ajax:{url:"{% url 'hosting_reseller_chain_data' %}",dataSrc:'data'},order:[[0,'asc']],columns:[{data:'username',width:'180px',className:'text-nowrap',responsivePriority:1,render:(d,t)=>t==='display'?'<span class="fw-semibold">'+esc(d||'—')+'</span>':d},{data:'domain',responsivePriority:2,render:(d,t)=>t==='display'&&d?'<a href="https://'+esc(d)+'" target="_blank" rel="noopener noreferrer">'+esc(d)+'</a>':d||'—'},{data:'owner',className:'none'},{data:'sub_account_count',className:'text-center',responsivePriority:4},{data:'package',responsivePriority:5,render:(d,t)=>t==='display'?'<span class="badge eenos-badge-neutral">'+esc(d||'—')+'</span>':d},{data:'shared_ipv4',className:'text-nowrap',responsivePriority:6,render:(d,t)=>t==='display'?esc(d||'—'):d},{data:'shared_ipv6',className:'text-nowrap',responsivePriority:7,render:(d,t)=>t==='display'?esc(d||'—'):d},{data:'status',width:'115px',responsivePriority:3,render:(d,t)=>t!=='display'?d:(d==='suspended'?'<span class="eenos-status text-warning"><i data-lucide="pause-circle"></i><span>{% translate "Suspended" %}</span></span>':'<span class="eenos-status text-success"><i data-lucide="circle-check"></i><span>{% translate "Active" %}</span></span>')},{data:'sub_accounts_url',orderable:false,searchable:false,width:'60px',className:'text-end text-nowrap',responsivePriority:1,render:(d,t)=>t==='display'?'<div class="eenos-dt-actions d-flex justify-content-end"><a class="btn btn-sm btn-outline-primary" href="'+esc(d)+'" title="{% translate "View Subaccounts" %}"><i data-lucide="users"></i></a></div>':''}],language:{processing:'{% translate "Loading..." %}',emptyTable:"{% translate 'No reseller-chain accounts have been configured.' %}",zeroRecords:"{% translate 'No matching reseller accounts found.' %}"},drawCallback:()=>lucide.createIcons()});table.on('responsive-display',()=>lucide.createIcons())});
    </script>
{% endblock %}