{% extends "Includes/layout_ats.html.twig" %}

{% block title %}Daf ATS{% endblock %}

{% block pageheader %}Jobs ATS{% endblock %}

{% block body %}
    {% set header = 'no' %}
    {% set sidebar = 'no' %}
    <main class="row main mx-0 min-vw-100 vh-100">
        {{ include('Includes/aside_ats.html.twig') }}
        <div class="container m-auto flex-column">
            <div class="logo pb-4" style="margin-top: -176px; margin-bottom: 169px;margin-left: -30px;">
                <img src="{{ asset('Dashboard/img/goldenlogolight.png') }}" height="96px" alt="goldenbees logo" class="img-fluid m-auto" />
            </div>
            <div class="d-flex w-50 mx-auto mb-3" style="margin-top: -100px;">
                <a href="{{ path('ats_global_overview') }}" class="text-decoration-none">
                    <div class="card card-select-connection border-0 mr-2 text-center py-3 fade-in">
                        <div class="text-right">
                            <div class="radio px-3 d-none">
                                <label>
                                    <input type="radio" class="option-input radio" name="example" />
                                </label>
                            </div>
                        </div>
                        <div class="card-image">
                            <img src="{{ asset('Dashboard/img/ats.png') }}" alt="" class="img-fluid m-auto">
                        </div>
                        <div class="card-text mt-4 font-400">
                            ATS
                        </div>
                    </div>
                </a>
                <a href="{{ path('self_index') }}" class="text-decoration-none">
                    <div class="card card-select-connection border-0 ml-2 text-center py-3 fade-in">
                        <div class="text-right">
                            <div class="radio px-3 d-none">
                                <label>
                                    <input type="radio" class="option-input radio" name="example" />
                                </label>
                            </div>
                        </div>
                        <div class="card-image ">
                            <img src="{{ asset('Dashboard/img/self.png') }}" alt="" class="img-fluid m-auto">
                        </div>
                        <div class="card-text mt-4 font-400">
                            SELF
                        </div>
                    </div>
                </a>
            </div>
            <button class="btn btn-primary border-rounded-50 px-5 mx-auto d-block" style="margin-top: 50px; display: none !important;">
                <a href="{{ path('ats_global_overview') }}" class="text-white font-400 text-decoration-none">{{ 'Log in'|trans }}</a>
            </button>
        </div>
    </main>
{% endblock %}
{% block specificJS %}
    <script type="text/javascript">
    </script>
{% endblock %}