From 882dfbcebc38751bc3636722a91e242cf5bb2f58 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Thu, 20 Dec 2018 22:01:05 -0700
Subject: [PATCH] Add confirmation to delete account view

---
 .../views/settings/remove/permanent.blade.php | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/resources/views/settings/remove/permanent.blade.php b/resources/views/settings/remove/permanent.blade.php
index ff62b70c..91eb5987 100644
--- a/resources/views/settings/remove/permanent.blade.php
+++ b/resources/views/settings/remove/permanent.blade.php
@@ -22,10 +22,30 @@
   	<p>
       <form method="post">
         @csrf
-        <button class="btn btn-danger font-weight-bold py-0">Permanently delete my account</button>
+        <div class="custom-control custom-checkbox mb-3">
+          <input type="checkbox" class="custom-control-input" id="confirm-check">
+          <label class="custom-control-label font-weight-bold" for="confirm-check">I confirm that this action is not reversible, and will result in the permanent deletion of my account.</label>
+        </div>
+        <button type="submit" class="btn btn-danger font-weight-bold py-0 delete-btn" disabled="">Permanently delete my account</button>
       </form>
   	</p>
   </div>
 
 
-@endsection
\ No newline at end of file
+@endsection
+
+@push('scripts')
+<script type="text/javascript">
+$(document).ready(function() {
+  $('#confirm-check').on('change', function() {
+    let el = $(this);
+    let state = el.prop('checked');
+    if(state == true) {
+      $('.delete-btn').removeAttr('disabled');
+    } else {
+      $('.delete-btn').attr('disabled', '');
+    }
+  });
+});
+</script>
+@endpush
\ No newline at end of file