<script>

      $("#form_worker" ).submit(function(event) {
          var val = $(this).val();
          var send_title = $('#send_title');
          var send_title_val = send_title.val();
  
          console.log('Click  form.');
      });
  
      $(document).on('change', '#btn_send_file', function() {
  
            var send_name = $('#send_name');
            var send_name_val = send_name.val();
            var send_name_file = $('#send_name_file');
  
            console.log(send_name_val);
            send_name_file.html(send_name_val);
  
      });
  </script>

  <div id="send3" class="modal">

      <div class="modal__body">

          <div class="modal__title">Отправить сообщение работодателю</div>

          <form class="modal__form" id="form_worker" name="form_worker" enctype="multipart/form-data" action="{{ route('worker.new_message') }}" method="POST">
              @csrf

              <div class="modal__form-item" style="display: none">

                  Отправитель сообщения:
                  <input type="text" id="send_user_id" name="send_user_id" class="input" placeholder="user_id" value="">
                  Получатель сообщения:
                  <input type="text" id="send_to_user_id" name="send_to_user_id" class="input" placeholder="to_user_id" value="">
                  Вакансия:
                  <input type="text" id="send_vacancy" name="send_vacancy" class="input" placeholder="vacancy" value="">
              </div>
              <div class="modal__form-item send_title_div error_">
                  <input id="send_title" name="send_title" type="text" class="input" placeholder="Тема" required>

                  <label for="title">Не заполнено поле</label>
              </div>

              <div class="modal__form-item send_title_div error_">
                  <select class="js-select2" name="send_job_title_id" id="send_job_title_id">
                      @if ($jobs->count())
                          @foreach($jobs as $j)
                              <option value="{{ $j->id }}">{{ $j->name }} ({{ $j->id }})</option>
                          @endforeach
                      @endif
                  </select>
                  <label for="title">Не заполнено поле</label>
              </div>
              <div class="modal__form-item send_text_div">

                  <textarea id="i2" class="textarea" id="send_text" name="send_text" placeholder="Укажите по какому поводу вы пишите работодателю, уточните название вакансии или прикрепите ссылку на вакансию, дайте как можно больше информации.&#10;&#10;ВАЖНО не стоит писать работодателю короткий текст цитирую «Какая зарплата?, работодатель не поймет о чем речь, опишите вопрос максимально подробно»." required></textarea>

                  <label for="i2">Не заполнено поле</label>
              </div>
              <div class="modal__form-item">
                  <div class="file">

                      <label class="file__input" id="btn_send_file" name="btn_send_file">
                          <input type="file" name="send_file" id="send_name">

                          <span class="button button_light">
                              <svg>
                                  <use xlink:href="{{ asset('images/sprite.svg#share') }}"></use>
                              </svg>
                              Прикрепить файл-документ
                          </span>
                      </label>

                      <div class="file__list" id="div_file" name="div_file">

                          <div class="file__list-item">
                              <div class="file__list-item-left">
                                  <svg>
                                      <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
                                  </svg>

                                  <span id="send_name_file" name="send_name_file"></span>

                              </div>
                              <button type="button" class="file__list-item-right js-parent-remove">
                                  <svg>
                                      <use xlink:href="{{ asset('images/sprite.svg#cross-bold') }}"></use>
                                  </svg>
                              </button>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="modal__form-item">

                  <button type="submit" id="submit_form_worker" name="submit_form_worker" class="button">Отправить</button>

              </div>
          </form>
      </div>
  </div>