{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Reseller Subaccounts" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header flex-wrap"><div><h1 class="eenos-page-title">{% translate "Reseller Subaccounts" %}</h1><div class="eenos-page-subtitle">{% blocktranslate with reseller_name=reseller %}Hosting accounts owned by {{ reseller_name }}.{% endblocktranslate %}</div></div><div class="d-grid col-12 col-sm-auto"><a href="{% url 'resellersub' %}" class="btn btn-outline-secondary btn-sm text-nowrap"><i data-lucide="arrow-left"></i>{% translate "All Resellers" %}</a></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>
        <a href="{% url 'resellersub' %}">{% translate "View Sub 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">{{ reseller }}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="eenos-card mb-4">
        <div class="mb-4"><div class="eenos-panel-title">{% translate "Reseller Details" %}</div><div class="eenos-panel-subtitle">{% translate "Account information for the reseller that owns the hosting accounts below." %}</div></div>
        <div class="row g-3">
            <div class="col-12 col-md-6 col-xl-3"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="user-round"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Reseller" %}</div><div class="eenos-modal-info-value" id="resellerUsername">{{ reseller }}</div></div></div></div>
            <div class="col-12 col-md-6 col-xl-3"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="globe-2"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Main Domain" %}</div><div class="eenos-modal-info-value" id="resellerDomain">—</div></div></div></div>
            <div class="col-12 col-md-6 col-xl-3"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="user-round-check"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Owner" %}</div><div class="eenos-modal-info-value" id="resellerOwner">—</div></div></div></div>
            <div class="col-12 col-md-6 col-xl-3"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="package"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Hosting Plan" %}</div><div class="eenos-modal-info-value" id="resellerPackage">—</div></div></div></div>
            <div class="col-12 col-md-6 col-xl-3"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="network"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Reseller IPv4" %}</div><div class="eenos-modal-info-value" id="resellerIpv4">—</div></div></div></div>
            <div class="col-12 col-md-6 col-xl-3"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="network"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Reseller IPv6" %}</div><div class="eenos-modal-info-value" id="resellerIpv6">—</div></div></div></div>
            <div class="col-12 col-md-6 col-xl-3"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="users"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Owned Accounts" %}</div><div class="eenos-modal-info-value" id="resellerAccountCount">0</div></div></div></div>
            <div class="col-12 col-md-6 col-xl-3"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="activity"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Status" %}</div><div class="eenos-modal-info-value" id="resellerStatus">—</div></div></div></div>
        </div>
    </div>
    <div class="eenos-card"><div class="mb-4"><div class="eenos-panel-title">{% translate "Owned Hosting Accounts" %}</div><div class="eenos-panel-subtitle">{% blocktranslate with reseller_name=reseller %}Hosting accounts currently assigned to {{ reseller_name }}.{% endblocktranslate %}</div></div><table id="eenos-data-table" class="table table-sm table-hover align-middle mb-0"><thead><tr><th>{% translate "User" %}</th><th>{% translate "Domain" %}</th><th>{% translate "Setup Time" %}</th><th>{% translate "Hosting Plan" %}</th><th>{% translate "Quota" %}</th><th>{% translate "IPv4" %}</th><th>{% translate "Contact Email" %}</th><th>{% translate "Status" %}</th></tr></thead></table></div>
{% endblock %}
{% block extra_js %}
    <script>
$(function(){const esc=value=>$('<div>').text(value==null?'':value).html();const showReseller=function(r){r=r||{};$('#resellerUsername').text(r.username||'—');$('#resellerDomain').empty().append(r.domain?$('<a>',{href:'https://'+r.domain,target:'_blank',rel:'noopener noreferrer',text:r.domain}):document.createTextNode('—'));$('#resellerOwner').text(r.owner||'—');$('#resellerPackage').text(r.package||'—');$('#resellerIpv4').text(r.shared_ipv4||'—');$('#resellerIpv6').text(r.shared_ipv6||'—');$('#resellerAccountCount').text(r.account_count||0);$('#resellerStatus').html(r.status==='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>');lucide.createIcons()};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_sub_data' %}",data:{reseller:"{{ reseller|escapejs }}"},dataSrc:function(json){showReseller(json.reseller);return json.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:'setup_time',className:'text-nowrap',responsivePriority:6},{data:'package',responsivePriority:4,render:(d,t)=>t==='display'?'<span class="badge eenos-badge-neutral">'+esc(d||'—')+'</span>':d},{data:'quota',responsivePriority:5,render:(d,t)=>t==='display'?(String(d).toLowerCase()==='unlimited'?'<span class="badge eenos-badge-neutral p-1" role="img" title="{% translate "Unlimited" %}" aria-label="{% translate "Unlimited" %}"><i data-lucide="infinity" width="14" height="14"></i></span>':esc(d||0)+' MB'):d},{data:'ip_address',className:'text-nowrap',responsivePriority:7,render:(d,t)=>t==='display'?esc(d||'—'):d},{data:'contact_email',className:'text-nowrap',responsivePriority:8,render:(d,t)=>t==='display'&&d?'<a class="link-secondary" href="mailto:'+esc(d)+'">'+esc(d)+'</a>':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>')}],language:{processing:'{% translate "Loading..." %}',emptyTable:"{% translate 'This reseller does not own any hosting accounts.' %}",zeroRecords:"{% translate 'No matching hosting accounts found.' %}"},drawCallback:()=>lucide.createIcons()});table.on('responsive-display',()=>lucide.createIcons())});
    </script>
{% endblock %}