@extends('frontend.template.innermaster')
@section('content')
<div class="knowlegdeSec section_padding">
    <div class="container">
      
@if(count($categories) > 0)
<div class="accordion" id="accordionId">

  <!-- Accordion 1: Biodecontamination -->
   @php
   $i=0;
   @endphp
   @foreach ($categories as $category) 
   @if(count($category->knowledgeCenters)>0)
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading{{ $category->id }}">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $category->id }}"
        aria-expanded="true" aria-controls="collapse{{ $category->id }}">
       {{ ucfirst($category->title) }}
      </button>
    </h2>
    <div id="collapse{{ $category->id }}" class="accordion-collapse collapse @if( $i==1)show @endif " aria-labelledby="heading{{ $category->id }}"
      data-bs-parent="#accordionId">
      <div class="accordion-body">
        <div class="row">
          @foreach($category->knowledgeCenters as $row)
          <div class="col-lg-4 col-md-6 mb-3">
            <a href="{{ url('userfiles/knowledge_center/pdf/'.$row->pdf) }}" target="_blank">
              <div class="pdfBoxDetail">
                <div class="pdfBox">
                  <img src="{{ url('assets/images/pdf.png') }}" class="img-fluid" alt="pdf" />
                </div>
                <div class="pdfName">
                  <p>{{ $row->title }}</p>
                </div>
              </div>
            </a>
          </div>
          @endforeach
        </div>
      </div>
    </div>
  </div>
  @endif
  @php
  $i++;
  @endphp
  @endforeach

  

</div>
@else
<div class="alert alert-info text-center">
  No data found.
</div>
@endif


    </div>
</div>  

@endsection