<div class="pf-module-head">
    <h5 class="pull-right {{#systemNameClass}}{{system.security}}{{/systemNameClass}}" data-toggle="tooltip" title="alias">
        {{#system.alias}}
        {{system.alias}}
        {{/system.alias}}
        {{^system.alias}}
        {{system.name}}
        {{/system.alias}}
    </h5>

    <h5 class="pf-module-handler-drag"></h5>

    <h5><span class="{{systemTypeLinkClass}}" data-toggle="tooltip" title="type">{{systemTypeName}}</span>&nbsp;<i class="fas fa-fw fa-angle-double-right"></i></h5>
    <h5><span class="{{systemRegionLinkClass}} {{#systemNameClass}}{{system.security}}{{/systemNameClass}}" data-toggle="tooltip" title="region">{{system.region.name}}</span>&nbsp;<i class="fas fa-fw fa-angle-double-right"></i></h5>
    <h5><a href="javascript:void(0);" data-url="{{ajaxConstellationInfoUrl}}/{{system.constellation.id}}" class="{{systemConstellationLinkClass}} popup-ajax {{popoverTriggerClass}} {{#systemNameClass}}{{system.security}}{{/systemNameClass}}" title="constellation">{{system.constellation.name}}</a>&nbsp;<i class="fas fa-fw fa-angle-double-right"></i></h5>
    <h5>
        <span data-toggle="tooltip" title="system" class="{{#systemNameClass}}{{system.security}}{{/systemNameClass}}">{{system.name}}</span>
        <i class="fas fa-fw fa-copy {{moduleHeadlineIconClass}} {{systemUrlLinkClass}}" data-toggle="tooltip" title="copy link" data-url="{{systemUrl}}"></i>
        {{#system.locked}}
        <i class="fas fa-fw fa-lock" data-toggle="tooltip" title="locked"></i>
        {{/system.locked}}
    </h5>

    {{#systemIsWormhole}}
        <a href="{{#formatUrl}}http://evemaps.dotlan.net/system/{{system.name}}{{/formatUrl}}" class="pf-icon pf-icon-dotlan" data-toggle="tooltip" title="dotlan" target="_blank" rel="noopener"></a>
    {{/systemIsWormhole}}
    {{^systemIsWormhole}}
        <a href="{{#formatUrl}}http://evemaps.dotlan.net/map/{{system.region.name}}/{{system.name}}{{/formatUrl}}" class="pf-icon pf-icon-dotlan" data-toggle="tooltip" title="dotlan" target="_blank" rel="noopener"></a>
    {{/systemIsWormhole}}

    {{#systemIsWormhole}}
        <a href="{{#formatUrl}}http://anoik.is/systems/{{system.name}}{{/formatUrl}}" class="pf-icon pf-icon-anoik" data-toggle="tooltip" title="anoik" target="_blank" rel="noopener"></a>
    {{/systemIsWormhole}}
</div>

<div class="row">

    {{! info text ================================================================================================ }}
    <div class="col-xs-12 col-sm-9">
        <div class="pf-dynamic-area {{descriptionAreaClass}}">
            <div class="{{descriptionTextareaClass}} {{summernoteClass}}"></div>
            <i class="fas fa-fw fa-lg fa-pen pull-right {{moduleHeadlineIconClass}} {{descriptionButtonClass}}" data-toggle="tooltip" title="edit description"></i>
        </div>
    </div>

    {{! info table ================================================================================================ }}
    <div class="col-xs-12 col-sm-3">

        <span data-toggle="tooltip" title="status" data-status="{{systemStatusId}}" class="label center-block {{statusInfoClass}} {{systemStatusClass}}">
            {{systemStatusLabel}}
        </span>


        <div class="pf-dynamic-area">
            <table class="table table-condensed pf-table-fixed {{tableClass}}">
                <thead>
                <tr>
                    <th>Name</th>
                    <th class="text-right pf-system-info-name-cell">
                        {{#system.shattered}}
                            <i class="fas fa-fw fa-skull {{shatteredClass}}" data-toggle="tooltip" title="shattered"></i>&nbsp;
                        {{/system.shattered}}
                        <span class="pf-help-default {{nameInfoClass}} {{#systemNameClass}}{{system.security}}{{/systemNameClass}}">{{system.name}}</span>
                    </th>
                    <th class="pf-table-cell-20 text-right {{securityClass}}">{{system.security}}</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>Security</td>
                    <td></td>
                    <td class="text-right {{trueSecClass}}">{{trueSec}}</td>
                </tr>
                {{#effectName}}
                <tr>
                    <td>Effect</td>
                    <td class="text-right pf-font-capitalize">{{effectName}}</td>
                    <td class="text-right {{effectInfoClass}}"><i class="fas fa-fw fa-square pf-system-effect {{effectClass}}"></i></td>
                </tr>
                {{/effectName}}
                {{#system.faction}}
                <tr>
                    <td>Faction</td>
                    <td class="text-right pf-table-cell-ellipses-auto" colspan="2">{{system.faction.name}}</td>
                </tr>
                {{/system.faction}}
                {{#planetCount}}
                <tr>
                    <td>Planets</td>
                    <td></td>
                    <td class="text-right pf-help-default {{planetsInfoClass}}">{{planetCount}}</td>
                </tr>
                {{/planetCount}}
                {{#static}}
                <tr>
                    <td>Static</td>
                    <td class="text-right">{{name}}</td>
                    <td class="text-right pf-help-default {{class}} {{wormholePrefixClass}}{{name}}">{{security}}</td>
                </tr>
                {{/static}}
                </tbody>
            </table>
        </div>
    </div>
</div>




