@extends('layouts.app')
@section('content')
<section class="content-header">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12">
        <h1 class="float-left">Jenis Surat</h1>
      <a href="{{url('jenis-surat/create')}}" class="btn btn-primary float-right">Jenis Surat Baru</a>
      </div>
    </div>
  </div>
</section>

<!-- Modal -->
<div class="modal fade" id="HapusId" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Hapus Data</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
          </div>
      <form action="{{url('jenis-surat/hapus')}}" method="POST">
        @csrf
        <input type="hidden" id="idhapus" name="idhapus">
      <div class="modal-body">
        <div><i id="bodyHapus"></i></div>
        Hapus Data ini ?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
        <button type="submit" class="btn btn-danger">Ya, Hapus</button>
      </div>
    </form>
    </div>
  </div>
</div>

@include('layouts.success_error')

<section class="content">
  
    <!-- Default box -->
    <div class="card">
      <div class="card-body p-0">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th style='width:20px' class="text-center">No</th>
                    <th>Nama</th>
                    <th style='width:20px'>Opsi</th>
                </tr>
            </thead>
            <tbody>
              @foreach ($jenissurat as $key =>$item)
              <tr>
                <td>{{$key+1}}</td>
                <td>{{$item->nama}}</td>
                <td>
                    <div class="btn-group">
                        <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window" id="ddButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Aksi
                        </button>
                        <div class="dropdown-menu" aria-labelledby="ddButton">
                            <a class="dropdown-item" href="{{route('jenisSurat.edit', ['id'=>$item->id])}}">Edit</a>
                            <button class="dropdown-item" data-toggle="modal" data-target="#HapusId" onclick="$('#idhapus').val('{{$item->id}}');$('#bodyHapus').html('{{$item->nama}}');">Hapus</button>
                        </div>
                    </div>
                    
                </td>
            </tr> 
              @endforeach
            </tbody>
        </table>
      </div>
      <!-- /.card-body -->
      {{-- <div class="card-body py-0 pt-3 border-top">
        @if ($usulanpegawai->firstItem())
          <div class="float-left py-2">
            Menampilkan {{$usulanpegawai->firstItem()}} s/d {{$usulanpegawai->lastItem()}} dari {{$usulanpegawai->total()}} Baris
          </div>
          <div class="float-right">
            {!! $usulanpegawai->appends(request()->except('page'))->links() !!}
          </div>
        @else
          <div class="py-3 text-center">
            Tidak Ada Data
          </div>
        @endif
      </div> --}}
    </div>
    <!-- /.card -->

  </section>
@endsection