vacancies.blade.php 4.27 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><b>Вакансии</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="{{ asset('images/sprite.svg#search') }}"></use>
                        </svg>
                    </div>
                    <select class="js-select2 jobs" 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="vacancies__body">
                    <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle">
                        <span>Показать ещё</span>
                        <span>Скрыть</span>
                    </button>-->
                    <div class="vacancies__list" id="block_ajax" name="block_ajax">
                        @php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF');
                             $i = 0;
                        @endphp
                        @if ($categories->count())
                            @foreach ($categories as $cat)
                                <a href="{{ route('') }}" class="vacancies__item">
                                    <span style="border-color:{{$colors[$i]}}">
                                        <b>{{ $cat->name }}</b>
                                        <u>{{ $cat->min_salary }} &mdash; {{ $cat->max_salary }} ₽</u>
                                        <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
                                    </span>
                                </a>
                                @php $i++;
                                     if ($i > 4) {$i = 0;}
                                @endphp
                            @endforeach
                        @else
                            Тут пока нет никаких вакансий
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </main>
    </div>
@endsection