%layout 'main', navbarPosition=>1, blurred=>0;

<% my $a=Fr::Customer->new($id); %>

<div id="entityId" style="display:none;"><%== $a->id %></div>
<h1><%= $a->display %></h1>
<div class="command-bar">
    <a class="button" id="assetModify">Modify</a>
    <a class="button" id="assetNewSystem">Add to System</a>
    <a class="button" id="assetNewRelationship">Add New Relationship</a>
    <a class="button selection" data-method="browse", data-viewType="heirarchy", data-entityType="fedBy", data-alsoshow="asset">Asset Heirarchy</a>
</div>
<div class="tabs">
    <ul>
        <li><a href="#asset-info">Asset</a></li>
        <li><a href="#asset-attributes">Attributes</a></li>
        <li><a href="#asset-systems">Systems</a></li>
        <li><a href="#asset-location">Physical Location</a></li>
        <li><a href="#asset-relationships">Relationships</a></li>
        <li><a href="#asset-redundancy">Redundancies</a></li>
        <li><a href="#asset-requirements">Requirements</a></li>
        <li><a href="#asset-impacts">Impacts</a></li>
        <li><a href="#asset-diagram">Explorer</a></li>
        <li><a href="#asset-map">Map</a></li>
        <li><a href="#asset-docs">Documents</a></li>
    </ul>

    <div id="asset-info">
        <%== Gears::Common->addField(name=>"assetIdentifier", title=>"Asset Number", icon=>'document.png', textLength=>200, fieldType=>'readOnly', value=>($a->assetNumber)); %>
        <%== Gears::Common->addField(name=>"assetTitle", title=>"Title", icon=>'cube.png', textLength=>400, fieldType=>'readOnly', value=>($a->{title})); %>
        <%== Gears::Common->addField(name=>"assetTtype", title=>"Equipment Type", class=>"selection pointer out", icon=>'bolt.png', fieldLength=>400, fieldType=>'readOnly', value=>($a->equipmentType->{title}), data=>{entityType=>'equipmentType', viewType=>'heirarchy', method=>'browse', nodeId=>($a->equipmentType->id)}); %>
        <%== Gears::Common->addField(name=>"assetStatus", title=>"Status", icon=>'circleCheck.png', textLength=>200, fieldType=>'readOnly', value=>($a->status)); %>
        <%== Gears::Common->addField(name=>"assetPriority", title=>"Priority", icon=>'crossing.png', textLength=>100, fieldType=>'readOnly', value=>($a->priority)); %>

        <div style="margin-top:20px;">
            <b>Asset QR Code:</b>
            <div><img src="../qr/asset<%== $a->id %>.png"></div>
        </div>
    </div>
    <div id="asset-attributes">
        <div>
            <div class="gridList" data-entityType="attribute" data-filter="asset" data-entityId="<%== $a->id %>"></div>
            <div class="gridSelection" style="display:none;"></div>
        </div>
    </div>
    <div id="asset-systems">
        <div>
            <div class="gridList" data-entityType="system" data-filter="asset" data-entityId="<%== $a->id %>"></div>
            <div class="gridSelection" style="display:none;"></div>
        </div>
    </div>
    <div class="clearfix" id="asset-location">
        <div style="float:left;">
            <img src="<%== $a->googleMap %>">
        </div>
        <div style="float:left;padding-left:10px;">
            <%== Gears::Common->addField(name=>"assetLocation", fieldType=>'readOnly', title=>"Location", icon=>"pointer.png", textLength=>300, class=>'pointer out selection', hasData=>1, dataValue=>($a->location->id), value=>($a->location->{title}), data=>{entityType=>'location', method=>'browse', viewType=>'heirarchy', nodeId=>($a->location->id)}); %>
            
            <div style="margin-top:20px;">
                <b>Specific Location:</b>
                <% my @loc=split(/\,/, $a->coordinates); %>
                <%== Gears::Common->addField(name=>"assetLat", fieldType=>'readOnly', title=>"Latitude", icon=>"map.png", textLength=>300, value=>($loc[0])); %>
                <%== Gears::Common->addField(name=>"assetLat", fieldType=>'readOnly', title=>"Longitude", icon=>"map.png", textLength=>300, value=>($loc[1])); %>
            </div>
        </div>
    </div>
    <div id="asset-relationships">
        <div class="tabs">
            <ul>
                <li><a href="#relate-internal">Internal</a></li>
                <li><a href="#relate-external">External</a></li>
                <li><a href="#relate-linear">Linear</a></li>
            </ul>
        
            <div id="relate-internal">
                <div>
                    <b>Fed By:</b>
                    <% my $fedBy=$a->fedBy; 
                        my $fedByTitle; my $fedById;
                        if (defined $fedBy) {
                            $fedByTitle=$fedBy->display;
                            $fedById=$fedBy->id;
                        } else {
                        
                        }
                    %>
                    <div>
                        <%== Gears::Common->addField(name=>"assetFedBy", title=>"Fed By", icon=>'nodeDown.png', textLength=>300, fieldType=>'readOnly', value=>$fedByTitle, hasData=>1, dataValue=>$fedById, float=>'left', class=>'selection pointer out', data=>{entityType=>'asset', method=>'select', viewType=>'both', nodeId=>$fedById}); %>
                        <div style="float:left;"><a class="button" href="/Location/"<%== $a->location->id; %>>Go to Fed By Asset</a></div>
                    </div>
                </div>
                <div style="clear:both;margin-top:20px;">
                    <b>Feeds:</b>
                    <div>
                        <div class="gridList" data-entityType="asset" data-filter="feeds" data-entityId="<%== $a->id %>"></div>
                        <div class="gridSelection" style="display:none;"></div>
                    </div>
                </div>
            </div>
            
            <div id="relate-external">
                <div>
                    <b>Requires:</b>
                    <div>
                        <div class="gridList" data-entityType="asset" data-filter="related" data-entityId="<%== $a->id %>"></div>
                        <div class="gridSelection" style="display:none;"></div>
                    </div>
                </div>
                <div style="margin-top:10px;">
                    <b>Required By:</b>
                    <div>
                        <div class="gridList" data-entityType="asset" data-filter="requiredBy" data-entityId="<%== $a->id %>"></div>
                        <div class="gridSelection" style="display:none;"></div>
                    </div>
                </div>
            </div>
            
            <div id="relate-linear">
                <div>
                    <b>Upstream Assets:</b>
                    <div>
                        <div class="gridList" data-entityType="asset" data-filter="linearIn" data-entityId="<%== $a->id %>"></div>
                        <div class="gridSelection" style="display:none;"></div>
                    </div>
                </div>
                <div style="margin-top:10px;">
                    <b>Downstream Assets:</b>
                    <div>
                        <div class="gridList" data-entityType="asset" data-filter="linearOut" data-entityId="<%== $a->id %>"></div>
                        <div class="gridSelection" style="display:none;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div id="asset-redundancy">
        <div>
            <% my $re=$a->isRedundant; 
                my $reTitle; my $reId; my $reStatus;
                if (defined $re) {
                    $reTitle=$a->redundantGroup;
                    $reId=$re;
                    my $rs=$a->redundantStatus;
                    if ($rs) {$reStatus="In service assets meet minimum requirements"} else {$reStatus="In service assets do not meet minimum requirements"};
                    } 
            %>
            <%== Gears::Common->addField(name=>"assetRedundancy", title=>"Redundancy", icon=>'wrench.png', textLength=>300, fieldType=>'readOnly', value=>$reTitle, hasData=>1, dataValue=>$reId, float=>'left', class=>'selection pointer out', data=>{entityType=>'redundantGroup', method=>'select', viewType=>'list', nodeId=>$reId}); %>
            <p style="clear:both;"><%== $reStatus %></p>    
        </div>
        <div>
            <div class="gridList" data-entityType="asset" data-filter="redundancy" data-entityId="<%== $a->id %>"></div>
            <div class="gridSelection" style="display:none;"></div>
        </div>
    </div>
    
    <div id="asset-requirements">
        <div>
            <div class="gridList" data-entityType="asset" data-filter="requirements" data-entityId="<%== $a->id %>"></div>
            <div class="gridSelection" style="display:none;"></div>
        </div>
    </div>
    
    <div id="asset-impacts">
        <div>
            <!--<div class="gridList" data-entityType="asset" data-filter="impacts" data-entityId="<%== $a->id %>"></div>-->
            <div class="gridSelection" style="display:none;"></div>
        </div>
    </div>
    
    <div id="asset-diagram">
        <div id="diagram" style="height:900px;width:1200px;border-style:dotted;border-width:1px;"></div>
    </div>
    
    <div id="asset-map">
        <div class="clearfix">
            <div id="map" style="float:left;width:75%;" data-cen="<%== $a->coordinates %>"></div>
            <div id="mapDisplayOptions" style="margin-left:5px;float:left;width:20%;">
                <b>Display Options:</b>
                <div id="checks"></div>
                <div><button>Update Map</button></div>
            </div>
    </div>
    
    <div id="asset-docs">
    </div>
    
</div>