@model HeuristicLab.Clients.Hive.WebJobManager.Models.AlgorithmContainer
@{int randomal = Model.randy.Next(50000);
    var builder = "[";
    foreach (var arr in Model.depth)
    {
        builder += "[" + String.Join(",", arr) + "],";
    }
    builder += "]";
}
<!-- Partial for displaying a small version of an algorithm -->

<p class="text-center">
    <a class="btn btn-primary"
       data-toggle="collapse"
       href="#collapseExample@(randomal)"
       aria-expanded="false"
       aria-controls="collapseExample@(randomal)"
       style="margin:10px;margin-bottom:0; 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;">
        @Model.algo.Name
    </a>

</p>
<div class="collapse"
     id="collapseExample@(randomal)"
     style="margin-left:10px;margin-right:10px;margin-top:-10px">

    <img src="~/img/accoladealg.png" style="width:100%;" />

    <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:none">
        <div class="panel-heading panel-primary text-center">
            <p>@Model.algo.Description</p>

            <div class="btn-group"
                 style="text-shadow:none">
                <button type="button"
                        id="prior@(randomal)"
                        class="btn btn-info dropdown-toggle"
                        data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                    Normal <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a onclick="changePriority(@builder,0,@randomal)">Low</a></li>
                    <li><a onclick="changePriority(@builder,1,@randomal)">Normal</a></li>
                    <li><a onclick="changePriority(@builder,2,@randomal)">Urgent</a></li>
                    <li><a onclick="changePriority(@builder,3,@randomal)">Critical</a></li>
                </ul>
            </div>
        </div>
        <h4>Algorithm parameters</h4>
        <table class="table table-condensed"
               style="table-layout:fixed;overflow-wrap:break-word">
            <thead>
                <tr>
                    <th>Parameter</th>
                    <th>Value</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var par in Model.algo.Parameters.OrderBy(x => x.Name))
                {
                    @Html.Partial("OpenFilePartials/DataPartials/DataMaster",
                new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.Jobs.DataPackageVM(par, builder, randomal, false))

                }
            </tbody>
        </table>
        <hr style="border-color:gray" />
        <h4>Problem parameters</h4>
        <table class="table table-responsive card-block"
               style="table-layout:fixed;overflow-wrap:break-word">
            <thead>
                <tr>
                    <th>Parameter</th>
                    <th>Value</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var prob in Model.algo.Problem.Parameters.OrderBy(x => x.Name))
                {
                    @Html.Partial("OpenFilePartials/DataPartials/DataMaster",
                new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.Jobs.DataPackageVM(prob, builder, randomal, true))

                }
            </tbody>
        </table>


    </div>
</div>