@using System.Web.Mvc.Html
@using Pilotfish.Afx.ComponentModel
@using Pilotfish.Afx.Security
@using Pilotfish.Afx.Mvc

@{
    ViewBag.Title = "Default";
    Layout = "~/Views/Shared/_ConsoleLayout.cshtml";
}

@Html.Partial("Scripts/Console-Init")
@Html.Partial("Scripts/Console-Events")

<div id="header">  
    <a href='@Url.Content("~/Applications/Default")'><img src="@Url.Content("~/Images/logo.png")" style="border: none;" /></a>
    <div class="consoleHeader" data-bind="visible: RouteDetail.RouteID() > 0">
        <h1>Route Name: <span data-bind="html: RouteDetail.RouteName"></span></h1>        
        <h2>Route Status: <span data-bind="html: RouteDetail.Status.Title"></span></h2>                
    </div>
</div>
<div style="margin: 0px 10px;">
    <div id="nav">     
        <ul>
            <li>@Html.ActionLink("Route Details", "Default", "RouteConsole", new { RouteID = Request.QueryString["RouteID"] }, new {})</li>
            <li data-bind="visible: RouteDetail.RouteID() > 0">@Html.ActionLink("Route Nodes", "Nodes", "RouteConsole", new { RouteID = Request.QueryString["RouteID"] }, new {})</li>
            <li data-bind="visible: RouteDetail.RouteID() > 0">@Html.ActionLink("Associations", "Associations", "RouteConsole", new { RouteID = Request.QueryString["RouteID"] }, new { })</li>
            <li data-bind="visible: RouteDetail.RouteID() > 0">@Html.ActionLink("Operating Licences", "OperatingLicences", "RouteConsole", new { RouteID = Request.QueryString["RouteID"] }, new {})</li>
        </ul>   
        @*<select data-bind="value: ConsoleAction, disable: RouteDetail.RouteID() == -1">
            <option value="action">- Actions -</option>            
            <optgroup label="Common Actions">
                <option value="audit">Audit Trail</option>
                <option value="comment">Comments</option>
                <option value="documents">Documents</option>
            </optgroup>
        </select>*@
    </div>
    <div id="bodycontent">
        <div style="padding: 0px 10px 10px">
            <div id="pageContent">
                @RenderBody()
            </div>

            <div class="contentBlock" id="comments" style="display: none">
                <div class="header"><h2>Comments</h2></div>
                <div>   
                    @Html.Partial("Afx/Comments/List")
                </div>
            </div>          
            
            <div class="contentBlock" id="documents" style="display: none">
                <div class="header"><h2>Documents</h2></div>
                <div>   
                    @Html.Partial("Afx/Documents/List")
                </div>
            </div>  

            <div class="contentBlock" id="audits" style="display: none">
                <div class="header"><h2>Audit</h2></div>
                <div>   
                    @Html.Partial("Afx/Audits/List")
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="form-action-buttons">
            <button type="button" data-bind="click: function () { document.location.href = app.rootUrl + 'Routes' }" class="console-home-button">Back</button>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $(document).ready(function () {
            viewModel.ConsoleAction.subscribe(function (newValue) { viewModel.ConsoleActionChanged(newValue); });

            $(".form-action-buttons").attr("class", "buttonDock").removeAttr("style").css("float: right");
            $(".afxTable").attr("class", "afxTable fill-content");
        });
    });
</script>