{% extends 'BaseTemplate.nopage' %}

{% set jobFields = customFields(job, [1], false) %}
{% set jobDescription = jobFields[1] %}
{% set jobUrl = buildJobDetailUrl(PORTAL_URL, job) %}

{% block extraBodyClass %}inner-page reg-page user-type{% endblock %}

{% block metadescription %}
    <meta property="og:title" content="{{ job.jobname|e }}" />
    <meta property="og:description" content="{{ jobDescription|striptags|limit(200) }}" />
    <meta name="Description" content="{{ META_DESCRIPTION }}" />
{% endblock %}

{% block navigation %}
    {% if USER or CONTACT_CREATED %}{% endif %}
    {% include 'tpt/navigation.tpt' %}
{% endblock %}

{% block content %}
    {{ pageType('login,viewJob') }}
    {{ setApplyPage( profilePage ) }}

    {{ setSocialRedirect(PORTAL_URL ~ 'SocialRegister') }}
    {{ setLoginAftertSocial(false) }}

    {{ joblist('12') }}
    {{ setJobId(job.jobId) }}

    {% set applicationUrl = registerPage %}

    <div id="apply-methods">

        <div class="first-time-app">

            <h3>FIRST TIME <span>APPLICANTS</span></h3>

            <ul class="first-options-apply voutique-type">

                <li>
                    <a href="{{ buildUrl(applicationUrl, URL_QUERY, extraParams) }}" class="saveButton">Create your profile now!</a>
                </li>

            </ul>
            <!-- first-options-apply -->

            <p>Or register using:</p>

            <div class="first-options-apply multiple-type">

                <ul class="ul-social">
                    <div id="social-jobdetail">
                        <ul>
                            <li class="social-facebook">
                                <a  rel="nofollow"
                                    target="_blank"
                                    onclick="return openSocialSharePopup(this.href, 'Facebook');"
                                    title="Facebook"
                                    href="{{ LOGINWITHFACEBOOK }}">
                                </a>
                            </li>
                            <li class="social-gplus">
                                <a  rel="nofollow"
                                    target="_blank"
                                    onclick="return openSocialSharePopup(this.href, 'GooglePlus');"
                                    title="Google Plus"
                                    href="{{ LOGINWITHGOOGLEPLUS }}">
                                </a>
                            </li>
                            <li class="social-linkedin">
                                <a  rel="nofollow"
                                    target="_blank"
                                    onclick="return openSocialSharePopup(this.href, 'Linkedin');"
                                    title="LinkedIn"
                                    href="{{ LOGINWITHLINKEDIN }}">
                                </a>
                            </li>
                        </ul>
                    </div>
                </ul>

            </div>
            <!-- first-options-apply -->

        </div>
        <!-- first-time-app -->

        <div class="Login">

            <h3>Have you applied before?</h3>
            <p>Enter your details below:</p>

            <div class="loginSignBox">
                <form action="{{ buildUrl(loginPage, URL_QUERY) }}" autocomplete="on" method="post" id="Login" class="generalForm">
                    <div>
                        <input type="text" name="username" id="username" placeholder="Username" value="{{ username }}" required="required" autofocus="autofocus" />
                    </div>
                    {% if ERROR.username %}<p class="errorMessage">{{ ERROR.username }}</p>{% endif %}
                    <div>
                        <input type="password" name="Password" id="password" placeholder="Password" required="required" />
                    </div>
                    {% if ERROR.password %}<p class="errorMessage">{{ ERROR.password }}</p>{% endif %}
                    {% if ERROR.login %}<p class="errorMessage ">{{ ERROR.login }}</p>{% endif %}
                    <p>
                        <a href="{{ PORTAL_URL ~ 'ResetPassword?forgotpassword=true' }}">Forgot your password?</a>
                    </p>

                    <div id="sign-social-media" class="loginSocialMedia">
                        <ul class="ul-social">
                            <div id="social-jobdetail">
                                <ul>
                                    <li class="social-facebook">
                                        <a  rel="nofollow"
                                            target="_blank"
                                            onclick="return openSocialSharePopup(this.href, 'Facebook');"
                                            title="Facebook"
                                            href="{{ LOGINWITHFACEBOOK }}">
                                        </a>
                                    </li>
                                    <li class="social-gplus">
                                        <a  rel="nofollow"
                                            target="_blank"
                                            onclick="return openSocialSharePopup(this.href, 'GooglePlus');"
                                            title="Google Plus"
                                            href="{{ LOGINWITHGOOGLEPLUS }}">
                                        </a>
                                    </li>
                                    <li class="social-linkedin">
                                        <a  rel="nofollow"
                                            target="_blank"
                                            onclick="return openSocialSharePopup(this.href, 'Linkedin');"
                                            title="LinkedIn"
                                            href="{{ LOGINWITHLINKEDIN }}">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </ul>
                    </div>

                    <div>
                        <button name="login" type="submit" class="nextButton blue-button">CONTINUE</button>
                    </div>
                </form>
            </div>
            <!-- loginSignBox -->
        </div>
        <!-- Login -->
   </div>
  <!-- apply-methods -->
{% endblock %}