@extends('layouts.app_admin')
@section('content')
<!-- sidebar-wrapper  -->
<main class="page-content">
  <div class="container-fluid">
    <div class="breadcrumb1">
       <ul>
          <li><a href="{{ url('/admin-dashboard')}}">Dashboard ></a></li>
          <li>Faq List</li>
       </ul>
    </div>
    <!-- Breadcumb End -->
    <div class="form-wrapper2">
      <div class="add-field1">
         <div class="row">
            <div class="col-md-12">
               <div class="text-right form-btn">
                  <a href="{{ url('/add-faq') }}" class="common-btn active rem-m">Add Faq</a>
               </div>
            </div>
         </div>
      </div>
      <div class="form-wrapper1">
        <div class="region-list">
          @include('admin.session_message.success')
          @include('admin.session_message.error')
          <table id="example" class="table table-striped table-bordered" style="width:100%">
            <thead>
              <tr>
                 <th>S. No.</th>
                 <th>Question</th>
                 <th>Answer</th>
                 <th>Status</th> 
                 <th>Created At</th>
                 <th>Created By</th>
                 <th>Action</th>
              </tr>
            </thead>
            <tbody>
            @php $i = 1 @endphp

            @if(count($faq) > 0 )

              @foreach($faq as $value)

              <tr>
                 <td>{{ $i }}</td>
                 <td> {!!html_entity_decode($value->faq_question)!!} </td>
                 <td> {!!html_entity_decode($value['faq_answer'])!!} </td>
                 <td>
                  
                    @if($value['status'] == 0)
                      Active
                    @else
                       Inactive
                    @endif

                 </td> 
                 <td>{{ custom_date_format($value->created_at) }}</td>
                 <td>{{ get_staff_log_details($value->created_by) }}</td>
                  <td>
                    <ul class="delete-btn">
                     
                        <li><a href="{{ url('edit-faq/'.base64_encode($value->id)) }}"><i style="color:#0055a6" class="far fa-edit"></i></a></li>
                    
                        <li><a href="javascript:;" data-toggle="modal" data-target="#myModal-delete{{ $i }}" ><i style="color:#ff0000" class="fas fa-trash-alt"></i></a></li>
                    
                    
                    </ul>
                  </td>
              </tr>
                <!-- Delete Modal -->
                <div id="myModal-delete{{ $i }}" class="modal fade myModal-delet" role="dialog">
                   <div class="modal-dialog">
                      <!-- Modal content-->
                      <div class="modal-content">
                          <div class="modal-header">
                            <h4 class="modal-title">Heads up!</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                          </div>
                          <div class="modal-body">
                            <p>Are you sure you want to delete this?</p>
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn-comman-borderd" data-dismiss="modal">Cancel</button>
                            <button type="button" class="common-btn active rem-m" onclick="delete_faq('{{ base64_encode($value->id) }}')" >Ok</button>
                          </div>
                      </div>
                   </div>
                </div>

                @php $i++; @endphp
                @endforeach
              @endif
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <!-- container fluid -->
</main>
<!-- page-content" -->
</div>
<!-- page-wrapper -->
<script type="text/javascript" src="{{ url('/public/admin_assets/js/jquery.dataTables.js') }}"></script>
<script type="text/javascript" src="{{ url('/public/admin_assets/js/dataTables.bootstrap.js') }}"></script>
<script>
   $(document).ready(function() {
     $('#example').DataTable();
   });

   var id;
   function delete_faq(id)
   {
     
      window.location.href="{{ url('delete-faq') }}/"+id;
   }
</script>
@endsection
<!-- Footer -->