<div>
    <form id="frm" method="post" action="index.html">
        <div class="row">

            <input id="siteId" name="siteId" type="hidden" value="" />
            <div class="col-sm-6">
                <h1 id="title">Subscription license</h1>
            </div>
            <div class="col-sm-6">
                <div class="form-check">
                    <label class="form-check-label" for="perpetual">
                        <input
                            class="form-check-input"
                            type="checkbox"
                            name="perpetual"
                            id="perpetual"
                        />
                        Perpetual license
                    </label>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="registeredTo">Registered to</label>
                    <input
                        class="form-control"
                        type="text"
                        id="registeredTo"
                        name="registeredTo"
                        value=""
                    />
                </div>
            </div>

            <div class="col-sm-6">
                <div class="form-group">
                    <label for="dbId">dbId</label>
                    <input
                        class="form-control"
                        type="text"
                        id="dbId"
                        name="dbId"
                        value=""
                    />
                </div>
            </div>

            <div class="col-sm-6">
                <div class="form-group">
                    <label for="maintenanceExpirationDate">Support expires</label>
                    <input
                        class="form-control"
                        type="date"
                        id="maintenanceExpirationDate"
                        name="maintenanceExpirationDate"
                        value=""
                    />
                    <button
                        id="btn-maint-expires-plus-one-month"
                        class="btn btn-outline-primary"
                    >+1 Month</button>
                    <button
                        id="btn-maint-expires-plus-one-year"
                        class="btn btn-outline-primary"
                    >+1 Year</button>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="form-check">
                    <label class="form-check-label" for="licenseExpires">
                        <input
                            class="form-check-input"
                            type="checkbox"
                            name="licenseExpires"
                            id="licenseExpires"
                            checked
                        />
                        Temporary key / expires
                    </label>
                    <input
                        class="form-control"
                        type="date"
                        id="licenseExpirationDate"
                        name="licenseExpirationDate"
                        value=""
                    />
                    <button
                        id="btn-license-expires-plus-one-month"
                        class="btn btn-outline-primary"
                    >+1 Month</button>
                    <button
                        id="btn-license-expires-plus-one-year"
                        class="btn btn-outline-primary"
                    >+1 Year</button>
                </div>
            </div>

            <div id="perpettechcountblock" class="col-sm-6 d-none">
                <div class="form-group">
                    <label for="techcount">Scheduleable users</label>
                    <input
                        class="form-control"
                        type="number"
                        id="techcount"
                        name="techcount"
                        value="1"
                    />
                </div>
            </div>

            <div id="subusercountblock" class="col-sm-6">
                <div class="form-group">
                    <label for="subusercount">Internal users</label>
                    <input
                        class="form-control"
                        type="number"
                        id="subusercount"
                        name="subusercount"
                        value="1"
                    />
                </div>
            </div>

            <div id="subcustcountblock" class="col-sm-6">
                <div class="form-group">
                    <label for="registeredTo">Customer users</label>
                    <input
                        class="form-control"
                        type="number"
                        id="subcustcount"
                        name="subcustcount"
                        value="100"
                    />
                </div>
            </div>

            <div class="col-sm-6">
                <div class="form-group">
                    <label for="options">Additional features</label>
                    <select
                        class="form-control"
                        name="options"
                        id="options"
                        multiple
                    >
                        <option value="TrialMode">TrialMode</option>
                        <option value="future1">future1</option>
                        <option value="future2">future2</option>
                    </select>
                </div>
            </div>

        </div>

        {{! <div class="app-frm-buttons">
            <button id="btn-revoke" class="btn btn-warning">Revoke</button>
        </div> }}
    </form>
</div>