@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