@extends('admin.admin-template')
@section('title', $title)
@section('css')
@endsection

@section('content')

  <div class="content-wrapper">

    <div class="dashboard-header d-flex flex-column grid-margin">
      <div class="d-flex align-items-center justify-content-between flex-wrap border-bottom pb-3 mb-3">
        <div class="d-flex align-items-center">
          <h4 class="mb-0 font-weight-bold">Admin</h4>
          <div class="d-none ml-3 mt-2 d-md-flex">
            <p class="text-muted mb-0 tx-13 cursor-pointer">Home</p>
            <i class="mdi mdi-chevron-right text-muted"></i>
            <p class="text-muted mb-0 tx-13 cursor-pointer">User</p>
            <i class="mdi mdi-chevron-right text-muted"></i>
            <p class="text-muted mb-0 tx-13 cursor-pointer">{{$title}}</p>
          </div>
        </div>
        <div class="button-wrapper d-flex align-items-center mt-md-3 mt-xl-0">
          
        </div>
      </div>
    </div>


    <div class="row">
        <div class="col-lg-12 grid-margin stretch-card">
            <div class="card">
              <div class="card-body">

                <b>User / Pengunjung </b><br>
                Terdiri dari masyarakat Sipil atau PNS <br><br>

                <div class="table-responsive">
                <table class="table table-sm">
                  <thead>
                    <tr>
                      <td>No</td>
                      <td>Nama</td>
                      <td>Gender</td>
                      <td>Email</td>
                      <td>Pekerjaan</td>
                      <td>NIP</td>
                      <td>Action</td>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($users as $no => $user)
                        <tr id="user{{$user->id}}">
                          <td>{{$no+1}}</td>
                          <td>{{$user->nama}}</td>
                          <td>{{$user->gender}}</td>
                          <td>{{$user->email}}</td>
                          <td>{{$user->pekerjaan}}</td>
                          <td>{{$user->nip}}</td>
                          <td>
                            <a href="{{route('admin.user.show',['id'=>$user->id])}}" class="btn btn-outline-primary btn-sm btn-icon-text">
                              <i class="mdi mdi-eye btn-icon-prepend"></i>Detail
                            </a>
                            <button class="btn btn-outline-danger btn-sm btn-icon-text" onclick="hapusRemove('{{route('admin.user.delete',['id'=> $user->id])}}', 'Apakah kamu yakin ingin menghapus User', 'user{{$user->id}}')">
                              <i class="mdi mdi-close btn-icon-prepend"></i>Hapus
                            </button>
                          </td>
                        </tr>
                    @endforeach
                  </tbody>
                </table>
                </div>
                
               {{$users->links()}}
              </div>
            </div>
        </div>
    </div>
  </div>
@endsection

@section('script')
<script src="{{asset('js/hapus.js')}}"></script>

@endsection