@extends('pags.app')
@section('content')
    <main>
        <div class="container-xl">
            <div class="py-24">
                <div class="row">
                    <div class="col-12 col-lg-12 col-xl-12">
                        <div class="tab-content" id="tabSesionContent">
                            <div class="card-iniciativa position-relative bg-lighter rounded-4 p-16 pt-md-40 p-md-32 mb-24">

                                <div class="text-center mb-4">
                                    <h1 class="mb-2">Avisos de privacidad</h1>
                                    <h2 class="h4">LXII Legislatura</h2>
                                </div>
                                <!--
                                            <p>Esta sección está actualizada con la información disponible al sábado 4 de septiembre a las 13:00 horas, por lo que aún no refleja los posibles cambios que pudieran haberse dado posterior a esa fecha, en cuyo caso, una vez validada la información por parte de la Secretaría de Asuntos Parlamentarios, se actualizará a la brevedad.</p>-->
                                @foreach ($dependencias as $index => $dependencia)
                                    <div style=" padding: 10px 10px 10px 25px; border-left: rgb(109, 109, 109) solid 5px; 
                                    color: rgb(4, 68, 151); margin: 10px auto; box-shadow: rgba(0,0,0,0.3) 2px 2px 2px;">

                                        <!-- Botón para colapsar -->
                                        <button class="btn btn-sm btn-outline-secondary w-100 text-start mb-2" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#avisos-{{ $index }}"
                                            aria-expanded="false" aria-controls="avisos-{{ $index }}">
                                            {{ $dependencia->dependencia }} <i class="fas fa-chevron-down"></i>
                                        </button>


                                        <!-- Contenido colapsable -->
                                        <div class="collapse" id="avisos-{{ $index }}">
                                            @foreach ($dependencia->avisos as $item)
                                                <a href='{{ asset('storage/documentos/avisosprivacidad/' . $item->file) }}'
                                                    target="_blank" style="text-decoration: none;">
                                                    <div class="bloque_ley">
                                                        <div class="icon_pdf"><i class="far fa-file-pdf"></i></div>
                                                        <div class="ley_name"><li onmouseover="this.style.color='FireBrick';" onmouseout="this.style.color='';">{{ $item->title }}</li></div>
                                                        <div style="clear: both;"></div>
                                                    </div>
                                                </a>
                                            @endforeach
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                        </div>

                    </div>

                </div>

            </div>
        </div>



    </main>
@endsection