@extends('site.layouts.app', ['blade_503' => true])

@section('title', __('Not Found'))
@section('code', '404')

@section('content')
    <main class="app-content app-content-fnone">
        <div class="server-error">
            <div class="server-error__wrapper">
                <p class="server-error__wrapper-text_middle server-error-text_503">Please feel free to write your questions to <a href="mailto:job@quadcode.com">job@quadcode.com</a>,<br /> a page with all vacancies is going to be updated soon!</p>
                <div class="server-error__wrapper-links">
                    <div class="icon-hh"><a href="https://hh.ru/employer/1876072" target="_blank"></a></div>
                    <div class="icon-instagram"><a href="https://www.instagram.com/quadcode_life/" target="_blank"></a></div>
                    <div class="icon-facebook"><a href="https://www.facebook.com/Quadcode-101709258651312" target="_blank"></a></div>
                    <div class="icon-linkedin"><a href="https://www.linkedin.com/company/quadcodecareer" target="_blank"></a></div>
                </div>
            </div>
        </div>
    </main>
    <script>
        // const serverError = document.querySelector('.server-error');
        // const tabsLang = document.querySelectorAll('.app-header__lang-item');
        // const url = window.location.pathname
        // const urlVariables = url.split('/')
        // const translate = {
        //     'serverErrorEN' : '',
        //     'serverErrorRU' : 'Здесь скоро будет страница c вакансиями, <br />а пока пишите вопросы на <a href="mailto:job@quadcode.com">job@quadcode.com</a>',
        // }

        if(serverError && tabsLang) {
            // const textError = serverError.querySelector('.server-error-text_503');
            // const removeClass = () => {
            //     tabsLang.forEach(item => {
            //         item.classList.remove('is-active')
            //     })
            // }

            setTimeout(() => {
                const popupCookie = document.querySelector('.popup-cookie');
                popupCookie.remove();
            })

            // const langEn = () => {
            //     const langEN = document.querySelector('.js-en');
            //     if(langEN) {
            //         removeClass()
            //         langEN.classList.add('is-active')
            //         textError.innerHTML += translate['serverErrorEN'];
            //     }
            // }
            //
            // const langRu = () => {
            //     const langRU = document.querySelector('.js-ru');
            //     if(langRU) {
            //         removeClass()
            //         langRU.classList.add('is-active')
            //         textError.innerHTML += translate['serverErrorRU'];
            //     }
            // }

            // urlVariables.includes('en') ? langEn() : langRu();
        }
    </script>
@stop