@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" action="{{ route('vacancies') }}" method="GET">

                <div class="select select_search width100">
                    <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: 50px;">Посмотреть&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

<!--<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>-->

<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="swiper js-employer-swiper">
            <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="employer__item">
                                <a href="#">
                                    <img src="images/logos/1.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/5.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/9.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/13.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/17.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="employer__item">
                                <a href="#">
                                    <img src="images/logos/2.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/6.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/10.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/14.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/18.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="employer__item">
                                <a href="#">
                                    <img src="images/logos/3.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/7.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/11.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/15.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/19.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="employer__item">
                                <a href="#">
                                    <img src="images/logos/4.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/8.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/12.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/16.jpg" alt="">
                                </a>
                                <a href="#">
                                    <img src="images/logos/20.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
        </div>-->
        <!--<div class="employer__body">
            <a href="#">
                <img src="images/logos/1.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/2.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/3.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/4.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/5.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/6.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/7.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/8.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/9.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/10.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/11.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/12.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/13.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/14.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/15.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/16.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/17.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/18.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/19.jpg" alt="">
            </a>
            <a href="#">
                <img src="images/logos/20.jpg" alt="">
            </a>
        </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>
                <!--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">
                            @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