@model HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer
@using Newtonsoft.Json;
<div class="panel panel-warning" style="border-color:#f6cd94!important; border-width:2px!important;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-shadow:2px 2px black">
    <div class="panel-heading"
         data-toggle="collapse"
         data-target="#panbody@(Model.hiveTask.Task.Id)"
         onclick="redrawGraph('@(Model.hiveTask.Task.Id)')"
         aria-expanded="false"
         aria-controls="panbody@(Model.hiveTask.Task.Id)">
        <table class="table ">
            <thead>
                <tr>
                    <th>Batch run: @Model.hiveTask.ItemTask.Name</th>
                    <th style="font-size:large">
                        @if (Model.hiveTask.Task.Priority == 0)
                        {
                            <span class="label label-default"> Priority low</span>
                        }
                        else if (Model.hiveTask.Task.Priority == 1)
                        {
                            <span class="label label-info">Priority normal</span>
                        }
                        else if (Model.hiveTask.Task.Priority == 2)
                        {
                            <span class="label label-warning">Priority urgent</span>

                        }
                        else if (Model.hiveTask.Task.Priority == 3)
                        {
                            <span class="label label-danger">Priority critical</span>

                        }
                    </th>

                </tr>
            </thead>
            <tbody>
                <tr>
                    <td id="lastupdpar@(Model.hiveTask.Task.Id)">
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>
                    <td id="statepar@(Model.hiveTask.Task.Id)">
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>

                </tr>
                <tr>
                    <td id="executionpar@(Model.hiveTask.Task.Id)">
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>
                    <td>Created: @Model.hiveTask.Task.DateCreated</td>
                 </tr>
                <tr>
                    <td>
                        Child task distribution
                        <input type="checkbox"
                               disabled
                               @(Model.hiveTask.ItemTask.ComputeInParallel ? "checked" : "" )
                               data-toggle="toggle"
                               data-onstyle="success" />
                    </td>
                    <td id="statechangespar@(Model.hiveTask.Task.Id)">
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="panel-body " style="text-shadow:none">
        <div class="collapse" id="panbody@(Model.hiveTask.Task.Id)">
            <input id="graphtoggle@(Model.hiveTask.Task.Id)"
                   type="checkbox"
                   data-toggle="toggle"
                   checked
                   data-on="Line"
                   data-off="Pie"
                   onchange="redrawGraph('@(Model.hiveTask.Task.Id)')">
            <h4 id="graphtitle@(Model.hiveTask.Task.Id)">
                <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
            </h4>
            <div style="text-shadow:none" id="graph@(Model.hiveTask.Task.Id)"></div>
        </div>
    </div>
    @if (Model.hiveTask.ChildHiveTasks.Count > 0)
    {
        <div class="panel-body">
            @foreach (var task in Model.hiveTask.ChildHiveTasks)
            {
                @Html.Partial("SelectedJobPartials/_TaskPartial",
                        new HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer(task))

            }
        </div>
    }
    <script type="text/javascript">
        initSaveData("@(Model.hiveTask.Task.Id)",
            @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog)));

        document.getElementById("graph@(Model.hiveTask.Task.Id)").style = "width: 90%; height: 450px;";

        Plotly.newPlot('graph@(Model.hiveTask.Task.Id)',
            getData("@Model.hiveTask.Task.Id"));

    </script>
</div>