@extends('root')
@section('content')
<section class="bg-05 page-hero-section division">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="hero-txt white-color">
                    <h3 class="h3-xs">Notifikasi</h3>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="categories-section division mt-30">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6">
                        <h4 class="h4-xs">Daftar Notifikasi</h4>
                    </div>
                </div>
                <table class="table mt-30">
                    <thead>
                        <tr>
                            <th>Pesan</th>
                            <th>Status</th>
                            <th>Created</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if($notifikasi)
                        @foreach($notifikasi as $n)
                        <tr class="clickable-row" data-href='{{url("/penerbit/notifikasi/detail/")}}/{{$n->notif_id}}'>
                            <td>{{$n->notif_isi}}</td>
                            <td>{{$n->nama_status}}</td>
                            <td>{{$n->created_at}}</td>
                            <td>@if($n->notif_read == 1)
                                <span class="badge bg-success">Read</span>
                                @else
                                <span class="badge bg-warning">UnRead</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>
@endsection
@push('scripts')
<script type="text/javascript">
    $(document).ready(function() {
        $(".clickable-row").click(function() {
            window.location = $(this).data("href");
        });
    })
</script>
@endpush