@extends('layout')
@section('main_title','FAQ')
@section('title','FAQ')
@section('breadcrumb','FAQ')
@section('content')
     <div class="row">
      <div class="col-12" id="accordion">
                      <section class="content">
                          <form method="POST" action="{{route('faq.create')}}">
                              
                           @csrf
               <div class="container-fluid">
                  <!-- SELECT2 EXAMPLE -->
                  <div class="card card-default">
                     <div class="card-header">
                        <h3 class="card-title">Create a F.A.Qs for Experts, Applicants & Staff Members</h3>
                        <div class="card-tools">
                           <button type="button" class="btn btn-tool" data-card-widget="collapse">
                           <i class="fas fa-minus"></i>
                           </button>
                           <button type="button" class="btn btn-tool" data-card-widget="remove">
                           <i class="fas fa-times"></i>
                           </button>
                        </div>
                     </div>
                     <!-- /.card-header -->
                     <div class="card-body">
                        <div class="row">
                           <div class="col-md-2">
                              <div class="form-group">
                                 <label>F.A.Q for</label>
                                 <select class="form-control select2" name="for" id="for" style="width: 100%;">
                                    <option selected="selected">Choose For</option>
                                    <option value="1">Applicants</option>
                                    <option value="2">Experts</option>
                                    <option value="3">Staff Members</option>
									<option value="9">Others</option>
                                 </select>
                              </div>
                              <!-- /.form-group -->
                           </div>
                           <!-- /.col -->
                           <div class="col-md-10">
                              <div class="form-group">
                                 <label>Question</label>
                                 <div class="input-group">
                                    <div class="input-group-prepend">
                                       <span class="input-group-text"><i class="far fa-user"></i></span>
                                    </div>
                                    <input type="text" class="form-control" name="question" id="question" >
                                 </div>
                              </div>
                              <!-- /.form-group -->
                           </div>
                           <!-- /.col -->
                        </div>
                        <div class="row">
                           <div class="col-md-10">
                              <div class="form-group">
                                 <label>Answer</label>
                                 <div class="input-group">
                                    <div class="input-group-prepend">
                                       <span class="input-group-text"><i class="far fa-user"></i></span>
                                    </div>
									<textarea  name="answer" id="answer" class="form-control"></textarea>
                                 </div>
                              </div>
                              <!-- /.form-group -->
                           </div>
                           <!-- /.col -->
                           <div class="col-md-2">
                              <div class="form-group">
                                 <label>Status</label>
                                 <div class="input-group">
                                    <div class="input-group-prepend">
									 <select class="form-control select2" name="status" id="status" style="width: 100%;">
										<option selected="selected">Choose Status</option>
										<option value="1">Publish</option>
										<option value="0">Hold</option>
									 </select>
                                    </div>
                                 </div>
                              </div>
                              <!-- /.form-group -->
                           </div>
                           <!-- /.col -->
                        </div>
                        <div class="row">
                           <div class="col-md-4"></div>
						   <div class="col-md-4">
                              <div class="form-group">
							  	<button type="submit" class="btn btn-primary btn-sm" style="border-radius:25px">Add F.A.Q</button>
                              </div>
                              <!-- /.form-group -->
                           </div>
                           <!-- /.col -->
                           <div class="col-md-4"></div>
                           <!-- /.col -->
                        </div>
                     </div>
                  </div>
                  <!-- /.card -->
               </div>
               </form>
               <!-- /.container-fluid -->
            </section>
      </div>
   </div> 
@endsection