@extends('layout.main')
@section('title') @if( ! empty($title)) {{ $title }} | @endif @parent @endsection

@section('main')

<div class="container">
        <div class="row m-1">
            <div class="col-12">
                <h3 class="display-4 text-center">Kupeza FAQs</h3>
                <h4 class="text-center">Get answers to the most frequently asked questions</h4>
                    <!--Accordion wrapper-->
                <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
                
                  <!-- Accordion card -->
                  <div class="card">
                
                    <!-- Card header -->
                    <div class="card-header" role="tab" id="headingOne1">
                      <a data-toggle="collapse" data-parent="#accordionEx" href="#collapseOne1" aria-expanded="false"
                        aria-controls="collapseOne1">
                        <h4 class="mb-0">
                          Q: Is it possible to search by specific location or area? <i class="fas fa-angle-down rotate-icon"></i>
                        </h4>
                      </a>
                    </div>
                
                    <!-- Card body -->
                    <div id="collapseOne1" class="collapse show" role="tabpanel" aria-labelledby="headingOne1"
                      data-parent="#accordionEx">
                      <div class="card-body accordion-body">
                        Yes, you can search by specific location, you can do so by entering your key words in the search bar. i.e. “two bed-roomed houses for rent, kalingalinga.
                      </div>
                    </div>
                
                  </div>
                  <!-- Accordion card -->
                
                  <!-- Accordion card -->
                  <div class="card">
                
                    <!-- Card header -->
                    <div class="card-header" role="tab" id="headingTwo2">
                      <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseTwo2"
                        aria-expanded="false" aria-controls="collapseTwo2">
                        <h4 class="mb-0">
                          Q: How do I search using the map? <i class="fas fa-angle-down rotate-icon"></i>
                        </h4>
                      </a>
                    </div>
                
                    <!-- Card body -->
                    <div id="collapseTwo2" class="collapse" role="tabpanel" aria-labelledby="headingTwo2"
                      data-parent="#accordionEx">
                      <div class="card-body accordion-body">
                        You can search using the map by selecting a particular area on the map and properties around that area will be availed to you.

                      </div>
                    </div>
                
                  </div>
                  <!-- Accordion card -->
                
                  <!-- Accordion card -->
                  <div class="card">
                
                    <!-- Card header -->
                    <div class="card-header" role="tab" id="headingThree3">
                      <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseThree3"
                        aria-expanded="false" aria-controls="collapseThree3">
                        <h4 class="mb-0">
                          Q: How do I get in touch with the agent responsible for a listed property?
                             <i class="fas fa-angle-down rotate-icon"></i>
                        </h4>
                      </a>
                    </div>
                
                    <!-- Card body -->
                    <div id="collapseThree3" class="collapse" role="tabpanel" aria-labelledby="headingThree3"
                      data-parent="#accordionEx">
                      <div class="card-body accordion-body">
                        When you click on the property of your interest, you can then access buttons that will reveal his/her number, plus you can directly send him/her your message.
                      </div>
                    </div>
                
                  </div>
                  <!-- Accordion card -->
                
                    <div class="card">
                    
                        <!-- Card header -->
                        <div class="card-header" role="tab" id="headingFour4">
                          <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseFour4"
                            aria-expanded="false" aria-controls="collapseFour4">
                            <h4 class="mb-0">
                              Q: I am a home owner, my house has been listed without my consent.
                                 <i class="fas fa-angle-down rotate-icon"></i>
                            </h4>
                          </a>
                        </div>
                    
                        <!-- Card body -->
                        <div id="collapseFour4" class="collapse" role="tabpanel" aria-labelledby="headingFour4"
                          data-parent="#accordionEx">
                          <div class="card-body accordion-body">
                            Visit the contact us page, get in touch with us via e-mail, phone or direct message and we will get back to you and walk you through the necessary steps that will give you exclusive access to your property or ultimately have it removed from our site.
                          </div>
                        </div>
                    
                      </div>
                  <!-- Accordion card -->
                  
                  <!-- Accordion card -->
                
                    <div class="card">
                    
                        <!-- Card header -->
                        <div class="card-header" role="tab" id="headingFive5">
                          <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseFive5"
                            aria-expanded="false" aria-controls="collapseFive5">
                            <h4 class="mb-0">
                              Q: We are an agency, some of our agents are no-longer with us, how can we revoke access to their accounts?
                                 <i class="fas fa-angle-down rotate-icon"></i>
                            </h4>
                          </a>
                        </div>
                    
                        <!-- Card body -->
                        <div id="collapseFive5" class="collapse" role="tabpanel" aria-labelledby="headingFive5"
                          data-parent="#accordionEx">
                          <div class="card-body accordion-body">
                            Unfortunately, we cannot revoke their accounts, but instead, you can remove them from your list of managed agents. A user can only have their account revoked when they breach the code of ethics or terms and conditions.
                          </div>
                        </div>
                    
                      </div>
                  <!-- Accordion card -->
                  
                  <!-- Accordion card -->
                
                    <div class="card">
                    
                        <!-- Card header -->
                        <div class="card-header" role="tab" id="headingSix6">
                          <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseSix6"
                            aria-expanded="false" aria-controls="collapseSix6">
                            <h4 class="mb-0">
                              Q: Can I access Kupeza in a different language?
                                 <i class="fas fa-angle-down rotate-icon"></i>
                            </h4>
                          </a>
                        </div>
                    
                        <!-- Card body -->
                        <div id="collapseSix6" class="collapse" role="tabpanel" aria-labelledby="headingSix6"
                          data-parent="#accordionEx">
                          <div class="card-body accordion-body">
                            Unfortunately, you cannot access it in a different language, but in due time the feature will be made available.
                          </div>
                        </div>
                    
                      </div>
                  <!-- Accordion card -->
                  
                  <!-- Accordion card -->
                
                    <div class="card">
                    
                        <!-- Card header -->
                        <div class="card-header" role="tab" id="headingSeven7">
                          <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseSeven7"
                            aria-expanded="false" aria-controls="collapseSeven7">
                            <h4 class="mb-0">
                              Q: How can I access the mobile app?
                                 <i class="fas fa-angle-down rotate-icon"></i>
                            </h4>
                          </a>
                        </div>
                    
                        <!-- Card body -->
                        <div id="collapseSeven7" class="collapse" role="tabpanel" aria-labelledby="headingSeven7"
                          data-parent="#accordionEx">
                          <div class="card-body accordion-body">
                           You can access the mobile app through the google play store and apple app store where it is available for download.
                          </div>
                        </div>
                    
                      </div>
                  <!-- Accordion card -->
                </div>
                <!-- Accordion wrapper -->
                <div class="text-center">
                    <a href="https://kupeza.co.zm/contact-us" class="btn btn-lg btn-learn"><strong>Learn More</strong></a>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('page-js')
<script src=""></script>
<script>
    @if(session('success'))
            toastr.success('{{ session('success') }}', '<?php echo trans('app.success') ?>', toastr_options);
        @endif
</script>
@endsection