@extends('front/layout')
@section('page_title','Profile')
@section('container')

      <!-- End Header -->
      <main id="main_subjects">
        
         <section id="features" class="course-list mypage" data-aos="fade-up">
            <div class="container">
               <div class="tab-wrapper">
                  <ul class="nav nav-tabs d-flex justify-content-center position-relative">
                     <li class="nav-item">
                        <a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#tab-3-10th">
                           <h4>School Code</sup></h4>
                        </a>
                     </li>
                
                     
                  </ul>
               </div>
               <div class="tab-content">
                  <div class="tab-pane active show" id="tab-3-10th">
                    <div class="container">
                        <div class="row gy-4">
                           <div class="col-lg-12 order-2 order-lg-1 p-0" data-aos="fade-up" data-aos-delay="100">
                              <div class="tab-pane fade show active pt-4"  role="tabpanel" >
                                 <div class="d-flex align-items-start">
                                  
                                    <!--tab content start-->
                                    <div class="tab-content sub-tab">
                                       <!--Students-->
                                     <div class="row">
                                             <div class="col-lg-12">
                                                <div class="sub-tab-content">
                                                   
                                                 
                                                   <div class="sub-tab-block">
												   
                                                   <div class="accordion accordion-flush px-xl-5" id="faqlist">
@if(count($faqs) > 0)
@php $i = 2; @endphp
@foreach($faqs as $faq)
<div class="accordion-item aos-init aos-animate" data-aos="fade-up" data-aos-delay="{{ $i }}00">
  <h3 class="accordion-header">
    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-{{ $faq->id }}">
      {{ $faq->question }}
    </button>
  </h3>
  <div id="faq-content-{{ $faq->id }}" class="accordion-collapse collapse" data-bs-parent="#faqlist">
    <div class="accordion-body">
          </div>
  </div>
</div><!-- # Faq item-->
@php $i++; @endphp
@endforeach
@endif

</div>
														
                                                   </div>
                                                   
                                                </div>
                                             </div>
                                          </div>
                                 
                                  
                                    </div>
                                    <!--tab content end-->
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <!-- End Tab Content 3 -->
        
               </div>
            </div>
         </section>
         <!-- End Features Section -->
      </main>
      <!-- End #main -->
@endsection