@extends('adminlte::page')
@section('title', 'Daftar Pegawai')

@section('content')
<a href="{{ route('pegawai.create') }}" class="btn btn-sm btn-primary">Tambah Data</a><br><br>
<table class="table table-bordered" width="100%" cellspacing="0">
    <thead>
      <tr>
        <th width="3%">No</th>
        <th width="15%">NIP</th>
        <th>Nama Lengkap</th>
        <th>Jenis Kelamin</th>
        <th>Tgl Lahir</th>
        <th>Jabatan</th>
        <th>Foto</th>
        <th style="width: 140px">Aksi</th>
      </tr>
    </thead>
    <tbody>
      <!-- {{ $no = 1 }} -->
      @foreach ( $staff as $k )
        <tr>
            <td>{{ $no++ }}</td>
            <td>{{ $k->nip }}</td>
            <td>{{ $k->nama_lengkap }}</td>
            <td>


             @if ($k->jenis_kelamin == 1)

                Laki-laki

            @else

               Perempuan

            @endif

            </td>
            <td>{{ $k->tempat_lahir }} , {{ $k->tanggal_lahir }}</td>
            <td>{{ $k->jabatan }}</td>
            <td>
              <img src="{{url('images')}}/{{$k->foto}}"
                    alt="project-image" class="rounded" style="width: 100%; max-width: 100px; height: auto;">
            </td>
            <td>
                <a href="{{ route('pegawai.edit', $k->id) }}" class="btn btn-sm btn-warning">edit</a>
                <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#exampleModal{{$k->id}}">
                    hapus
                </button>

                    
                  <!-- Modal -->
                <div class="modal fade" id="exampleModal{{$k->id}}" tabindex="-1" aria-labelledby="exampleModalLabel"
                  aria-hidden="true">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h1 class="modal-title fs-5" id="exampleModalLabel">Hapus Produk</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                      </div>
                      <div class="modal-body">
                        Apakah anda yakin akan menghapus data {{$k->title}}
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

                        <form action="{{ route('pegawai.destroy', $k->id) }}" method="POST" style="display:inline;">
                          @csrf
                          @method('DELETE')
                          <button type="submit" class="btn btn-danger">Delete</button>
                        </form>

                      </div>
                    </div>
                  </div>
                </div>
              </td>
        </tr>
        @endforeach
        
    </tbody>
  </table>
@endsection