{{ $context := . }}

<table class="table table-sm table-striped table-bordered">
    <thead>
    <tr>
        <th>Id</th>
        <th>Name</th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    {{ range $context.Categories }}

    {{ if ne $context.EditId .ID }}
    <tr>
        <td>{{ .ID }}</td>
        <td>{{ .CategoryName }}</td>
        <td class="text-center">
            <form method="post" action="{{ $context.EditUrl }}">
                <input type="hidden" name="id" value="{{ .ID }}"/>
                <button type="submit" class="btn btn-sm btn-warning">Edit</button>
            </form>
        </td>
    </tr>
    {{ else }}
    <tr>
        <form method="post" action="{{ $context.SaveUrl }}">
            <td><input type="hidden" name="id" value="{{ .ID }}"/><input
                    type="text" value="{{ .ID }}" class="form-control" size="3" disabled/></td>
            <td><input type="text" name="CategoryName" value="{{ .CategoryName }}" class="form-control" size="12"/></td>
            <td>
                <button type="submit" class="btn btn-sm btn-danger">Save</button>
            </td>
        </form>
    </tr>
    {{ end }}


    {{ end }}
    </tbody>
    {{ if eq $context.EditId 0 }}
    <tfoot>
    <tr>
        <td colspan="6" class="text-center">Add New Product</td>
    </tr>
    <tr>
        <form method="post" action="{{ $context.SaveUrl }}">
            <td>-</td>
            <td><input type="text" name="CategoryName" class="form-control" size="12"/></td>
            <td>
                <button type="submit" class="btn btn-sm btn-danger">Save</button>
            </td>
        </form>
    </tr>
    </tfoot>
    {{ end }}
</table>