list_vacancies.blade.php 27.7 KB
@extends('layout.frontend', ['title' => 'Вакансии РекаМоре'])

@section('scripts')
    <script>
        console.log('Test system');
        $(document).on('change', '.jobs', function() {
            var val = $(this).val();

            console.log('Click change...');
            $.ajax({
                type: "GET",
                url: "{{ route('vacancies') }}",
                data: "job="+val,
                success: function (data) {
                    console.log('Выбор должности');
                    console.log(data);
                    $('#block_ajax').html(data);
                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                error: function (data) {
                    data = JSON.stringify(data);
                    console.log('Error: ' + data);
                }
            });
        });
    </script>
@endsection

@section('content')
    <section class="thing">
        <div class="container">
            <form class="thing__body">
                <ul class="breadcrumbs thing__breadcrumbs">
                    <li><a href="{{ route('index') }}">Главная</a></li>
                    <li><a href="{{ route('vacancies') }}">Вакансии</a></li>
                    <li><b>{{ isset($Name_categori) ? $Name_categori : 'Все категории' }}</b></li>
                </ul>
                <h1 class="thing__title">Вакансии</h1>
                <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
                    существующих финансовых и административных условий.</p>
                <div class="select select_search thing__select">
                    <div class="select__icon">
                        <svg>
                            <use xlink:href="images/sprite.svg#search"></use>
                        </svg>
                    </div>
                    <select class="js-select2" id="jobs" name="jobs">
                        <option value="0" disabled selected>Выберите должность</option>
                        @if ($Job_title->count())
                            @foreach($Job_title as $JT)
                                <option value="{{ $JT->id }}">{{ $JT->name }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </form>
        </div>
    </section>
    <main class="main">
        <div class="container">
            <div class="main__vacancies">
                <h2 class="main__vacancies-title">Категория вакансий ВТОРОЙ МЕХАНИК</h2>
                <div class="filters main__vacancies-filters">
                    <div class="filters__label">Показано 5 из 165 результатов поиска</div>
                    <div class="filters__body">
                        <div class="select filters__select">
                            <select class="js-select2">
                                <option>Сортировка (по умолчанию)</option>
                                <option>Сортировка 1</option>
                                <option>Сортировка 2</option>
                                <option>Сортировка 3</option>
                                <option>Сортировка 4</option>
                                <option>Сортировка 5</option>
                                <option>Сортировка 6</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="main__vacancies-item main__employer-page-two-item">
                    <a href="#" class="back main__employer-page-two-item-back">
                        <svg>
                            <use xlink:href="images/sprite.svg#back"></use>
                        </svg>
                        <span>
                                Вернуться к списку вакансий
                            </span>
                    </a>
                    <div class="main__employer-page-two-item-toper">
                        <img src="images/12.jpg" alt="">
                        <span>Наяда</span>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
                            специалистов на следующие должности:</div>
                        <div class="main__employer-page-two-item-text-links">
                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><span>трудоустройство по ТК РФ;</span></li>
                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
                                            мед. осмотра);</span></li>
                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
                                <li><span>оплату проживания на время ожидания судна;</span></li>
                                <li><span>обучение и продление документов за счет компании;</span></li>
                                <li><span>компенсацию медицинской комиссии;</span></li>
                                <li><span>обеспечение спецодеждой;</span></li>
                                <li><span>коллективное питание;</span></li>
                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
                                            оздоровительные лагеря для детей сотрудников;</span></li>
                                <li><span>возможности профессионального развития с помощью корпоративных программ
                                            обучения;</span></li>
                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
                                            представителями руководства компании.</span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
                                <li><span>опыт работы в должности;</span></li>
                                <li><span>наличие речных документов (желательно);</span></li>
                                <li><span>знание английского языка.</span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><a href="#">hr@volgaflot.com</a></li>
                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-tags">
                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
                        <span class="main__employer-page-two-item-tag">#моторист</span>
                    </div>
                    <div class="main__employer-page-two-item-buttons">
                        <button type="button"
                                class="button main__employer-page-two-item-button">Откликнуться</button>
                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
                    </div>
                    <div class="main__employer-page-two-item-bottom">
                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
                            <svg>
                                <use xlink:href="images/sprite.svg#heart"></use>
                            </svg>
                        </button>
                    </div>
                </div>
                <div class="main__vacancies-thing">
                    <img src="images/13.jpg" alt="" class="main__vacancies-thing-pic">
                    <div class="main__vacancies-thing-body">
                        <h2>ООО «Флот Эксперт»</h2>
                        <p><b>Приветствуем Вас коллеги!</b></p>
                        <p>Уведомления о новых вакансиях можно получать подписавшись на наш телеграм канал!
                            <br>Ссылка: <a href="#">https://t.me/rekamore_su</a></p>
                        <p>А еще это добавляет + 50 к карме, но это не точно)</p>
                        <a href="#" class="button">Узнать больше</a>
                    </div>
                </div>
                <div class="main__vacancies-item main__employer-page-two-item">
                    <a href="#" class="back main__employer-page-two-item-back">
                        <svg>
                            <use xlink:href="images/sprite.svg#back"></use>
                        </svg>
                        <span>
                                Вернуться к списку вакансий
                            </span>
                    </a>
                    <div class="main__employer-page-two-item-toper">
                        <img src="images/12.jpg" alt="">
                        <span>Наяда</span>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
                            специалистов на следующие должности:</div>
                        <div class="main__employer-page-two-item-text-links">
                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><span>трудоустройство по ТК РФ;</span></li>
                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
                                            мед. осмотра);</span></li>
                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
                                <li><span>оплату проживания на время ожидания судна;</span></li>
                                <li><span>обучение и продление документов за счет компании;</span></li>
                                <li><span>компенсацию медицинской комиссии;</span></li>
                                <li><span>обеспечение спецодеждой;</span></li>
                                <li><span>коллективное питание;</span></li>
                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
                                            оздоровительные лагеря для детей сотрудников;</span></li>
                                <li><span>возможности профессионального развития с помощью корпоративных программ
                                            обучения;</span></li>
                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
                                            представителями руководства компании.</span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
                                <li><span>опыт работы в должности;</span></li>
                                <li><span>наличие речных документов (желательно);</span></li>
                                <li><span>знание английского языка.</span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><a href="#">hr@volgaflot.com</a></li>
                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-tags">
                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
                        <span class="main__employer-page-two-item-tag">#моторист</span>
                    </div>
                    <div class="main__employer-page-two-item-buttons">
                        <button type="button"
                                class="button main__employer-page-two-item-button">Откликнуться</button>
                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
                    </div>
                    <div class="main__employer-page-two-item-bottom">
                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
                            <svg>
                                <use xlink:href="images/sprite.svg#heart"></use>
                            </svg>
                        </button>
                    </div>
                </div>
                <div class="main__vacancies-item main__employer-page-two-item">
                    <a href="#" class="back main__employer-page-two-item-back">
                        <svg>
                            <use xlink:href="images/sprite.svg#back"></use>
                        </svg>
                        <span>
                                Вернуться к списку вакансий
                            </span>
                    </a>
                    <div class="main__employer-page-two-item-toper">
                        <img src="images/12.jpg" alt="">
                        <span>Наяда</span>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
                            специалистов на следующие должности:</div>
                        <div class="main__employer-page-two-item-text-links">
                            <a href="#">“Капитан” – з/п от 277 000 рублей (на руки)</a>
                            <a href="#">“Старший помощник капитана” – з/п от 216 000 рублей (на руки)</a>
                            <a href="#">“Второй помощник капитана”– з/п от 135 000 рублей (на руки)</a>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><span>трудоустройство по ТК РФ;</span></li>
                                <li><span>достойный уровень оплаты труда (оклад + отпускные и премиальные + бонус в
                                            размере оклада (за первый месяц работы) + оплата дней обучения и прохождения
                                            мед. осмотра);</span></li>
                                <li><span>оплату проезда до судна и с судна до дома;</span></li>
                                <li><span>оплату проживания на время ожидания судна;</span></li>
                                <li><span>обучение и продление документов за счет компании;</span></li>
                                <li><span>компенсацию медицинской комиссии;</span></li>
                                <li><span>обеспечение спецодеждой;</span></li>
                                <li><span>коллективное питание;</span></li>
                                <li><span>пакет социальных льгот и гарантий:– расширенный ДМС со стоматологией;–
                                            компенсация курортно-санаторного лечения;– компенсация путевок в детские
                                            оздоровительные лагеря для детей сотрудников;</span></li>
                                <li><span>возможности профессионального развития с помощью корпоративных программ
                                            обучения;</span></li>
                                <li><span>яркие корпоративные мероприятия и регулярные круглые столы с
                                            представителями руководства компании.</span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><span>наличие действующих дипломов, соответствующих должности;</span></li>
                                <li><span>опыт работы в должности;</span></li>
                                <li><span>наличие речных документов (желательно);</span></li>
                                <li><span>знание английского языка.</span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><a href="#">hr@volgaflot.com</a></li>
                                <li><a href="#">D.Kornilova@volgaflot.com</a></li>
                                <li><a href="#">A.Ryabova@volgaflot.com</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-text">
                        <div class="main__employer-page-two-item-text-name">Или звоните:</div>
                        <div class="main__employer-page-two-item-text-body">
                            <ul>
                                <li><a href="#">+7 (987) 548-38-31 Дарья</a></li>
                                <li><a href="#">+7 (986) 742-23-04 Александра</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main__employer-page-two-item-tags">
                        <span class="main__employer-page-two-item-tag">#второй_механик</span>
                        <span class="main__employer-page-two-item-tag">#моторист</span>
                    </div>
                    <div class="main__employer-page-two-item-buttons">
                        <button type="button"
                                class="button main__employer-page-two-item-button">Откликнуться</button>
                        <a href="#" class="button button_light main__employer-page-two-item-button">Подробнее</a>
                    </div>
                    <div class="main__employer-page-two-item-bottom">
                        <div class="main__employer-page-two-item-bottom-date">07.09.23 - 15:39</div>
                        <button type="button" class="like main__employer-page-two-item-bottom-like js-toggle">
                            <svg>
                                <use xlink:href="images/sprite.svg#heart"></use>
                            </svg>
                        </button>
                    </div>
                </div>
                <div class="pagination">
                    <a href="#" class="pagination__nav pagination__nav_prev">
                        <svg>
                            <use xlink:href="images/sprite.svg#arrow-bold"></use>
                        </svg>
                    </a>
                    <span class="pagination__item active">1</span>
                    <a href="#" class="pagination__item">2</a>
                    <a href="#" class="pagination__item">3</a>
                    <a href="#" class="pagination__item">4</a>
                    <a href="#" class="pagination__item">5</a>
                    <span class="pagination__dots">
                            <svg>
                                <use xlink:href="images/sprite.svg#dots"></use>
                            </svg>
                        </span>
                    <a href="#" class="pagination__item">25</a>
                    <a href="#" class="pagination__nav pagination__nav_next">
                        <svg>
                            <use xlink:href="images/sprite.svg#arrow-bold"></use>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </main>
@endsection