<div class="row">
    <div class="col-sm-11">
        <blockquote>
            <p>
                Please choose your main character. <em>Pathfinder</em> will take these character if you use the <em>OGB</em>.
                The <em>IGB</em> will autodetect your current character.
            </p>
            <small>You can also change your main characters later on.
            </small>
        </blockquote>

    </div>
</div>

<div class="row text-center">
    {{#charactersData}}
    <div class="col {{gridClass}}">
        <div class="pf-dynamic-area">
            <div data-id="{{id}}" class="{{imageWrapperClass}}
                                {{#isMain}}
                                    {{imageWrapperMainClass}}
                                {{/isMain}}
                                ">
                <div class="pf-dialog-image">
                    <img class="pf-dialog-character-image" src="https://image.eveonline.com/Character/{{id}}_128.jpg" alt="{{characterName}}"/>

                    <div class="{{imageInfoClass}}">
                        <div style="width: 128px">
                            {{#corporation}}
                            <img src="https://image.eveonline.com/Corporation/{{id}}_32.png"/>
                            <div class="pf-dialog-character-info-text"><small>{{name}}</small></div>
                            {{/corporation}}
                            {{#alliance}}
                            <img src="https://image.eveonline.com/Alliance/{{id}}_32.png"/>
                            <div class="pf-dialog-character-info-text"><small>{{name}}</small></div>
                            {{/alliance}}
                        </div>
                    </div>
                </div>
                <div class="pf-dialog-character-name">
                    <small>
                        {{#status}}
                        <i title="{{label}}" class="fa fa-fw fa-circle pf-user-status {{class}}"></i>
                        {{/status}}
                        {{name}}
                    </small>
                </div>
            </div>
        </div>
    </div>
    {{/charactersData}}
</div>

<div class="{{formWarningContainerClass}} alert alert-warning" style="display: none;">
    <span class="txt-color txt-color-warning">Warning</span>
    <small> (important non-critical information)</small>
</div>

<input type="hidden" name="mainCharacterId" value="{{mainCharacter}}">