@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">Semua Notif</h1>
            </div>
        </div>
    </div>
    @else
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="float-left">Semua Notifikasi</h1>
            </div>
        </div>
    </div>
    @endrole

</section>

<section class="content">
  
  @foreach ($notifall 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 ($notifall 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])}}">Usulan</a>
                                    @else
                                    <a class="btn btn-sm btn-info"
                                        href="{{url('usulan/pegawai',[$n->t_usulan_pegawai_id])}}">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 class="p-2 mt-2">
                {!! $notifall->links() !!}
            </div>
        </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection