<div class="container" style="margin-top: 60px;">
    <p class="bigger-text">Please choose which license type (subscription, perpetual, etc.) and which product (LT, PRO, LIVE, etc.) you want to order.</p>

    <select id="category-select" class="form-control">
        <option value="" disabled selected>---Select license type---</option>
        <option value="perp" <?= $selected_category == 'perp' ? 'selected' : '' ?>>Perpetual</option>
        <option value="subscription" <?= $selected_category == 'subscription' ? 'selected' : '' ?>>Subscription</option>
        <option value="upgrade" <?= $selected_category == 'upgrade' ? 'selected' : '' ?>>Upgrades and crossgrades</option>
        <option value="nonprofit" <?= $selected_category == 'nonprofit' ? 'selected' : '' ?>>Non-profit, education and hardlock change</option>
    </select>
    <br />

    <form id="product-form" method="post" action="/weborder/index">
        <input type="hidden" id="prod_id" name="prod_id" value="<?= $selected_product ?>" />
        <input type="hidden" id="category" name="category" value="" />

        <select id="product-select" class="form-control"></select>
    </form>
</div>