@extends('layout.frontend', ['title' => 'Главная страница РекаМоре'])

@section('scripts')

@endsection

@section('content')
    @include('messages_error')
<section class="work">
    <div class="container">
        <img src="{{ asset('images/1.png') }}" alt="" class="work__pic">
        <div class="work__body">
            <div class="work__title">
                <h4>Работа в море /
                <span class="br">Работа на реке</span></h4>
            </div>
            <div class="work__text">Информационный портал rekamore.su - место где работники морского и речного флота могут найти для себя хорошую работу,
                а работодатели отличных специалистов
            </div>
            <div class="work__list">
                <div>Тысячи соискателей увидят Ваше объявление</div>
                <div>Десятки компаний выкладывают объявления каждый день</div>
            </div>
            <form class="work__form width100 flex" style="" action="{{ route('vacancies') }}" method="GET">

                <div class="select select_search" style="max-width: 60%">
                    <div class="select__icon">
                        <svg>
                            <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
                        </svg>
                    </div>
                    <select class="js-select2 jobs" id="job" name="job">
                        <option value="0">Выберите должность</option>
                        @if ($Job_title->count())
                            @foreach($Job_title as $JT)
                                <option value="{{ $JT->id }}" @if ((isset($_GET['job'])) && ($_GET['job'] == $JT->id)) selected @endif>{{ $JT->name }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>

                <button type="submit" class="button button_light" style="height: auto;">Посмотреть&nbsp;вакансии</button>
            </form>
            @guest
            <a data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a>
            @else
                @if (Auth()->user()->is_lookin)
                <a href="{{ route('bd_resume') }}" class="button work__search">Я ищу сотрудника</a>
                @else
                <a data-fancybox data-src="#question3" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a>
                @endif
            @endguest
            <div class="work__get">
                <b>Скачать приложение</b>
                <a href="">
                    <img src="{{ asset('images/google.svg') }}" alt="">
                </a>
                <a href="">
                    <img src="{{ asset('images/apple.svg') }}" alt="">
                </a>
            </div>
        </div>
    </div>
</section>

@if ($blocks_counters)
<section class="numbers">
    <div class="container">
        <div class="numbers__body">
            @foreach($blocks_counters as $block_counter)
            <div class="numbers__item">
                <b>{{$block_counter['extra']}}</b>
                <span>{{$block_counter['title']}}</span>
                {{$block_counter['description']}}
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif

<main class="main">
    <div class="container">
        <div class="main__vacancies">
            <h2 class="main__vacancies-title">Категории вакансий</h2>
            <div class="vacancies__body">
                <div class="vacancies__list" id="block_ajax" name="block_ajax">
                    @foreach($Main_Job as $key => $it_main)
                        <div class="vacancies__list-col">
                            @include('block_real_new', ['it_main' => $it_main, 'category' => $key])
                        </div>
                    @endforeach
                    <!--_include('block_real', ['flot' => $flot, 'position' => $Position[$flot->position_id]])-->
                </div>
            </div>
        </div>
    </div>
</main>

<section class="employer">
    <div class="container">
        <div class="title"><h4>Работодатели</h4></div>

        <div class="employer__body">
            @if ($employers->count())
                @foreach($employers as $emp)
                    @if (!empty($emp->employer->logo))
                        <a href="{{ route('info_company', ['company' => $emp->employer->id]) }}">
                            <img src="{{ asset(Storage::url($emp->employer->logo)) }}" alt="{{ $emp->employer->name_company }}">
                        </a>
                    @else
                        <a href="{{ route('info_company', ['company' => $emp->employer->id]) }}">
                            <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $emp->employer->name_company }}">
                        </a>
                    @endif
                @endforeach
            @else
                <h5>Тут нет никаких записей</h5>
            @endif
        </div>

        <div class="swiper-pagination"></div>
    </div>
    <a href="{{ route('shipping_companies') }}" class="employer__more button button_light">Все работодатели</a>

</section>
<section class="about">
    <div class="container">
        <div class="about__wrapper">
            <div class="title about__title"><h4>О нас</h4></div>
            <div class="about__body">
                <div class="about__line"></div>
                <div class="about__item">
                    <b>Для работодателей</b>
                    <span>
                        Нашим ресурсом пользуются более 150 судоходных компаний России и СНГ, в настоящее время мы самая эффективная площадка.
                        Подробности о работе сервиса и стоимости обслуживания можно получить перейдя по ссылке
                        <a href="{{ route('page', ['pages' => 'Stoimost-razmescheniya']) }}">здесь</a>.
                    </span>
                    <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('bd_resume') }}">Поиск сотрудников</a>
                </div>
                <div class="about__item">
                    <b>Для сотрудников</b>
                    <span>
                        Работа найдется для каждого, а удобная фильтрация вакансий по должностям сделает поиск приятным
                    </span>
                    <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('vacancies') }}">Ищу работу</a>
                </div>
            </div>
        </div>
    </div>
</section>

@if ($news->count())
<section class="news">
    <div class="container">
        <div class="news__toper">
            <div class="title"><h4>Новости и статьи</h4></div>
            <div class="navs">
                <button class="js-news-swiper-button-prev">
                    <svg class="rotate180">
                        <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
                    </svg>
                </button>
                <button class="js-news-swiper-button-next">
                    <svg>
                        <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
                    </svg>
                </button>
            </div>
        </div>

        <div class="swiper js-news-swiper">
            <div class="swiper-wrapper">

                    @foreach ($news as $new)
                    <div class="swiper-slide">
                        <div class="news__item">
                            @if (empty($new->image))
                                <img src="{{ asset('/images/default_ship.jpg') }}" alt="" class="news__item-pic">
                            @else
                                <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic">
                            @endif
                            <div class="news__item-body">
                                <time datetime="{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}" class="news__item-date">{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}</time>
                                <span class="news__item-title">{{ $new->title }}</span>
                                <span class="news__item-text">{!! mb_strimwidth($new->text, 0, 100) !!}</span>
                                <a href="{{ route('detail_new', ['new' => $new->id]) }}" class="news__item-more button button_light">Читать далее</a>
                            </div>
                        </div>
                    </div>
                    @endforeach

            </div>
            <div class="swiper-pagination"></div>
        </div>
        <a href="{{ route('news') }}" class="news__all button button_light">Все новости</a>

    </div>
</section>
@endif

<section class="info">
    <div class="container">
        <img src="images/5.png" alt="" class="info__pic">
        <div class="info__body">
            <div class="title info__title"><h4>Мы в социальных сетях</h4></div>
            <div class="info__item">
                <div class="info__text">
                    Телеграм — Подпишитесь на наш телеграм канал и получайте уведомления о новых вакансиях прямо на свой смартфон
                </div>
                <a href="{{ $companies[0]->telegram }}" class="info__link" style="background:#20A0E1">
                    <svg>
                        <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
                    </svg>
                    Телеграм
                </a>
            </div>
            <div class="info__item">
                <div class="info__text">
                    Вконтакте — Сообщество работников морского и речного флота, актуальная подборка вакансий
                </div>
                <a href="{{ $companies[0]->vkontact }}" class="info__link" style="background:#2787F5">
                    <svg>
                        <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
                    </svg>
                    ВКонтакте
                </a>
            </div>
        </div>
    </div>
</section>
@endsection