
    <h5 class="pull-right" data-toggle="tooltip" data-placement="top" data-container="body" title="alias">
        {{#system.alias}}
            {{system.alias}}
        {{/system.alias}}
        {{^system.alias}}
            {{system.name}}
        {{/system.alias}}
    </h5>


<h5 style="display: inline-block">
    <span data-toggle="tooltip" data-placement="top" data-container="body" title="system">{{system.name}}</span>
    {{#system.locked}}
        <i class="fa fa-fw fa-lock"></i>
    {{/system.locked}}
    <i class="fa fa-fw fa-angle-double-right"></i>
</h5>
<h5 style="display: inline-block"><a href="javascript:void(0);" data-url="{{ajaxConstellationInfoUrl}}/{{system.constellation.id}}" class="{{systemConstellationLinkClass}} popup-ajax" title="constellation">{{system.constellation.name}}</a>&nbsp;<i class="fa fa-fw fa-angle-double-right"></i></h5>
<h5 style="display: inline-block"><span class="{{systemRegionLinkClass}}" data-toggle="tooltip" data-placement="top" data-container="body" title="region">{{system.region.name}}</span>&nbsp;<i class="fa fa-fw fa-angle-double-right"></i></h5>
<h5 style="display: inline-block"><span class="{{systemTypeLinkClass}}" data-toggle="tooltip" data-placement="top" data-container="body" title="type">{{systemTypeName}}</span></h5>

<a href="http://evemaps.dotlan.net/system/{{system.name}}" target="_blank">
    <div data-toggle="tooltip" data-placement="top" data-container="body" title="dotlan" class="pf-icon pf-icon-dotlan"></div>
</a>
<a href="http://wh.pasta.gg/{{system.name}}" target="_blank">
    <div data-toggle="tooltip" data-placement="top" data-container="body" title="wormhol" class="pf-icon pf-icon-wormhol-es"></div>
</a>

<div class="row">

    {{! info text ================================================================================================ }}
    <div class="col-xs-12 col-sm-7">
        <div class="pf-dynamic-area pf-system-info-description-area">
            <i class="fa fa-fw fa-lg fa-pencil pull-right pf-module-icon-button {{descriptionButtonClass}}" data-toggle="tooltip" data-container="body" title="edit description"></i>

            <div id="{{moduleToolbarActionId}}" class="pf-table-tools-action">
                <span class="{{descriptionTooltipClass}}" data-toggle="tooltip" data-placement="bottom" data-container="body" title="System description">
                    <a style="width: 200px" href="#" class="{{descriptionTextareaClass}}" data-title="Enter username"></a>
                </span>
            </div>
        </div>
    </div>

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

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


        <div class="pf-dynamic-area">
            <table class="table table-condensed {{tableClass}}">
                <colgroup>
                    <col class="col-sm-1">
                    <col class="col-sm-4">
                    <col class="col-sm-6">
                    <col class="col-sm-1">
                </colgroup>
                <thead>
                <tr>
                    <th class="text-right pf-help {{nameInfoClass}}">
                        <i class="fa fa-fw fa-question-circle"></i>
                    </th>
                    <th>Name</th>
                    <th class="text-right">{{system.name}}</th>
                    <th class="text-right {{securityClass}}">{{system.security}}</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td></td>
                    <td>Security</td>
                    <td></td>
                    <td class="text-right {{trueSecClass}}">{{trueSec}}</td>
                </tr>
                {{#effectName}}
                <tr>
                    <td class="text-right pf-help {{effectInfoClass}}">
                        <i class="fa fa-fw fa-question-circle"></i>
                    </td>
                    <td>Effect</td>
                    <td class="text-right pf-font-capitalize">{{effectName}}</td>
                    <td class="text-right"><i class="fa fa-fw fa-square pf-system-effect {{effectClass}}"></i></td>
                </tr>
                {{/effectName}}
                {{#system.statics}}
                <tr>
                    <td class="text-right pf-help {{wormholePrefixClass}}{{name}}">
                        <i class="fa fa-fw fa-question-circle"></i>
                    </td>
                    <td>Static</td>
                    <td class="text-right">{{name}}</td>
                    <td class="text-right {{class}}">{{security}}</td>
                </tr>
                {{/system.statics}}
                {{#shatteredWormholeInfo}}
                <tr>
                    <td class="text-right pf-help"></td>
                    <td>Shattered System</td>
                    <td class="text-right pf-font-capitalize {{securityClass}}">Unknown statics</td>
                    <td class="text-right"></td>
                </tr>
                {{/shatteredWormholeInfo}}
                </tbody>
            </table>
        </div>
    </div>
</div>




