@extends('homepage.layout')
@section('content')
    <section class="container">
                @foreach ($data as $a)
            @if ($unit != $a->unit)
                <br />
<b>Warning</b>:  Undefined variable $a in <b>/home/aplikasiposinfo/public_html/ppid-kesbangpol.aplikasipos.info/resources/views/homepage/informasi.blade.php</b> on line <b>8</b><br />
<br />
<b>Warning</b>:  Attempt to read property "unit" on null in <b>/home/aplikasiposinfo/public_html/ppid-kesbangpol.aplikasipos.info/resources/views/homepage/informasi.blade.php</b> on line <b>8</b><br />
                <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
        {{ $data->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