@extends(auth()->user()->hasRole('Pegawai')?'layouts.pegawai.core':'layouts.admin.core')

@section('content')
<section class="content-header">
    @role('Pegawai')
    <div class="container">
        <div class="row">
            <div class="col-sm-12 my-2">
                <a href="{{url('pegawai')}}" class="btn btn-primary btn-sm float-left">
                    < Kembali</a> <h1 class="float-left ml-2">Notif Terbaru</h1>
                        <a href="{{url('notifall')}}" class="btn btn-primary float-right">Semua</a>
            </div>
        </div>
    </div>
    @else
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="float-left">Notifikasi Terbaru</h1>
                <a href="{{url('notifall')}}" class="btn btn-primary float-right">Semua Notifikasi</a>
            </div>
        </div>
    </div>
    @endrole
</section>

<section class="content">
    @foreach ($notif as $n)
    <div class="modal fade" id="modal-detail{{$n->id}}">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Detail Pesan</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>
                        {!! nl2br(e($n->wa_text)) !!}
                    </p>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-light" data-dismiss="modal">Tutup</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    @endforeach

    @role('Pegawai')
    <div class="container">
        @else
        <div class="container-fluid">
            @endrole
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-body table-responsive p-0">
                            <table class="table table-bordered">
                                <tr>
                                    <th width="160px">Tanggal</th>
                                    <th width="250px">Nama Pegawai</th>
                                    <th>Isi Notif</th>
                                    <th width="170px">Detail</th>
                                </tr>
                                @foreach ($notif as $n)
                                <tr>
                                    <td>{{date('d/m/Y H:i:s', strtotime($n->created_at))}}</td>
                                    <td>{{ $n->pegawai->nama }}</td>
                                    <td>{{ $n->isi }}</td>
                                    <td>
                                        @role('Pegawai')
                                        <a class="btn btn-sm btn-info"
                                            href="{{url('pegawai/detail',[$n->t_usulan_pegawai_id])}}"
                                            target="_blank">Usulan</a>
                                        @else
                                        <a class="btn btn-sm btn-info"
                                            href="{{url('usulan/pegawai',[$n->t_usulan_pegawai_id])}}"
                                            target="_blank">Usulan</a>
                                        @endrole
                                        <button class="btn btn-sm btn-primary" data-toggle="modal"
                                            data-target="#modal-detail{{$n->id}}">Isi Pesan</button>
                                    </td>
                                </tr>
                                @endforeach
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>
@endsection