@extends('layout', ['page' => 'study-material'])
@section('title', 'Study Material - ' . config('app.name'))

@section('content')
  @if(isset($breadcrumb) && !empty($breadcrumb))
      @include('partials._breadcrumb-title', ['breadcrumb' => $breadcrumb])
  @endif

<section class="wrap">
   <div class="container">
      <div class="download-box">
         <div class="title title-border">
            <h3>Study Material</h3>
         </div>
         @foreach($materials as $batchName => $batchMaterials)
         <div class="mb-4">
            <p class="text-primary fw-bold fs-4">{{ $batchName }}</p>
            <ol class="list-group list-group-flush">
               @foreach($batchMaterials as $material)
               <li class="list-group-item d-flex justify-content-between align-items-center">
                  <div class="ms-2 me-auto">
                     <div class="fw-bold d-flex align-items-center text-capitalize">
                        <div class="file-icon"><i class="fa fa-file-text me-2"></i></div>
                        {{ $material->title }}
                     </div>
                  </div>
                  <a class="btn btn-sm btn-warning" href="{{ asset('storage/' . $material->file_path) }}" download>
                     Download <i class="fa fa-download ms-1"></i>
                  </a>
               </li>
               @endforeach
            </ol>
         </div>
         @endforeach
      </div>
   </div>
</section>
@endsection