@extends('layouts.app')

@section('content')
    <div class="block-header">
        <h2>{{trans('validation.attributes.notificacoes')}}</h2>
    </div>

    <ul>
        @foreach($notificacoes as $notificacao)
            {!! Layout::openCard()!!}
            {!! $notificacao !!}
            {!! Layout::closeCard()!!}
        @endforeach
    </ul>

    <style>
        .notification{
            margin-top: 20px;
        }

        .icon-notification{
            text-align: center;
        }

        .icon-notification .material-icons{
            font-size: 50px;
        }
    </style>

    @push('scripts')
    <script>
        $(document).ready(function(){
            $(".notification .btn").on("click",function(e){
                e.preventDefault();

                var botao = $(this);
                var urlRead = botao.attr('href');

                $.get(urlRead, function (data) {
                    if (data == "OK") {
                        botao.parent().parent().parent().parent().hide('fast');
                    }
                });
            });
        });
    </script>
    @endpush

@endsection