<?php
    if ($_SERVER['REQUEST_URI'] == '/locale/en') {
        App::setLocale('en');
    } else {
        App::setLocale('ru');
    }
?>

<?php $__env->startSection('title', __('Not Found')); ?>
<?php $__env->startSection('code', '404'); ?>

<?php $__env->startSection('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"></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' : '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!',
            '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>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('site.layouts.app', [
    'blade_503' => true
], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/quadcode-jobs/resources/views/errors/503.blade.php ENDPATH**/ ?>