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

@{
    ViewBag.Title = "Experiments";
}

<h2>Build your experiment:</h2>
@using (Html.BeginForm("SaveExperiment", "Experiment"))
{
  <fieldset>
    <legend>Create Template Experiment:</legend>
    
    <div class="editor-label">
      <label for="name">Experiment Template Name:</label>
    </div>

    <div class="editor-field">
      <input id="name" name="Name" type="text" value="My Experiment" />
    </div>

    <div>
    <p>Experiment Tree:</p>
    </div>

    <div id="container" class="treeStyle">
      <ul>
        <li id="root">Experiment</li>
      </ul>
    </div>
    <input style="margin-top:5px;"  name="RemoveNode" type="button" value="Remove" disabled="disabled" />

    <div id="scenarios">
    @if (Model.Scenarios.Count > 0) {
        <p>Choose an algorithm:</p>
        foreach (var scen in Model.Scenarios) {
            <div class="dragables" id="@scen"><p>@scen</p></div>
        }        
        
    }
        <div class="clearer"/>
    </div>
    
    <div id="experiments">
    @if (Model.Scenarios.Count > 0) {
        <p>Choose from your stored experiments:</p>
        foreach (var scen in Model.Experiments) {
            <div class="dragables" id="@scen"><p>@scen</p></div>
        }       
        
    }   
        <div class="clearer"/> 
    </div>
    <input type="submit" value="Save experiment" class="submitter" />
    <img src="@Url.Content("~/Content/hl/images/ajax-loader.gif")" alt="Loading animation" class="loader unseen" />
  </fieldset>
    <div><p id="jsonMessage"></p></div>
}


@section submenu {
    <ul>
        <li class="selected">@Html.ActionLink("Build", "New")</li>    
        <li>@Html.ActionLink("Edit", "NewEdit")</li>
        <li>@Html.ActionLink("Status", "Index", "Status")</li>
    </ul>
}