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

              @if(Auth()->user() === null || Auth()->user()->is_worker === 1)
                  <a href="{{ route('page', ['pages' => 'Usloviya-razmescheniya']) }}" class="button work__search">Я ищу сотрудника</a>

              @else

                  <a href="{{ route('employer.cabinet') }}" class="button work__search">Я ищу сотрудника</a>
              @endif

              <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 }}"
                                  title="{{ $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 }}"
                                  title="{{ $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