<template name="nonTargetLesionDialog">
    <div id="nonTargetLesionLocationDialog" tabindex="0">
        <div class="dialogHeader">
            <h4>Select Lesion Location</h4>
        </div>
        <div class="dialogContent">
            <div class="lesionLocation">
                <label>Lesion Location</label>
                <select id="selectNonTargetLesionLocation">
                    <option value="-1"></option>
                    {{ #each lesionLocations}}
                    <option value={{_id}}>{{location}}</option>
                    {{ /each}}
                </select>
            </div>
            <div class="locationResponse">
                <label>Response</label>
                <select id="selectNonTargetLesionLocationResponse">
                    <option value="-1" selected="true"></option>
                    {{ #each locationResponses}}
                    {{ #if code }}
                        <option value={{code}} selected={{selected}}>{{code}} - {{text}}</option>
                    {{ else }}
                        <option value={{text}} selected={{selected}}>{{text}}</option>
                    {{ /if }}
                    {{ /each}}
                </select>
            </div>
            <div class="locationOK">
                <button class="btn btn-primary" id="nonTargetLesionOK">OK</button>
            </div>
        </div>
    </div>

    <div id="nonTargetLesionRelabelDialog" tabindex="0">
        <div class="dialogHeader">
            <h4>Select Lesion Location</h4>
        </div>
        <div class="dialogContent">
            <div class="lesionLocation">
                <label>Lesion Location</label>
                <select id="selectNonTargetLesionLocation">
                    <option value="-1"></option>
                    {{ #each lesionLocations}}
                    <option value='{{_id}}' selected={{selected}}>{{location}}</option>
                    {{ /each}}
                </select>
            </div>
            <div class="locationResponse">
                <label>Response</label>
                <select id="selectNonTargetLesionLocationResponse">
                    <option value="-1" selected="true"></option>
                    {{ #each locationResponses}}
                    {{ #if code }}
                    <option value={{code}} selected={{selected}}>{{code}} - {{text}}</option>
                    {{ else }}
                    <option value={{text}} selected={{selected}}>{{text}}</option>
                    {{ /if }}
                    {{ /each}}
                </select>
            </div>
            <div class="locationOK">
                <button class="btn btn-link" id="removeLesion">Remove</button>
                <div class="btn-group">
                    <button type="button" class="btn btn-link dropdown-toggle"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Convert
                    </button>
                    <div class="dropdown-menu">
                        {{ #each conversionOptions }}
                        <a class="btn btn-link dropdown-item convertNonTarget" data-type="{{id}}">{{name}}</a>
                        {{ /each }}
                    </div>
                </div>
                <button class="btn btn-primary" id="nonTargetLesionOK">OK</button>
            </div>
        </div>
    </div>
</template>