@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.FileOpeningViewModel
@{System.Random randomizer = new Random();
    int randy = randomizer.Next(5000); }


<div style="margin-left:20px;margin-right:20px">
    <div class="row" style="text-align:center">
        @Model.message
    </div>
    <div class="row" style="text-align:center">
        <h1 data-toggle="tooltip" title="@Model.SelectedTask.ItemTask.ItemName
            @Model.SelectedTask.ItemTask.Description">
            <span class="label label-primary">Algorithm: @Model.SelectedTask.ItemTask.Name</span>
        </h1>
        
    </div>

    <div class="row" id="algorithm">

        <div class="col">
            <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.SelectedAlgorithm.Parameters.OrderBy(x => x.Name))
                    {
                        <tr>
                            <td>@par.Name</td>

                            <td>@par.ActualValue</td>
                        </tr>

                    }
                </tbody>
            </table>
        </div>

    </div>
    <hr style="border-color:gray" />

    <div class="row" id="problem">
        <div class="col">
            <h4>Problem 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 prob in Model.SelectedAlgorithm.Problem.Parameters.OrderBy(x => x.Name))
                    {
                        <tr>
                            <td>@prob.Name</td>

                            <td>@prob.ActualValue</td>
                        </tr>

                    }
                </tbody>
            </table>
        </div>
    </div>
    
    
    <script type="text/javascript">
        $(document).ready(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>

</div>