@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="box">
    <table id="sudoku_board">
        <tbody>
            @for(int j = 0; j < 3; j++)
            {
                <tr>
                @for(int i = 0; i < 3; i++)
                {
                    <td></td>
                    <td></td>
                    <td class="cell_separator"></td>
                }
                </tr>

                <tr>
                @for(int i = 0; i < 3; i++)
                {
                    <td></td>
                    <td></td>
                    <td class="cell_separator"></td>
                }
                </tr>

                <tr class="sudoku_row_separator">
                @for(int i = 0; i < 3; i++)
                {
                    <td></td>
                    <td></td>
                    <td class="cell_separator"></td>
                }
                </tr>
            }
        </tbody>
    </table>
</div>

<p class="box" id="message"></p>

<div class="box">
    <button type="button" onclick="clear_board()">Clear</button>
    <button type="button" onclick="fill_default()">Preset 1</button>
    <button type="button" onclick="solve()">Solve</button>
    <button type="button" onclick="show_all_solutions()">Update Solution Table</button>
</div>

<div class="dx-viewport">
    <div id="allsolutions"></div>
</div>