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

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

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

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

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

<h4>Step 4</h4>

<table>
    <tr>
        <td>
            <label for="Zone">Zone:</label>
        </td>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <span>&nbsp;</span>
        </td>
    </tr>
    <tr>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="Zone 1" id="Zone1Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="Zone 2" id="Zone2Button" />
            </div>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-primary" type="button" value="Zone 3" id="Zone3Button" />
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <label for="NoZone">No Zone - RDS:</label>
        </td>
        <td>
            <div class="form-group">
                <input class="txt txt-primary" type="input" value="" id="RDSInput" /><br />
                <input class="btn btn-warning" type="button" value="Next" id="RDSButton" />
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <span>&nbsp;</span>
        </td>
        <td>
            <div class="form-group">
                <input class="btn btn-warning" type="button" value="Restart" id="RestartButton" />
            </div>
        </td>
    </tr>
</table>

<script>

    function Submit(zone) {
        if (zone === 9) {
            window.location.href = '\Step1';
        }
        else if (zone > 9) {
            var rds = $("#RDSInput").val();
            window.location.href = '\Step6?mod=@(Model[0])&equipment=@(Model[1])&layer=@(Model[2])&zone=0&rds=' + rds;
        }
        else {
            window.location.href = '\Step5?mod=@(Model[0])&equipment=@(Model[1])&layer=@(Model[2])&zone=' + zone;
        }
    }

    $(document).ready(function () {

        $("#Zone1Button").click(function () { Submit(1); });
        $("#Zone2Button").click(function () { Submit(2); });
        $("#Zone3Button").click(function () { Submit(3); });

        $("#RDSButton").click(function () { Submit(123456); });

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

    });
</script>