@php
    /** @var LeverCategory $category */

    use App\Models\LeverCategory;use App\Repositories\CategoryRepository;
@endphp


@extends('site.layouts.app', ['light_menu' => false])

@section('title', $category->title)

@section('content')

    @if(!empty($modalTitle))
        <script>
            $(function () {
                $(document).on('click', '.js-close-modal', function () {
                    $('.modal--form').removeClass('is-active');
                    history.pushState({}, '', window.location.origin + window.location.pathname)
                });
            });
        </script>
        <article class="modal modal--form is-active">
            <div class="modal__wrapper">
                <div class="modal__inner">
                    <div class="modal__close js-close-modal">
                        <svg width="18px" height="18px" viewbox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg">
                            <path d="M0.888889 1L15.1111 15" transform="translate(1 1)" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
                            <path d="M0.888889 1L15.1111 15" transform="matrix(-1 0 0 1 17 1)" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
                        </svg>
                    </div>
                    <div class="modal__content">
                        <div>
                            <div class="form__title">
                                @lang('messages.Oops! It seems that the position has been filled.')<br/>
                                {!! $modalTitle !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    @endif

    <section class="category-page">
        <header class="category-page__header">
            <div class="container">
                <h1>{{ $category->title }}</h1>
                @if(!empty($category->count))
                    <div class="category-page__subtitle">
                        <span>{{ $category->count }}</span>
                        {{ trans_choice('messages.positions', $category->count) }}
                        {!! trans_choice('messages.in <span>_</span> location', CategoryRepository::getLocationCount($category)) !!}
                    </div>
                @endif
            </div>
        </header>

        <div class="category-page__content">
            <div class="container">
                @include('site.partials.vacancy_list', ['vacancies' => $category->getVacanciesList(), 'showCategory' => false])
            </div>
        </div>
    </section>

@stop