@include('admin/header')
 <div class="col-lg-10 col-md-12 py-4">

       @include('flash_message')

       <div class="card shadow-sm">
         <div class="card-header d-flex justify-content-between align-items-center">
           <h5 class="mb-0">Add FAQ</h5>
         </div>

         <div class="card-body">
           <form action="{{ route('faq.store') }}" method="POST" novalidate>
             {{ csrfField() }}

             <!-- Question Field -->
             <div class="mb-3">
               <label for="faqQuestion" class="form-label">Question <span class="text-danger">*</span></label>
               <textarea
                 id="faqQuestion"
                 name="question"
                 class="form-control"
                 rows="5"
                 placeholder="Enter the FAQ question"
                 required
               ></textarea>
               <div class="form-text">Keep your question clear and concise.</div>
             </div>

             <!-- Answer Field -->
             <div class="mb-3">
               <label for="faqAnswer" class="form-label">Answer <span class="text-danger">*</span></label>
               <textarea
                 id="faqAnswer"
                 name="answer"
                 class="form-control"
                 rows="6"
                 placeholder="Enter a detailed and helpful answer"
                 required
               ></textarea>
               <div class="form-text">Use formatting if necessary to improve readability.</div>
             </div>

             <!-- Submit Button -->
             <div class="d-block">
               <button type="submit" class="btn btn-custom">
                 <i class="bi bi-save me-1"></i> Submit
               </button>
             </div>

           </form>
         </div>
       </div>

     </div>
@include('admin/footer')