diff --git a/opentech/apply/projects/templates/application_projects/includes/report_line.html b/opentech/apply/projects/templates/application_projects/includes/report_line.html index c2e367a1809d6f74b916370e71cc7957b4adb07c..b1782b17e982d94167460efa970284d7b0d2a693 100644 --- a/opentech/apply/projects/templates/application_projects/includes/report_line.html +++ b/opentech/apply/projects/templates/application_projects/includes/report_line.html @@ -22,10 +22,25 @@ {% endif %} {% if request.user.is_apply_staff and report.can_submit %} - <form action="{% url "apply:projects:reports:skip" pk=report.pk %}" method="post"> - {% csrf_token %} - <input type="submit" value="Skip" class="btn data-block__action-link"></input> - </form> + + <input data-fancybox data-src="#skip-report-{{report.id}}" type="button" value="Skip" class="btn data-block__action-link"></input> + + <!-- Skip report confirmation modal --> + <div class="modal" id="skip-report-{{report.id}}"> + <h4 class="modal__header-bar modal__header-bar--no-bottom-space">Skip report</h4> + <div class="modal__copy"> + <p>You're skipping the report for <b>{{report.start_date}}</b> – <b>{{report.end_date}}</b></p> + <p>This will result in a gap in reporting for the project. You can undo this at any time.</p> + </div> + <form action="{% url "apply:projects:reports:skip" pk=report.pk %}" method="post"> + {% csrf_token %} + <div class="modal__buttons"> + <input type="submit" value="Continue" class="button button--primary button--submit"></input> + <button data-fancybox-close class="button button--submit button--white">Cancel</button> + </div> + </form> + </div> + {% endif %} </div> </li>