@model HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer
@using Newtonsoft.Json;
<div class="panel panel-primary"
     style="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>Algorithm: @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 style="word-break:break-all" id="exceptionpar@(Model.hiveTask.Task.Id)">
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>
                    <td id="statechangespar@(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 id="graph@(Model.hiveTask.Task.Id)"></div>
            <div id="legend@(Model.hiveTask.Task.Id)" style="display:none">
                @Html.Partial("_Graphlegend")
            </div>
        </div>
    </div>
    
</div>