send_worker_new.blade.php 4.47 KB
<script>
    console.log('Сообщение работнику');
    $("#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="send" class="modal">
    <div class="modal__body">
        <div class="modal__title">Отправить сообщение работодателю</div>
        <div class="modal__text">Если вы готовы владеете компитентыми навыками, напишите данному работодателю письмо</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">
                Отправитель сообщения:
                <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="Напишите текст с предложением  о работе" 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>