@extends('layout.app')
@section('content')
@include('components.banner',['title'=>'Questions fréquemment posées','img'=>'pics/banner/faq-banner.jpg'])
 <!-- CONTENT START -->
 <div class="page-content">
    <!-- SECTION CONTENT -->
    <div class="section-full p-t80 p-b50">
    
        <div class="container">
            <div class="row">
            
                <!-- SIDE BAR START -->
                <div class="col-lg-4 col-md-12">
                
                    <aside  class="side-bar">
                    
                        <!-- SEARCH BLOCK START -->
                        <div class="widget">
                            <h4 class="widget-title">Search</h4>
                            <div class="search-bx">
                                <form role="search" method="post">
                                    <div class="input-group">
                                        <input name="Search" type="text" class="form-control" placeholder="Write your text">
                                        <span class="input-group-btn">
                                            <button type="submit" class="site-button"><i class="fa fa-search"></i></button>
                                        </span>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <!-- SEARCH BLOCK END -->
                        
                        <!-- RECENT POST BLOCK START -->
                        <div class="widget bg-white recent-posts-entry">
                            <h4 class="widget-title">Recent Posts</h4>
                            <div class="widget-post-bx bg-gray">
                                @php $count = 0; @endphp
                                @while($count < 3 && $blogs->count() > $count)
                                    @php 
                                        $blog = $blogs[$count]; 
                                        $date_time = $blog->creation_date;
                                        $nouveau_format = \Carbon\Carbon::parse($date_time);
                                    @endphp
                                    <div id="web-design-{{ $count + 1 }}">
                                        <div class="widget-post-bx">
                                            <div class="widget-post clearfix bg-gray">
                                                <div class="wt-post-media">
                                                    <img src="data:image/png;base64," alt="" class="radius-bx">
                                                </div>
                                                <div class="wt-post-info">
                                                    <div class="wt-post-header">
                                                        <h6 class="post-title">{{$blog->article_tittle}}</h6>
                                                    </div>
                                                    <div class="wt-post-meta">
                                                        <ul>
                                                            <li class="post-author">{{$blog->created_by}}</li>
                                                            <li class="post-comment"><i class="fa-regular fa-clock"></i> {{ $nouveau_format->isoFormat('MMMM D, YYYY', 'fr') }}</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @php $count++; @endphp
                                @endwhile
                            </div>
                        </div>
                        <!-- RECENT POST BLOCK START -->
                        
                       
                                                          
                    </aside>

                </div>
                <!-- SIDE BAR END -->                    
            
                <div class="col-lg-8 col-md-12">
                    <div>
                        <div class="p-b30">
                            <h2 class="text-uppercase">Frequently Asked Questions</h2>
                            <div class="wt-separator-outer">
                            <div class="wt-separator style-square">
                               <span class="separator-left site-bg-primary"></span>
                               <span class="separator-right site-bg-primary"></span>
                            </div>
                            </div>
                        </div>
                        @if($faqs != null && count($faqs)>0)
                            @foreach($faqs as $key => $faq)
                            <div class="faq-block">
                                <h3 class="faq-que">{{$faq->fr_question}}</h3>
                                <div class="faq-ans">
                                    {!!$faq->fr_answer!!}
                                </div>
                            </div>
                            @endforeach
                        @endif
                        
                        
                        
                    </div>
                </div>
                
            </div>
        </div>
        
    </div>
    <!-- SECTION CONTENT END -->
    

</div>
<!-- CONTENT END -->
@endsection