@extends('homepage.layout')
@section('content')
    <section class="container">
        @foreach ($data as $a)
            <div class="card-info">
                <div class="card-data" id="{{ $a->id }}">
                    <div class="judul-info">
                        <span style="font-size: 16px; color:aliceblue;">{{ $loop->iteration }}. {{ $a->subjek }}</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>
                        Dari : {{ $a->masyarakat->name }} ({{ $a->masyarakat->email }})
                    </p>
                    File : <a href="/data_permohonans/download/{{ $a->id }}" target="_blank">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