@extends('layout.app')
@section('content')
                <!-- Page-Title -->
                <div class="row">
                    <div class="col-sm-12">
                    <div class="btn-group pull-right m-t-15">
                            <a href="{{ url('/karyawan/create') }}" type="button"  class="btn btn-custom dropdown-toggle waves-effect waves-light" aria-expanded="false">Tambah Karyawan <span class="m-l-5"></span></a>
                    </div>
                        <h4 class="page-title">Karyawan</h4>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-box table-responsive">
                            <table id="datatable-keytable" class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>No Induk Karyawan</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>

                                <tbody>
                                @foreach($karyawan as $kar)
                                    <tr>
                                        <td>{{$kar->name}}</td>
                                        <td>{{$kar->email}}</td>
                                        <td>{{$kar->nip}}</td>
                                        <td class="actions">
                                            <a href="{{ URL::to('karyawan/' . $kar->id) }}" class="btn btn-info"><i class="fa fa-eye"></i></a>
                                            <a href="{{ URL::to('karyawan/' . $kar->id . '/edit') }}" class="btn btn-warning"><i class="fa fa-pencil"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div><!-- end col -->
                </div>
                <!-- end row -->
@endsection