<script>

      $("#form_worker" ).submit(function(event) {
          var val = $(this).val();
          var send_title = $('#send_title');
          var send_title_val = send_title.val();

      });
  
      $(document).on('change', '#btn_send_file', function() {

          let dirArray = $(this).val().split('\\')

          $('#send_name_file3').html(dirArray[dirArray.length - 1])

          $.fancybox.getInstance().current.$content.find('#div_file').removeClass('d-none')

      });
  </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

                  <input type="hidden" id="worker_user_id" name="user_from" value="">
                  <input type="hidden" id="worker_to_user_id" name="user_to" value="">
                  <input type="hidden" id="worker_vacancy" name="vacancy" value="">

              <div class="modal__form-item send_text_div">

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

              </div>
              <div class="modal__form-item">
                  <div class="file">

                      <label class="file__input">

                          <input type="file" name="file" id="btn_send_file" accept=".pdf, .doc, .docx">

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

                      <div class="file__list d-none" id="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_file3"></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>