@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">

    <script type="text/javascript">        //Has to be up front to ensure right order of javascript array
        initSaveData("@(Model.hiveTask.Task.Id)",
            @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog)), "@(Model.hiveTask.ItemTask.Name)");

    </script>


    <div class="panel-heading"
         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>
                <tr>
                    <td style="word-break:break-all" id="exceptionpar@(Model.hiveTask.Task.Id)">
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>
                </tr>
                <tr style="display:none" id="restarter@(Model.hiveTask.Task.Id)">
                    <td>
                        <input style="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;"
                               id="restarterbtn@(Model.hiveTask.Task.Id)"
                               class="btn btn-success"
                               type="button"
                               onclick="restart('@(Model.hiveTask.Task.Id)');event.cancelBubble=true;" 
                               value="Restart task"/>
                    </td>
                </tr>
            </tbody>
        </table>
        <a style="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;"
           class="btn btn-info btn-block"
           data-toggle="collapse"
           data-target="#panbody@(Model.hiveTask.Task.Id)"><i class="fa fa-bar-chart-o"></i>Show graph</a>
    </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"
                   data-on="Bar"
                   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 id="legend@(Model.hiveTask.Task.Id)" style="display:none">
                @Html.Partial("_Graphlegend")
            </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>
    }
    
</div>