@(loginForm: Form[(String,String)], errorMsg: Option[String] = None)(implicit request: RequestHeader)

@import helper._
@import securesocial.core.Registry
@import securesocial.core.AuthenticationMethod._
@import securesocial.core.providers.UsernamePasswordProvider.UsernamePassword



@main(Messages("securesocial.login.title")) {
    <div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 panel panel-default">
        <div class="page-header">
            <h1>@Messages("securesocial.login.title")</h1>
        </div>

        @errorMsg.map { msg =>
            <div class="alert alert-danger">
                @Messages(msg)
            </div>
        }

        @request.flash.get("success").map { msg =>
            <div class="alert alert-info">
                @msg
            </div>
        }

        @request.flash.get("error").map { msg =>
            <div class="alert alert-danger">
                @msg
            </div>
        }

        @defining( Registry.providers.all.values.filter( _.id != UsernamePassword) ) { externalProviders =>
            @if(externalProviders.size == 1 && !(play.Play.application().configuration().getBoolean("enableUsernamePassword") && Registry.providers.get(UsernamePassword).isDefined)){
                <script type="text/javascript">
                        $( document ).ready(function() {
                            window.location = "@externalProviders.head.authenticationUrl";
                        });
                </script>
            }

            @if( externalProviders.size > 0 ) {
                    <div class="clearfix">
                        <p>@Messages("securesocial.login.instructions")</p>
                        <p>
                        @for(p <- externalProviders) {
                            @provider(p.id)
                        }
                        </p>
                    </div>

            }
            @if(play.Play.application().configuration().getBoolean("enableUsernamePassword")) {
                @Registry.providers.get(UsernamePassword).map { up =>
                    <div class="clearfix">
                        @if( externalProviders.size > 0 ) {
                            <p>@Messages("securesocial.login.useEmailAndPassword")</p>
                        } else {
                            <p>@Messages("securesocial.login.useEmailAndPasswordOnly")</p>
                        }

                       @provider("userpass", Some(loginForm))
                    </div>
                }
            } else {
                <div class="clearfix">
                    <p>Please select one of the login methods above.</p>
                </div>
            }
        }
    </div>
}