@{
    ViewData["Title"] = "Reactor";
}
<style>
    #RunGridDiv,
    #DetailsGridDiv {
        font-size: 12px;
    }
</style>

<h4>Reactor</h4>

<form class="form-inline mb-4">
    <div class="form-group" id="EvenReactorDiv">
        <button for="EvenReactor">Even Reactor</button>
        <label for="EvenReactor">Even Reactor</label>
        <div class="form-control" id="EvenReactor" hidden></div>
    </div>
    <div class="form-group" id="OddReactorDiv">
        <button for="OddReactor">Odd Reactor</button>
        <label for="OddReactor">Odd Reactor</label>
        <div class="form-control" id="OddReactor" hidden></div>
    </div>&nbsp;&nbsp;
    <div class="form-group">
        <input class="btn btn-primary" type="button" value="Load Runs" id="LoadRunsButton" />
    </div>&nbsp;&nbsp;
</form>

<div class="row" style="margin-top: 10px; margin-bottom: 20px;">
    <div class="col-xs-1">
        <input type="button" class="btn" id="GetDataButton" value="Get Data" disabled />
    </div>
</div>

<script>

    $(document).ready(function () {

        initReactor("@ViewBag.ApiUrl");
        
        $("#EvenReactorDiv").prop("hidden", true);
        $("#OddReactorDiv").prop("hidden", true);

        $("#RunGrid").on("dblclick", "tr", LoadDetails);

        $("#LoadRunsButton").click(LoadRunGrid);

        $("#GetDataButton").click(LoadDetails);

    });

</script>