@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="search work__form" action="{{ route('search_vacancies') }}" method="GET">
                  <input type="search" id="search" name="search" class="input" placeholder="Желаемая должность" required>

                  <!--<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="search" name="search">
                          <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">Посмотреть вакансии</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

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