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

@section('scripts')

@endsection

@section('content')
<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="search work__form" action="{{ route('search_vacancies') }}" method="GET">
                <input type="search" id="search" name="search" class="input" placeholder="Желаемая должность" required>
                <button type="submit" class="button button_light">Посмотреть вакансии</button>
                <span>
                    <svg>
                        <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
                    </svg>
                </span>
            </form>
            @guest
            <a data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a>
            @else
            <a href="{{ route('bd_resume') }}" class="button work__search">Я ищу сотрудника</a>
            @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>
<section class="numbers">
    <div class="container">
        <div class="numbers__body">
            <div class="numbers__item">
                <b>500+</b>
                <span>Резюме</span>
                Банальные, но неопровержимые выводы, а также элементы политического процесса лишь добавляют
                фракционных разногласий и призваны к ответу.
            </div>
            <div class="numbers__item">
                <b>1 000+</b>
                <span>Вакансий</span>
                В рамках спецификации современных стандартов, диаграммы связей заблокированы в рамках своих
                собственных рациональных ограничений.
            </div>
            <div class="numbers__item">
                <b>265</b>
                <span>Компаний</span>
                Но сторонники тоталитаризма в науке заблокированы в рамках своих собственных рациональных
                ограничений.
            </div>
        </div>
    </div>
</section>
<section class="vacancies">
    <div class="container">
        <div class="title"><h4>Новые вакансии</h4></div>
        <div class="vacancies__body">
            <a class="vacancies__more button button_light js-parent-toggle" href="{{ route('vacancies') }}">Все должности</a>
            <div class="vacancies__list">
                @if ($categories->count())
                @foreach ($categories as $cat)
                <a href="{{ route('list-vacancies', ['categories' => $cat->id]) }}" class="vacancies__item">
                    <span style="border-color:#F4C4C2">
                        <b>{{ $cat->name }}</b>
                        <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
                    </span>
                </a>
                @endforeach
                @else
                    Тут пока нет никаких вакансий
                @endif
            </div>
        </div>
    </div>
</section>
<section class="employer">
    <div class="container">
        <div class="title"><h4>Работодатели</h4></div>
        <div class="swiper js-employer-swiper">
            <div class="swiper-wrapper">

                @if ($employers->count())
                    @php
                        $rec = 0;
                        $count = $employers->count();

                    @endphp

                    @foreach($employers as $emp)
                        @php $rec++ @endphp
                        @if (($rec==1) || ($rec==5) || ($rec==9) || ($rec==13) || ($rec==17))
                            <div class="swiper-slide">
                                <div class="employer__item">
                        @endif
                            @if (!empty($emp->employer->logo))
                            <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}">
                                <img src="{{ asset(Storage::url($emp->employer->logo)) }}" alt="{{ $emp->employer->name_company }}">
                            </a>
                            @else
                                <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}">
                                    <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $emp->employer->name_company }}">
                                </a>
                            @endif
                        @if (($rec==4) || ($rec==8) || ($rec==12) || ($rec==16) || ($rec==20) || ($rec == $count))
                                </div>
                            </div>
                        @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>
    </div>
</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>Наш ресурс позволит Вам за демократичную цену найти нужных специалистов в кратчайшие
                                сроки, подробнее об условиях можно узнать <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>Наше преимущество — это большой объем вакансий, более 70 судоходных компаний России и
                                СНГ ищут сотрудников через наши ресурсы</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">
                            <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic">
                            <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