@model HeuristicLab.Services.Optimization.Web.Models.JobDetailsModel

<h2>Job details:</h2>
<h3>Summary:</h3>

    <table>
      <thead>
        <tr>
          <td>Name</td>
          <td>Resource</td>
          <td>State</td>   
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>@Model.Job.Name</td>
          <td>@Model.Job.Resource</td>
          <td>@Model.Job.State</td>            
       </tr>
      </tbody>
    </table>
@using (Html.BeginForm()) {    
    <fieldset>
        <input type="hidden" value="@Model.Job.Id" name="id" />
        <input type="submit" value="Delete job" />    
    </fieldset>
}

<h3>Run details:</h3>
<div class="collapsible">
@if (Model.Runs.Count > 1) {
    <h3>Analyze runs</h3>
    <div>
        <div class="resizable ui-widget-content" style="width: 800px; height: 600px;">
            <div id="dataTableView" style="width: 96%; height: 96%;">    
              <form action="#">
                <label for="dataTable">DataTable:</label>
                <select name="dataTable" id="dataTable"></select>
                <label for="dataRow">DataRow:</label>
                <select name="dataRow" id="dataRow"></select>
                <div id="dataTableGraph" style="width: 100%; height: 100%;"></div>
              </form>
            </div>
        </div>
    </div>
}
@for (int j = 0; j < Model.Runs.Count; j++) {
    var run = Model.Runs[j];
    <h3>@run.Name</h3>
    <div>
    <table>
      <thead>
        <tr>
          <td>Key</td>
          <td>Value</td>
        </tr>
      </thead>
      <tbody>
      @for (var i = 0; i < run.Results.Count; i++) {
          var result = run.Results[i];      
        <tr>
          <td>@Html.Label(result.Value.Name, result.Value.Name)</td> 
          @if (result.Value is HeuristicLab.Services.Optimization.ControllerService.Model.DecimalMatrix) {
              var matrix = (result.Value as HeuristicLab.Services.Optimization.ControllerService.Model.DecimalMatrix);              
              <td>
                  <div class="tabable">                
                    <ul>
                        <li>
                            <a href="#matrix-tab-@j-@i">Table @result.Value.Name</a>                        
                        </li>
                        <li>
                           <a href="#matrix-graph-@j-@i-render">Chart @result.Value.Name</a>
                           <!--a href="@Url.Content("~/Chart/GenerateChart?index=" + j + "&parameterName=" + result.Value.Name + "&chartType=Line")">Chart @result.Value.Name</a-->                           
                            <!--img alt="Chart" src="@Url.Content("~/Chart/GenerateChart?index=" + j + "&parameterName=" + result.Value.Name)" /-->                        
                        </li>
                    </ul>
                    <div id="matrix-tab-@j-@i" class="scroll">
                        @Html.DisplayFor(model => matrix)
                    </div>
                    <div class="resizable ui-widget-content" id="matrix-graph-@j-@i-render" style="width: 800px; height: 600px;">
                        <div class="matrix-graph" id="matrix-graph-@j-@i" style="width:96%; height:96%;" ></div>                    
                    </div>
                  </div>                
              </td>
          }          
          else {
              <td>
                @Html.DisplayFor(m => result.Value)               
              </td>
              <!-- Html.Partial(string.Format("~/Views/Shared/DisplayTemplates/{0}.cshtml", result.Value.GetType().Name), result.Value) -->                
              <!--td>((result.Value as HeuristicLab.Services.Optimization.ControllerService.Model.StringValue).Value)</td-->
          }
       </tr>
      }
      </tbody>
    </table>
    </div>
}
</div>