<div id="{{uniqid}}" class="ml_aigen">
    <div id="{{uniqid}}" class="ml_aigen_items">
    {{#items}}
        <div class="ml_aigen_item" data-itemnumber="{{itemnumber}}">
        <fieldset>
            <legend>[{{itemnumber}}] {{name}} </legend>
            Type: {{type}} <br />
            Generate Method:
            <select name="generatemethod">
                <option value="generate">Generate</option>
                <option value="extract">Extract</option>
                <option value="reuse">Re-use</option>
            </select><br>
            <label>Prompt</label>
            <textarea class="ml_aigen_promptbox" name="aigenprompt" data-generateprompt="{{aigenpromptgenerate}}" data-extractprompt="{{aigenpromptextract}}" data-reuseprompt=""  style="width: 100%; max-width: 1200px;">{{aigenprompt}}</textarea>
            <div class="ml_aigen_mappings" data-promptfields="" data-generatemethod="generate" data-aigenplaceholders="{{#aigenplaceholders}}{{.}},{{/aigenplaceholders}},{{#datavars}}{{.}},{{/datavars}}," data-availablecontext="{{#availablecontext}}{{.}},{{/availablecontext}}">
                {{> mod_minilesson/aigenmappings}}
            </div>
            <div class="ml_aigen_filearea_mappings" data-aigenfileareas="{{#aigenfileareas}}{{.}},{{/aigenfileareas}}" data-aigenplaceholders="{{#aigenplaceholders}}{{.}},{{/aigenplaceholders}}{{#datavars}}{{.}},{{/datavars}}--,{{#availablecontext}}{{.}},{{/availablecontext}}" data-availablecontext="--,{{#availablecontext}}{{.}},{{/availablecontext}}" data-contextfileareas="{{#contextfileareas}}{{.}},{{/contextfileareas}}">
                {{> mod_minilesson/aigenfilemappings}}
            </div>
            </fieldset>
            <hr/>
        </div>
    {{/items}}
    </div>
</div>
{{^element.frozen}}
    {{#js}}
        require(['jquery', 'mod_minilesson/aigenmake'], function($, aigenmake) {
            aigenmake.init('{{uniqid}}');
        });
    {{/js}}
{{/element.frozen}}