<div class="container-page-faq">
    <div class="row">
        <div class="col-lg-12 p-0"> 
            <div class="container-v-align-cad-imovel">
                <div class="no-v-align">
                    <div class="row d-flex justify-content-center m-0">
                        <div class="col-lg-9">                            
                            <div class="content-body">
                               <div class="row">
                                    <div class="col-lg-4">
                                        <div class="container-info">
                                            <div class="content-title">
                                                <h2 class="m-0">Perguntas<span>Frequentes</span></h2>
                                                <h3 class="mb-60">Dúvidas? Você está no lugar certo.</h3>
                                            </div>
                                        </div>
                                        <div class="container-input-pesquisa d-block-991">
                                            <div class="icon-input">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                    <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                                                </svg>
                                            </div>
                                            <div class="box-input">
                                                <input type="text" class="form-control busca_resposta" name="pesquisa-ajuda" placeholder="Como podemos ajudar?">
                                            </div>
                                        </div>
                                        <div class="container-box-info accordion sticky-top" id="accordion">
                                            <?php foreach ($faqs as $acord=>$cat){ ?>
                                            <div class="content-box-info">
                                                <div class="card">
                                                    <div class="row">
                                                        <div class="col-lg-12">
                                                            <div class="card-header">
                                                        		<div class="row">
                                                                    <div class="col-10">
                                                                        <a data-toggle="collapse" href="#collapse-<?php e($acord); ?>" aria-expanded="<?php e($cat->expanded); ?>">
                                                                            <?php e($cat->categoria); ?>
                                                                        </a>
                                                                    </div>
                                                                    <div class="col-2">
                                                                        <a data-toggle="collapse" class="icon-collapse f-right collapsed" href="#collapse-<?php e($acord); ?>" aria-expanded="<?php e($cat->expanded); ?>">
                                                                            <i class="fa" aria-hidden="true"></i>
                                                                        </a> 
                                                                    </div>
                                                                </div>
                                                        	</div>
                                                        </div>
                                                    </div>
                                                    <div id="collapse-<?php e($acord); ?>" class="collapse <?php e(($cat->expanded) ? "show" : ""); ?>" data-parent="#accordion">
                                                        <div class="row">
                                                            <div class="col-lg-12">
                                                                <?php foreach ($cat->perguntas as $key=>$perg){ ?>
                                                                <div class="box-pergunta actPergunta <?php e(($perg->active) ? "active" : ""); ?>" data-pergunta="<?php e($perg->id_perg); ?>">
                                                            		 <?php e($perg->pergunta); ?>
                                                                </div>
                                                            	<?php } ?>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php } ?>  
                                        </div>
                                    </div>
                                    <div class="offset-lg-1 col-lg-7">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="container-input-pesquisa d-none-991">
                                                    <div class="icon-input">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                                            <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                            <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                                                        </svg>
                                                    </div>
                                                    <div class="box-input">
                                                        <input type="text" class="form-control busca_resposta" name="pesquisa-ajuda" placeholder="Como podemos ajudar?">
                                                    </div>
                                                </div>
                                                <div class="container-result-busca text-center d-none">  
                                                    <p>Nenhum resultado para esta busca :(</p>
                                                    <p class="link btn-contato">Entre em contato conosco</p>
                                                </div>
                                                <div class="content-box-info" id="container-respostas">
                                                    <div class="container-resposta">
                                                        
                                                        <?php foreach ($faqs as $acord=>$cat){ ?>
                                                        <?php foreach ($cat->perguntas as $key=>$perg){ ?>
                                                        <div class="container-perg-resp perg-<?php e($perg->id_perg); ?> <?php e(($perg->active) ? "contRes" : "d-none"); ?>"> 
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="content-pergunta"><?php e($perg->pergunta); ?></div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="content-resposta"><?php e($perg->resposta); ?></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <?php } } ?>
                                                        
                                                        <div class="row">
                                                            <div class="col-lg-12">
                                                                <div class="redes-sociais">
                                                                    <ul class="list-inline">
                                                                        <li class="list-inline-item">
                                                                            <a href="https://www.facebook.com/comprecomdono" target="_blank">
                                                                                <div class="icon"><i class="fa fa-facebook" aria-hidden="true"></i></div>
                                                                            </a>
                                                                        </li>
                                                                        <li class="list-inline-item">
                                                                            <a href="https://www.instagram.com/comdono/" target="_blank">
                                                                                <div class="icon"><i class="fa fa-instagram" aria-hidden="true"></i></div>
                                                                            </a>
                                                                        </li>
                                                                        <li class="list-inline-item">
                                                                            <a href="https://twitter.com/comdono" target="_blank">
                                                                                <div class="icon"><i class="fa fa-twitter" aria-hidden="true"></i></div>
                                                                            </a>
                                                                        </li>
                                                                        <li class="list-inline-item">
                                                                            <a href="https://www.linkedin.com/company/comdono" target="_blank">
                                                                                <div class="icon"><i class="fa fa-linkedin" aria-hidden="true"></i></div>
                                                                            </a>
                                                                        </li>
                                                                        <!--<li class="list-inline-item"><a href="" target="_blank"><div class="icon"><i class="fa fa-linkedin" aria-hidden="true"></i></div></a></li>-->
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <div class="container-cta text-center">
                                                        <p>Ainda não encontrou o que você procura?<br/>Ficaremos felizes em te ajudar :)</p>
                                                        <p class="link btn-contato">Entre em contato conosco</p>
                                                    </div>
                                                    <!--<hr>
                                                    <div class="container-cta text-center">
                                                        <p>Este artigo foi útil?</p>
                                                        <div class="row row d-flex justify-content-center">
                                                            <div class="col-lg-2">
                                                                <button type="button" class="btn btn-primary-inverse" data-value="sim">Sim</button>
                                                            </div>
                                                            <div class="col-lg-2">
                                                                <button type="button" class="btn btn-primary-inverse" data-value="nao">Não</button>
                                                            </div>
                                                        </div>
                                                        <p>Ainda não encontrou o que você procura?<br/>Ficaremos felizes em te ajudar! :)</p>
                                                        <p class="link actContato">Entre em contato conosco!</p>
                                                    </div>
                                                    <hr>
                                                    <div class="container-artigos-relacionados">
                                                        <h4>Artigos relacionados</h4>
                                                        <ul>
                                                            <li><a href="">Cadastrei meu imóvel, quais são os próximos passos?</a></li>
                                                            <li><a href="">Como solicito fotos profissionais?</a></li>
                                                            <li><a href="">Quais documentos preciso para cadastrar meu imóvel?</a></li>
                                                        </ul>
                                                    </div>-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>