@extends('layout')

@section('title', 'Consulter les téléchargements')

@section('content')
    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div><!-- End Page Title -->
    <section class="section contact">
        <div class="card p-4">
            <!-- Default Accordion -->
            <div class="accordion" id="accordionExample">
                @foreach ($telechargements as $telechargement)
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="heading{{ $telechargement->id }}">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapse{{ $telechargement->id }}" aria-expanded="false"
                                aria-controls="collapse{{ $telechargement->id }}">
                                {{ $telechargement->nom }}
                            </button>
                        </h2>
                        <div id="collapse{{ $telechargement->id }}" class="accordion-collapse collapse"
                            aria-labelledby="heading{{ $telechargement->id }}" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <iframe src="{{ asset('storage/download/' . $telechargement->pdf) }}" width="100%"
                                    height="1000px"></iframe>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div><!-- End Default Accordion Example -->
        </div>
    </section>
@endsection