Update Help Center, add direct message section

resources/views/site/help.blade.php

@@ -100,22 +100,22 @@
         </div>
       </a>
     </div>
-    {{-- <div class="col-12 col-md-6 mb-3">
+    <div class="col-12 col-md-6 mb-3">
       <a href="{{route('help.dm')}}" class="text-decoration-none">
         <div class="card">
           <div class="card-body">
             <p class="py-1 text-center">
-              <i class="far fa-envelope text-lighter fa-2x"></i>
+              <i class="far fa-comment-dots text-lighter fa-2x"></i>
             </p>
             <p class="text-center text-muted font-weight-bold h4 mb-0">{{__('helpcenter.directMessages')}}</p>
             <div class="text-center pt-3">
-              <p class="small text-dark font-weight-bold mb-0">&nbsp;</p>
-              <p class="small text-dark font-weight-bold mb-0">&nbsp;</p>
+              <p class="small text-dark font-weight-bold mb-0">How do I use Pixelfed Direct?</p>
+              <p class="small text-dark font-weight-bold mb-0">How do I unsend a message?</p>
             </div>
           </div>
         </div>
       </a>
-    </div> --}}
+    </div>
     {{-- <div class="col-12 col-md-6 mb-3">
       <a href="{{route('help.stories')}}" class="text-decoration-none">
         <div class="card">

resources/views/site/help/dm.blade.php

@@ -2,25 +2,88 @@
 
 @section('section')
 
-  <div class="title">
-    <h3 class="font-weight-bold">Direct Messages</h3>
+<div class="title">
+  <h3 class="font-weight-bold">{{__('helpcenter.directMessages')}}</h3>
+</div>
+<hr>
+<p class="lead ">Send and recieve direct messages from other profiles.</p>
+<hr>
+<p>
+  <a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1">
+    <i class="fas fa-chevron-down mr-2"></i>
+    How do I use Pixelfed Direct?
+  </a>
+  <div class="collapse" id="collapse1">
+    <div>
+      <p>Pixelfed Direct lets you send messages to another account. You can send the following things as a message on Pixelfed Direct:</p>
+      <ul>
+        <li>
+          Photos or videos you take or upload from your library
+        </li>
+        <li>
+          Posts you see in feed
+        </li>
+        <li>
+          Profiles
+        </li>
+        <li>
+          Text
+        </li>
+        <li>
+          Hashtags
+        </li>
+        <li>
+          Locations
+        </li>
+      </ul>
+      <p>To see messages you've sent with Pixelfed Direct, tap <i class="far fa-comment-dots"></i> in the top right of feed. From there, you can manage the messages you've sent and received.</p>
+      <p>Photos or videos sent with Pixelfed Direct can't be shared through Pixelfed to other sites like Mastodon or Twitter, and won't appear on hashtag and location pages.</p>
+    </div>
   </div>
-  <hr>
-  <div class="card">
-  	<div class="card-body">
-  		<div class="row">
-  			<div class="col-12 col-md-3 text-center">
-  				<div class="icon-wrapper">
-  					<i class="far fa-question-circle fa-3x text-light"></i>
-  				</div>
-  			</div>
-  			<div class="col-12 col-md-9 d-flex align-items-center">
-  				<div class="text-center">
-	  				<p class="h3 font-weight-bold mb-0">This page isn't available</p>
-	  				<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
-  				</div>
-  			</div>
-  		</div>
-  	</div>
+</p>
+{{-- <p> 
+  <a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse2" role="button" aria-expanded="false" aria-controls="collapse2">
+    <i class="fas fa-chevron-down mr-2"></i>
+    How do I manage messages I've recieved with Pixelfed Direct?
+  </a>
+  <div class="collapse" id="collapse2">
+    <div>
+      
+    </div>
   </div>
+</p> --}}
+<p> 
+  <a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse3" role="button" aria-expanded="false" aria-controls="collapse3">
+    <i class="fas fa-chevron-down mr-2"></i>
+    How do I unsend a message I've sent using Pixelfed Direct?
+  </a>
+  <div class="collapse" id="collapse3">
+    <div class="mt-2">
+      You can click the message and select the <strong>Delete</strong> option.
+    </div>
+  </div>
+</p>
+<p> 
+  <a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse4" role="button" aria-expanded="false" aria-controls="collapse4">
+    <i class="fas fa-chevron-down mr-2"></i>
+    Can I use Pixelfed Direct to send messages to people I’m not following?
+  </a>
+  <div class="collapse" id="collapse4">
+    <div class="mt-2">
+      You can send a message to someone you are not following though it may be sent to their filtered inbox and not easily seen.
+    </div>
+  </div>
+</p>
+<p> 
+  <a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse5" role="button" aria-expanded="false" aria-controls="collapse5">
+    <i class="fas fa-chevron-down mr-2"></i>
+    How do I report content that I've recieved in a Pixelfed Direct message?
+  </a>
+  <div class="collapse" id="collapse5">
+    <div class="mt-2">
+      You can click the message and then select the <strong>Report</strong> option and follow the instructions on the Report page.
+    </div>
+  </div>
+</p>
+
 @endsection