{#template LOGINFORM}
<div class="popupForm modal formcontainer">

    <div class="modal-header">
        <button class="close" data-dismiss="modal" type="button">&times;</button>
        <h3>{$T.labels.loginDialogHeader}</h3>
    </div>

    <div class="modal-body">
        <fieldset class="form-horizontal">

            <div class="control-group">
                <label class="control-label">{$T.labels.loginField}<span class="required">*</span></label>
                <div class="controls">
                    <input type="text" class="required" name="login" value="" />
                </div>
            </div>

            <div class="control-group">
                <label class="control-label">{$T.labels.passwordField}<span class="required">*</span></label>
                <div class="controls">
                    <input type="password" class="required" name="password" />
                </div>
            </div>

            <div class="control-group">
                <div class="controls">
                    <input type="checkbox" name="remember_me" value="True" /><label style="display: inline; margin-left: 5px;" for="remember_me">{$T.labels.rememberMeField}</label>
                </div>
            </div>
            <div class="error" style="display: none">{$T.labels.loginFailedMsg}</div>

            <div class="control-group">
                <div class="controls">
                    {#if $T.externalLogin}
                    {#if $T.externalLogin.facebook}


                    <table cellpadding="0" cellspacing="0">
                        <tr>
                            <td><a class="fb_button fb_button_medium facebooklogin logo" href="javascript:void(0)"><span></span></a></td>
                            <td>
                                <a class="fb_button fb_button_medium facebooklogin caption" href="javascript:void(0)">
                                    <span class="fb_button_text">{$T.labels.fbLoginButtonText}</span>
                                </a>
                            </td>
                        </tr>
                    </table>

                    {#/if}
                    {#/if}
                </div>
            </div>

        </fieldset>

    </div>

    <div class="modal-footer">
        <a href="javascript:void(0)" class="btn" data-dismiss="modal">{$T.labels.cancelButtonText}</a>

        {#if $T.labels.registerButtonText}
        <a href="javascript:void(0)" class="btn register">{$T.labels.registerButtonText}</a>
        {#/if}
        {#if $T.forgotPasswordEnabled}
        <a href="javascript:void(0)" class="btn forgotpassword">{$T.labels.forgotPwdButtonText}</a>
        {#/if}

        <a href="javascript:void(0)" class="btn btn-primary login">{$T.labels.loginButtonText}</a>
    </div>
</div>
{#/template LOGINFORM}

{#template VIDEOPLAYERFORM}
<div class="popupForm modal formcontainer">

    <div class="modal-header">
        <button class="close" data-dismiss="modal" type="button">&times;</button>
        <h3 title="{$T.title}">{$T.title}</h3>
    </div>
    <div class="modal-body">
        <div class="player">
            <iframe width="480" height="360" src="https://www.youtube.com/embed/{$T.id}" frameborder="0" allowfullscreen></iframe>
        </div>
    </div>

    <div class="modal-footer">
        <a href="javascript:void(0)" data-dismiss="modal" class="btn">{$T.labels.closeButtonText}</a>
    </div>
</div>
{#/template VIDEOPLAYERFORM}

{#template SUBSCRIBEGOOGLEFORM}
<div class="popupForm google-form modal formcontainer">

    <div class="modal-header">
        <button class="close" data-dismiss="modal" type="button">&times;</button>
        <h3 title="{$T.title}">{$T.title}</h3>
    </div>
    <div class="modal-body">
        <div class="googleForm">
            <iframe src="{$T.link}?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
        </div>
    </div>

    <div class="modal-footer">
        <a href="javascript:void(0)" data-dismiss="modal" class="btn">{$T.labels.closeButtonText}</a>
    </div>
</div>
{#/template SUBSCRIBEGOOGLEFORM}

{#template PROFILEFORM}
<div class="container page-header">
    <h1>{$T.labels.profileDialogHeader}</h1>
</div>

<div class="profile">
    <div class="container">
        <form class="form-horizontal">
            <div class="row-fluid">
                <div class="well">
                    <div class="control-group">
                        <label class="control-label">{$T.labels.loginField}<span class="required">*</span></label>
                        <div class="controls">
                            <input type="text" class="readonly" name="login" readonly />
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">{$T.labels.emailField}<span class="required">*</span></label>
                        <div class="controls">
                            <input type="text" class="required email" name="email" />
                        </div>
                    </div>

                    <h3>{$T.labels.changePasswordField}</h3>

                    <hr />

                    <div class="changepasswordeditor" border="0" cellpadding="2" cellspacing="0">
                        <div class="control-group">
                            <label class="control-label"><span class="subCaption">{$T.labels.oldPasswordField}</span></label>
                            <div class="controls">
                                <input type="password" class="passwordOld" name="password_old" />
                            </div>
                        </div>

                        <div class="control-group">
                            <label class="control-label"><span class="subCaption">{$T.labels.newPasswordField}</span></label>
                            <div class="controls">
                                <input type="password" class="passwordNew" name="password" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="error" style="display: none"></div>

            <div class="row-fluid">
                <a href="javascript:void(0)" class="btn btn-primary save">{$T.labels.saveButtonText}</a>
                <a href="javascript:void(0)" class="btn cancel">{$T.labels.cancelButtonText}</a>
            </div>
        </form>
    </div>
</div>

<br />

<div class="clear"></div>
{#/template PROFILEFORM}

{#template REGISTERFORM}
<div class="popupForm modal formcontainer">

    <div class="modal-header">
        <button class="close" data-dismiss="modal" type="button">&times;</button>
        <h3>{$T.labels.registerDialogHeader}</h3>
    </div>
    <div class="modal-body">
        <fieldset class="form-horizontal">

            <div class="control-group">
                <label class="control-label">{$T.labels.loginField}<span class="required">*</span></label>
                <div class="controls">
                    <input type="text" class="required" name="login" value="" />
                </div>
            </div>

            <div class="control-group">
                <label class="control-label">{$T.labels.passwordField}<span class="required">*</span></label>
                <div class="controls">
                    <input type="password" class="required" name="password" />
                </div>
            </div>

            <div class="control-group">
                <label class="control-label">{$T.labels.nameField}</label>
                <div class="controls">
                    <input type="text" name="name" value="" />
                </div>
            </div>
            <div class="control-group">
                <label class="control-label">{$T.labels.emailField}<span class="required">*</span></label>
                <div class="controls">
                    <input type="text" class="required email" name="email" />
                </div>
            </div>
            <div class="error" style="display: none"></div>
        </fieldset>
    </div>
    <div class="modal-footer">
        <a href="javascript:void(0)" data-dismiss="modal" class="btn">{$T.labels.cancelButtonText}</a>
        <a href="javascript:void(0)" class="btn btn-primary register">{$T.labels.createProfileButtonText}</a>
    </div>
</div>
{#/template REGISTERFORM}

{#template FORGOTPASSWORDFORM}
<div class="popupForm modal formcontainer">

    <div class="modal-header">
        <button class="close" data-dismiss="modal" type="button">&times;</button>
        <h3>{$T.labels.forgotPwdDialogHeader}</h3>
    </div>
    <div class="modal-body">

        <fieldset class="form-horizontal">
            <div class="control-group">
                <label class="control-label">{$T.labels.loginOrEmailField}<span class="required">*</span></label>
                <div class="controls">
                    <input type="text" class="required" name="userid" value="" />
                </div>
            </div>
        </fieldset>

        <div class="error" style="display: none"></div>
    </div>

    <div class="modal-footer">
        <a href="javascript:void(0)" data-dismiss="modal" class="btn">{$T.labels.cancelButtonText}</a>
        <a href="javascript:void(0)" class="btn btn-primary forgotpassword">{$T.labels.forgotPwdButtonText}</a>
    </div>
</div>
{#/template FORGOTPASSWORDFORM}

{#template CHANGEPASSWORDFORM}
<div class="popupForm modal formcontainer">

    <div class="modal-header">
        <button class="close" data-dismiss="modal" type="button">&times;</button>
        <h3>{$T.labels.forgotPwdDialogHeader}</h3>
    </div>
    <div class="modal-body">
        <fieldset class="form-horizontal">

            <div class="control-group">
                <label class="control-label">{$T.labels.newPasswordField}<span class="required">*</span></label>
                <div class="controls">
                    <input type="password" class="required" name="newpassword" value="" />
                </div>
            </div>

            <div class="error" style="display: none"></div>
        </fieldset>
    </div>

    <div class="modal-footer">
        <a href="javascript:void(0)" data-dismiss="modal" class="btn">{$T.labels.cancelButtonText}</a>
        <a href="javascript:void(0)" class="btn btn-primary forgotpassword">{$T.labels.forgotPwdButtonText}</a>
    </div>
</div>
{#/template CHANGEPASSWORDFORM}

{#template FEEDBACKFORM}
<div class="popupForm modal formcontainer piracy">
    <div class="modal-header">
        <button class="close" data-dismiss="modal" type="button">&times;</button>
        {#if $T.type == 'piracy'}
        <h3>Report About Piracy</h3>
        {#/if}
        {#if $T.type == 'question'}
        <h3>Ask a Question</h3>
        {#/if}
    </div>
    <div class="modal-body">
        {#if $T.type == 'question'}
        <fieldset class="form-horizontal">

            <div class="control-group">
                <label class="control-label"><%=WebManager.GetLabel("Email",this) %><span class="required">*</span></label>
                <div class="controls">
                    <input type="text" name="email" class="required email" value="" />
                </div>
            </div>

            <div class="control-group">
                <label class="control-label"><%=WebManager.GetLabel("Name",this) %><span class="required">*</span></label>
                <div class="controls">
                    <input type="text" name="username" class="required" value="" />
                </div>
            </div>

            <div class="control-group">
                <label class="control-label"><%=WebManager.GetLabel("Message", this)%><span class="required">*</span></label>
                <div class="controls">
                    <textarea name="message" class="required"></textarea>
                </div>
            </div>

        </fieldset>

        <div class="error" style="display: none"></div>
        {#/if}
        {#if $T.type == 'piracy'}
        <iframe src="https://www.digimarc.com/products/guardian/submit-report-embedded" frameborder=0 width="100%" height="400px"></iframe>
        {#/if}
    </div>
    {#if $T.type == 'question'}
    <div class="modal-footer">
        <a href="javascript:void(0)" data-dismiss="modal" class="btn"><%=WebManager.GetLabel("Cancel",this) %></a>
        <a href="javascript:void(0)" class="btn btn-primary submit"><%=WebManager.GetLabel("Submit",this) %></a>
    </div>
    {#/if}
</div>
{#/template FEEDBACKFORM}