@extends('homepage.layout')
@section('content')
    <section class="container">
                @foreach ($isi as $a)
            <h3>{{ $loop->iteration }}. {{ $a->nama }}</h3>
            @foreach ($a->isi as $b)
                <div class="card-info">
                    <div class="card-data" id="{{ $b->id }}">
                        <div class="judul-info">
                            <span style="font-size: 16px; color:aliceblue;">{{ $b->nama }}</span>
                        </div>
                        <div class="logo-info">
                            <span class="material-symbols-outlined" style="color: white;">
                                add
                            </span>
                        </div>
                    </div>
                    <div class="card-data-isi" id="data-{{ $b->id }}" status="false">
                        <p>{{ $b->deskripsi }}</p>
                        File : <a href="/informasi/download/{{ $b->id }}">{{ $b->file_name }}</a>
                    </div>
                </div>
                <br>
            @endforeach
        @endforeach
        {{-- @foreach ($data as $a)
            @if ($unit != $a->unit)
                <h3>{{ $no++ }}. {{ $unit }}</h3>
            @endif
            <div class="card-info">
                <div class="card-data" id="{{ $a->id }}">
                    <div class="judul-info">
                        <span style="font-size: 16px; color:aliceblue;">{{ $a->keterangan }} {{ $a->nama }}</span>
                    </div>
                    <div class="logo-info">
                        <span class="material-symbols-outlined" style="color: white;">
                            add
                        </span>
                    </div>
                </div>
                <div class="card-data-isi" id="data-{{ $a->id }}" status="false">
                    <p>{{ $a->deskripsi }}</p>
                    <a href="/datainformasis/download/{{ $a->id }}">File Download</a>
                </div>
            </div>
            <br>
        @endforeach --}}
        {{ $isi->links() }}
    </section>
    <script>
        @section('jquery')
            $(".card-data-isi").slideUp();
            $('.card-data').click(function() {
                if ($("#data-" + $(this).attr('id')).attr('status') == "false") {
                    $("#data-" + $(this).attr('id')).attr('status', 'true');
                    $("#data-" + $(this).attr('id')).slideDown('fast');
                } else {
                    $("#data-" + $(this).attr('id')).attr('status', 'false');
                    $("#data-" + $(this).attr('id')).slideUp('fast');
                }
            });
        @endsection
    </script>
@endsection