Add invites create view

resources/views/settings/invites/create.blade.php

@@ -0,0 +1,64 @@
+@extends('settings.template')
+
+@section('section')
+
+  <div class="title">
+    <h3 class="font-weight-bold">Send Invite</h3>
+    <p class="lead">Invite friends or family to join you on <span class="font-weight-bold">{{config('pixelfed.domain.app')}}</span></p>
+  </div>
+  <hr>
+
+  @if(config('pixelfed.user_invites.limit.daily') != 0)
+  <div class="alert alert-warning">
+    <div class="font-weight-bold">Warning</div>
+    <p class="mb-0">You may only send {{config('pixelfed.user_invites.limit.daily')}} invite(s) per day.</p>
+  </div>
+  @endif
+
+  <form method="post">
+    @csrf
+    <div class="form-group">
+      <label>Email address</label>
+      <input type="email" class="form-control" name="email" placeholder="friend@example.org" autocomplete="off">
+    </div>
+    <div class="form-group">
+      <label>Message</label>
+      <textarea class="form-control" name="message" placeholder="Add an optional message" rows="2"></textarea>
+      <p class="help-text mb-0 text-right small text-muted"><span class="message-count">0</span>/<span class="message-limit">500</span></p>
+    </div>
+    <div class="form-group form-check">
+      <input type="checkbox" class="form-check-input" id="tos" name="tos">
+      <label class="form-check-label font-weight-bold small" for="tos">I confirm this invitation is not in violation of the <a href="{{route('site.terms')}}">Terms of Service</a> and <a href="{{route('site.privacy')}}">Privacy Policy</a>.</label>
+    </div>
+    <hr>
+    <p class="float-right">
+      <button type="submit" class="btn btn-primary font-weight-bold py-0 form-submit">Send Invite</button>
+    </p>
+  </form>
+@endsection
+
+@push('scripts')
+<script type="text/javascript">
+  
+  $('textarea[name="message"]').on('change keyup paste', function(e) {
+    let el = $(this);
+    let len = el.val().length;
+    let limit = $('.message-limit').text();
+
+    if(len > 100) {
+      el.attr('rows', '4');
+    }
+
+    if(len > limit) {
+      let diff = len - limit;
+      $('.message-count').addClass('text-danger').text('-'+diff);
+      $('.form-submit').attr('disabled','');
+    } else {
+      $('.message-count').removeClass('text-danger').text(len);
+      $('.form-submit').removeAttr('disabled');
+    }
+
+  });
+
+</script>
+@endpush