@foreach($page_data as $data)
<!-- slider -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="{{ URL::asset('frontend/img/faq_banner.jpg') }}" class="img-responsive banner-img">
    </div>
  </div>
</div>
<!-- slider end -->

<!-- contact us -->
<section id="faq-info">
	<div class="container">
		<div class="row">
            <div class="col-md-12">
                <div class="tab" role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab">Top 5 Questions</a></li>
                       <li role="presentation"><a href="#Section6" aria-controls="messages" role="tab" data-toggle="tab">Sending Files to Us</a></li>                        
                        <li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab">Design & Layout</a></li>
                        <li role="presentation"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab">Publishing Your Book</a></li>                                                     
                        <li role="presentation"><a href="#Section4" aria-controls="messages" role="tab" data-toggle="tab">Pricing</a></li>
                        <li role="presentation"><a href="#Section5" aria-controls="messages" role="tab" data-toggle="tab">Ordering & Printing</a></li>
 
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content tabs">
                        <div role="tabpanel" class="tab-pane fade in active" id="Section1">
        					<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                @foreach($faqs as $faq)
	                                @if($faq->tab_id == 1)
	                                <div class="panel panel-default">
	                                    <div class="panel-heading" role="tab" id="headingTwo">
	                                        <h4 class="panel-title">
	                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#{{ $faq->id }}" aria-expanded="false" aria-controls="{{ $faq->id }}">
	                                                {{ $faq->question }}
	                                            </a>
	                                        </h4>
	                                    </div>
	                                    <div id="{{ $faq->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
	                                        <div class="panel-body">
	                                            	                                            @if($faq->extra_field != null)
	                                            												<div class="">
													@for($y = 0; $y < $a; $y++)
                                                    <div class="col-md-4">
                                                        <a href="{{ $extra_field->link[$y] }}">
                                                        	<div class="faq_btn">{{ $extra_field->name[$y] }}</div>
                                                        </a>
                                                    </div>
                                                    @endfor
                                                </div>
	                                            @endif
	                                        </div>
	                                    </div>
	                                </div>
	                                @endif
								@endforeach
                            </div><!-- panel group -->
                        </div><!-- tab-panel -->
                        <div role="tabpanel" class="tab-pane fade in" id="Section2">
                        	<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                @foreach($faqs as $faq)
	                                @if($faq->tab_id == 2)
	                                <div class="panel panel-default">
	                                    <div class="panel-heading" role="tab" id="headingTwo">
	                                        <h4 class="panel-title">
	                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#{{ $faq->id }}" aria-expanded="false" aria-controls="{{ $faq->id }}">
	                                                {{ $faq->question }}
	                                            </a>
	                                        </h4>
	                                    </div>
	                                    <div id="{{ $faq->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
	                                        <div class="panel-body">
	                                            	                                        </div>
	                                        
	                                    </div>
	                                </div>
	                                @endif
								@endforeach
                            </div><!-- panel group -->
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="Section3">
                        	<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                @foreach($faqs as $faq)
	                                @if($faq->tab_id == 3)
	                                <div class="panel panel-default">
	                                    <div class="panel-heading" role="tab" id="headingTwo">
	                                        <h4 class="panel-title">
	                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#{{ $faq->id }}" aria-expanded="false" aria-controls="{{ $faq->id }}">
	                                                {{ $faq->question }}
	                                            </a>
	                                        </h4>
	                                    </div>
	                                    <div id="{{ $faq->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
	                                        <div class="panel-body">
	                                            	                                        </div>
	                                        
	                                    </div>
	                                </div>
	                                @endif
								@endforeach
                            </div><!-- panel group -->
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="Section4">
                        	<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                @foreach($faqs as $faq)
	                                @if($faq->tab_id == 4)
	                                <div class="panel panel-default">
	                                    <div class="panel-heading" role="tab" id="headingTwo">
	                                        <h4 class="panel-title">
	                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#{{ $faq->id }}" aria-expanded="false" aria-controls="{{ $faq->id }}">
	                                                {{ $faq->question }}
	                                            </a>
	                                        </h4>
	                                    </div>
	                                    <div id="{{ $faq->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
	                                        <div class="panel-body">
	                                            	                                        </div>
	                                        
	                                    </div>
	                                </div>
	                                @endif
								@endforeach
                            </div><!-- panel group -->
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="Section5">
                        	<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                @foreach($faqs as $faq)
	                                @if($faq->tab_id == 5)
	                                <div class="panel panel-default">
	                                    <div class="panel-heading" role="tab" id="headingTwo">
	                                        <h4 class="panel-title">
	                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#{{ $faq->id }}" aria-expanded="false" aria-controls="{{ $faq->id }}">
	                                                {{ $faq->question }}
	                                            </a>
	                                        </h4>
	                                    </div>
	                                    <div id="{{ $faq->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
	                                        <div class="panel-body">
	                                            	                                        </div>
	                                        
	                                    </div>
	                                </div>
	                                @endif
								@endforeach
                            </div><!-- panel group -->
                        </div>
                        <div role="tabpanel" class="tab-pane fade in" id="Section6">
                        	<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                @foreach($faqs as $faq)
	                                @if($faq->tab_id == 6)
	                                <div class="panel panel-default">
	                                    <div class="panel-heading" role="tab" id="headingTwo">
	                                        <h4 class="panel-title">
	                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#{{ $faq->id }}" aria-expanded="false" aria-controls="{{ $faq->id }}">
	                                                {{ $faq->question }}
	                                            </a>
	                                        </h4>
	                                    </div>
	                                    <div id="{{ $faq->id }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
	                                        <div class="panel-body">
	                                            	                                        </div>
	                                        
	                                    </div>
	                                </div>
	                                @endif
								@endforeach
                            </div><!-- panel group -->
                        </div>
                    </div><!-- tab content -->
                </div><!-- tab -->
            </div><!-- col-md-12 -->
		</div><!-- row -->
	</div><!-- container -->
</section>
<!-- end contact us -->
@endforeach