<turbo-stream action="update" target="modal"><template>
  <div class="modal-section">
    <div class="modal-box">
      <form class="simple_form comment-form comment-form-popup" id="comment-form-popup" data-controller="character-counter" novalidate="novalidate" action="/comments" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VNNcNr8TSmRtj45oZ2nMhQx5YtUvUk5CcLwhPDbPld4ZUdvHML5zmlCp4Ohkq0YUt7z5CVKeV083En6ygUseSw" autocomplete="off" />

  <h2 class="add-comment-title">Залишити Коментар</h2>

  <div class="subtitle_1775549707"><style media="screen">.subtitle_1775549707 {position:absolute!important;height:1px;width:1px;overflow:hidden;}</style><label for="comment_subtitle">If you are a human, ignore this field</label><input type="text" name="comment[subtitle]" id="comment_subtitle" autocomplete="off" tabindex="-1" /></div>
  <div class="form-group hidden comment_commentable_id"><input class="form-control hidden" value="4187" autocomplete="off" type="hidden" name="comment[commentable_id]" id="comment_commentable_id" /></div>
  <div class="form-group hidden comment_commentable_type"><input class="form-control hidden" value="Post" autocomplete="off" type="hidden" name="comment[commentable_type]" id="comment_commentable_type" /></div>
  <div class="form-group hidden comment_parent_id"><input class="form-control hidden" autocomplete="off" type="hidden" value="4091" name="comment[parent_id]" id="comment_parent_id" /></div>
  <div class="form-group hidden comment_user_id"><input class="form-control hidden" autocomplete="off" type="hidden" name="comment[user_id]" id="comment_user_id" /></div>
  <div class="form-group hidden comment_form_source"><input class="form-control hidden" value="popup" autocomplete="off" type="hidden" name="comment[form_source]" id="comment_form_source" /></div>

  <div class="comment-inputs">
      <div class="form-group string optional comment_anonymous_name"><label class="control-label string optional" for="comment_anonymous_name">Ім&#39;я</label><input class="form-control string optional comment-input" placeholder="Ім&#39;я" maxlength="15" size="15" type="text" name="comment[anonymous_name]" id="comment_anonymous_name" /></div>

      <div class="form-group email optional comment_anonymous_email"><label class="control-label email optional" for="comment_anonymous_email">Email (не обов&#39;язкове)</label><input class="form-control string email optional comment-input" placeholder="Email" type="email" name="comment[anonymous_email]" id="comment_anonymous_email" /></div>

    <div class="comment-textarea">
      <div class="form-group text optional comment_comment"><label class="control-label text optional" for="new-comment-popup-field">Ваш коментар</label><textarea class="form-control text optional comment-input" rows="5" autofocus="autofocus" id="new-comment-popup-field" data-controller="textarea-autogrow" data-character-counter-target="input" placeholder="Залиште коментар" maxlength="2000" name="comment[comment]">
</textarea></div>

      <div class="text-right text-stone-600">
        <span data-character-counter-target="counter"></span>/2000 символів використано
      </div>
    </div>
  </div>

  <div class="comment-form-actions">
    <button name="button" type="button" data-controller="modal-clear" data-action="click-&gt;modal-clear#clear" class="clean-comment-btn">Відмінити</button>
    <input type="submit" name="commit" value="Надіслати" class="btn btn-default submit-comment-btn" disabled="disabled" data-character-counter-target="submitButton" data-disable-with="Надіслати" />
  </div>
</form>
    </div>
  </div>
</template></turbo-stream>