{% extends 'refonte/Authentification/base.html.twig' %}
{% block title %}User Authentification{% endblock %}
{% block stylesheets %}
{{ encore_entry_link_tags('authentification') }}
{% endblock %}
{% block body %}
<style>
/* Left Panel */
.left-panel {
background: url('{{ asset('/assets/images/svg/Section.svg') }}') no-repeat center center;
}
</style>
<div class="container-fluid m-0 p-0">
<!-- Left Panel -->
<div class="left-panel d-none d-lg-flex">
<a href="{{ path('homepage') }}" class="stretched-link"></a>
<div class="mx-auto my-auto icons">
<a href='https://www.facebook.com/guide.journal.3' target="_blank"> <img src="{{ asset('/assets/images/refonte/icons/fb.svg') }}" alt="fb"></a>
<a href='https://www.instagram.com/guidejournal22/' target="_blank"> <img src="{{ asset('/assets/images/refonte/icons/instagram.svg') }}" alt="instagram"></a>
<a href="https://www.linkedin.com/company/researchguidenet" target="_blank">
<img src="{{ asset('/assets/images/refonte/icons/linkedin-icon.svg') }}" alt="linkedin">
</a>
<a href='https://www.youtube.com/channel/UCgouL9eAodmPKXckGsTPRWw' target="_blank">
<img src="{{ asset('/assets/images/refonte/icons/youtube.svg') }}" alt="youtube">
</a>
</div>
</div>
<!-- Right Panel -->
<div class="right-panel">
<a onclick="window.history.back()" class="back-link"><i class="fa fa-arrow-left"></i>Go back</a>
{% for message in app.flashes('success') %}
<div class="alert alert-success alert-dismissible alert-success-journal mx-auto d-flex mb-4" role="alert">
<span class="">{{ message|raw }}</span>
<span type="button" class="close position-static ml-auto" data-dismiss="alert" aria-label="Close" style="padding: 0 !important;"><span aria-hidden="true">×</span></span>
</div>
{% endfor %}
{% for message in app.flashes('error') %}
<div class="alert alert-danger alert-dismissible alert-danger-journal mx-auto d-flex mb-4" role="alert">
<span class="">{{ message|raw }}</span>
<span type="button" class="close position-static ml-auto" data-dismiss="alert" aria-label="Close" style="padding: 0 !important;"><span aria-hidden="true">×</span></span>
</div>
{% endfor %}
{% for message in app.flashes('info') %}
<div class="alert flash-msg alert-primary border-0 alert-dismissible mt-2">
<button type="button" class="close" data-dismiss="alert"><span>×</span></button>
<div>{{ message|raw }}</div>
</div>
{% endfor %}
<h1>Join {{ appName | replace({'\"':''}) }} <br/> Boost Your Scientific Impact!</h1>
<p style="font-size: 16px">
Connect with a <b>global network of researchers, universities, and industries</b>,<br/> unlock <b>funding opportunities</b>, collaborate on
<b>cutting-edge</b> projects, <br/> and leverage <b>powerful tools</b> to take your research and career to the next level!
</p>
<!-- Buttons -->
<a href="{{ path('connect_google_start', {'urlRefer': app.request.headers.get('referer')}) }}" class="btn btn-google">
<img class="img-fluid" src="{{ asset('assets/images/refonte/icons/google.svg') }}" alt="google"/>
Continue with Google
</a>
<a href="{{ path('connect_linkedin_start', {'urlRefer': app.request.headers.get('referer')}) }}" class="btn btn-linkedin">
<img class="img-fluid" src="{{ asset('assets/images/refonte/icons/linkedin.svg') }}" alt="linkedin"/>
Continue with LinkedIn
</a>
<a href="{{ path('register') }}" class="btn btn-primary">Create your account</a>
<p class="mt-1"> Have an account? <a href="{{ path('login_new') }}" style="color: #FF8961; text-decoration: none;font-weight: bold">Sign in</a></p>
<div class="text-center haveAccount" style="font-size: 14px;">
<p class="terms text-center" style="font-size: 16px">
By signing up, you agree to the <a href="">Terms of Use</a> and the <br> <a href="{{ path('privacy-policy') }}">Privacy Policy</a>, including the <a href="{{ path('privacy-policy') }}">Use of Cookies</a>.
</p>
<p class="mt-2 mb-0 pt-2">If you encounter login problems, please <a href="{{ path('contact-us') }}">contact us</a></p>
</div>
{# <a href="{{ path('login_new') }}" class="btn btn-primary">Sign in</a>#}
</div>
</div>
{% endblock %}