@extends('layout.frontend', ['title' => 'Образование и образовательные программы - РекаМоре'])
  
  @section('scripts')
      <script>

          $(document).on('change', '#sort_ajax', function() {
              var this_ = $(this);
              var val_ = this_.val();
              console.log('sort items '+val_);
  
              $.ajax({
                  type: "GET",
                  url: "{{ route('shipping_companies') }}",
                  data: "sort="+val_+"&block=1",
                  success: function (data) {
                      console.log('Выбор сортировки');
                      console.log(data);
                      $('#block_1').html(data);
                  },
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  },
                  error: function (data) {
                      data = JSON.stringify(data);
                      console.log('Error: ' + data);
                  }
              });
  
              $.ajax({
                  type: "GET",
                  url: "{{ route('shipping_companies') }}",
                  data: "sort="+val_+"&block=2",
                  success: function (data) {
                      console.log('Выбор сортировки2');
                      console.log(data);
                      history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
                      $('#block_2').html(data);
                  },
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  },
                  error: function (data) {
                      data = JSON.stringify(data);
                      console.log('Error: ' + data);
                  }
              });
          });
      </script>
  @endsection
  
  @section('content')
      <section class="thing">
          <div class="container">
              <div class="thing__body">
                  <ul class="breadcrumbs thing__breadcrumbs">
                      <li><a href="{{ route('index') }}">Главная</a></li>
                      <li><b>Контакты</b></li>
                  </ul>
                  <img src="{{ asset('images/14.jpg') }}" alt="" class="thing__pic thing__pic_two">
                  <h1 class="thing__title">Мы специализированная доска объявлений для поиска плавсостава</h1>
                  <p class="thing__text">Нашим сервисом пользуются более 120 судоходных компаний России.</p>
                  <p class="thing__text">Со списком компаний Вы можете ознакомиться перейдя по кнопке ниже.</p>
                  <div class="thing__buttons">
                      <a href="{{ route('shipping_companies') }}" class="button">Список компаний</a>
                  </div>
              </div>
          </div>
      </section>
  
      <main class="main">
          <div class="container">
              <div class="main__cond">
                  <div class="main__cond-label">
                      На рынке мы с 2020 года.
                      <br>Мы молодая компания, которой важно сделать хороший и востребованный продукт!
                  </div>
                  <div>
                      <h3>За это время нам удалось:</h3>
                      <ul class="main__cond-icons">
                          <li>
                              <span><img src="{{ asset('images/svg/1.svg') }}" alt=""></span>
                              Создать самое крупное сообщество Вконтакте по поиску работы на речноми морском флоте
                          </li>
                          <li>
                              <span><img src="{{ asset('images/svg/2.svg') }}" alt=""></span>
                              Создать самый крупный телеграм канал по поиску работы на речноми морском флоте
                          </li>
                          <li>
                              <span><img src="{{ asset('images/svg/3.svg') }}" alt=""></span>
                              Создать действительно эффективную и удобную базу анкет
                          </li>
                          <li>
                              <span><img src="{{ asset('images/svg/4.svg') }} " alt=""></span>
                              Разместить свою рекламу во многих учебных заведениях нашей страны. Колледжи,вузы, утц, медицинские центры охотно размещают нашу рекламу в своих заведениях
                          </li>
                          <li>
                              <span><img src="{{ asset('images/svg/5.svg') }}" alt=""></span>
                              Подключить к нашему сервису более 120 судоходных компаний России
                          </li>
                          <li>
                              <span><img src="{{ asset('images/svg/6.svg') }}" alt=""></span>
                              Оправдать доверие и ожидание, так как компании заключившие с нами договорв первый раз в 95% случаев остаются довольны сотрудничеством и продлевают договор
                          </li>
                      </ul>
                  </div>
                  <div>
                      <h3>Форма обратной связи</h3>
                      <p>Все поля обязательны для заполнения.</p>
                      <form class="callback main__cond-callback" action="" method="GET">
                          <div class="callback__body">
                              <input type="text" class="input" id="name" name="name" placeholder="Ваше имя" required>
                              <input type="text" class="input" id="company" name="company" placeholder="Название судоходной компании" required>
                              <input type="tel" class="input" id="telephone" name="telephone" placeholder="Телефон" required>
                              <input type="email" class="input" id="email" name="email" placeholder="Электронная почта" required>
                          </div>
                          <textarea class="textarea callback__textarea" id="text" name="text" placeholder="Текст сообщения" required></textarea>
                          <div class="callback__bottom">
                              <label class="checkbox">
                                  <input type="checkbox" class="checkbox__input" id="box" name="box" required>
                                  <span class="checkbox__icon">
                                          <svg>
                                              <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>
                                          </svg>
                                      </span>
                                  <span class="checkbox__text">
                                          <span>
                                              Я согласен(на) с
                                              <a href="{{ route('page', ['pages' => "Politika-konfidencialnosti"]) }}">Политикой конфиденциальности</a>
                                          </span>
                                      </span>
                              </label>
                              <button type="submit" class="button">Отправить</button>
                          </div>
                      </form>
                  </div>
              </div>
          </div>
      </main>
      </div>
  @endsection