@model string[]
@{
    ViewData["Title"] = "Step 2";
}

<style>
    html,
    body {
        height: 100%;
    }

    div.container-fluid {
        height: 90%;
    }

    #HeaderGrid,
    #FieldsGrid {
        font-size: 12px;
    }

    .FieldTitle {
        font-weight: bold;
    }
</style>

<h4>Step 2</h4>

<table>
    <tr>
        <td>
            <label for="Equipment">Equipment:</label>
        </td>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <span>&nbsp;</span>
        </td>
    </tr>
    <tr>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="Tencor 1" id="Tencor1Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="Tencor 2" id="Tencor2Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="Tencor 3" id="Tencor3Button" />
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="HgCV 1" id="HgCV1Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="HgCV 2" id="HgCV2Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="HgCV 3" id="HgCV3Button" />
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="BioRad 2" id="BioRad2Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="BioRad 3" id="BioRad3Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="BioRad 4" id="BioRad4Button" />
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="CDE 2" id="CDE2Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="CDE 4" id="CDE4Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="CDE 5" id="CDE5Button" />
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="Restart" id="RestartButton" />
            </div>
        </td>
    </tr>
</table>

<script>

    function Submit(equipment) {
        if (equipment === 'RestartButton') {
            window.location.href = '\Step1';
        }
        else {
            window.location.href = '\Step3?mod=@(Model[0])&equipment=' + equipment;
        }
    }

    $(document).ready(function () {

        $("#Tencor1Button").click(function () { Submit('Tencor1'); });
        $("#Tencor2Button").click(function () { Submit('Tencor2'); });
        $("#Tencor3Button").click(function () { Submit('Tencor3'); });

        $("#HgCV1Button").click(function () { Submit('HgCV1'); });
        $("#HgCV2Button").click(function () { Submit('HgCV2'); });
        $("#HgCV3Button").click(function () { Submit('HgCV3'); });

        $("#BioRad2Button").click(function () { Submit('BioRad2'); });
        $("#BioRad3Button").click(function () { Submit('BioRad3'); });
        $("#BioRad4Button").click(function () { Submit('BioRad4'); });

        $("#CDE2Button").click(function () { Submit('CDE2'); });
        $("#CDE4Button").click(function () { Submit('CDE4'); });
        $("#CDE5Button").click(function () { Submit('CDE5'); });

        $("#RestartButton").click(function () { Submit('RestartButton'); });

    });
</script>