@extends('user.template-user')
@section('title','Home')
@section('head')
    
@endsection
@section('content')
<div class="app-main__inner">
    <div class="app-page-title">
        <div class="container fiori-container">
            <div class="page-title-wrapper">
                <div class="page-title-heading">
                    <div>
                        <div class="page-title-head center-elem">
                            <span class="d-inline-block pr-2">
                            <i class=""></i>
                            </span>
                            <span class="d-inline-block">{{$title}}</span>
                        </div>
                        <div class="page-title-subheading opacity-10">
                            <nav class="" aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"> <a href="javascript:void(0);"> <i aria-hidden="true" class="fa fa-home"></i> </a> </li>
                                    <li class="breadcrumb-item"> <a href="javascript:void(0);">Dashboard</a> </li> 
                                    <li class="active breadcrumb-item" aria-current="page"> {{{$title}}} </li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        
    </div>
    <div class="container fiori-container">
        <div class="row mt-5">
            <div class="col-sm-12">
                <div class="table-responsive">
                    <table class="table" id="myTable">
                      <thead>
                        <tr>
                          <th>No</th>
                          <th>Nama</th>
                          <th>NIP</th>
                          <th>Pangkat</th>
                          <th>Jabatan</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($users as $no => $user)
                            <tr class="data{{$user->id}}">
                                <td>{{$no+1}}</td>
                                <td>{{$user->nama}}</td>
                                <td>{{$user->nip}}</td>
                                <td>{{$user->pangkat}}</td>
                                <td>{{$user->jabatan}}</td>
                            </tr>
                        @endforeach
                      </tbody>
                    </table>
                  </div>
            </div>
        </div>
    </div>

</div> 
@endsection

@section('script')
@endsection