@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb pb-3">
                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Unjuran</li>
                    </ol>
                  </nav>

                <div class="card-body text-center">
                    
                    <div class="row mb-4">
                        <div class="col-2 justify-content-start">
                        </div>
                        <div class="col-8 mt-3 justify-content-center">
                        </div>
                        <div class="col-2">
                        </div>
                    </div>

                    <div class="mt-3">

                        <table class='table table-striped table-hover' id='table-unjuran' style="width:100%;">
                            <thead class="thead-dark">
                                <tr>
                                    <th>Bil</th>
                                    <th>Nama</th>
                                    <th>No K/P</th>
                                    <th>No Rujukan</th>
                                    <th>Pinjaman</th>
                                    <th>Upah</th>
                                    <th>Bayaran</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                <td>1</td>
                                <td>31231</td>
                                <td>2321</td>
                                <td>32</td>
                                <td>32</td>
                                <td>32</td>
                                <td>32</td>
                                </tr>
                            </tbody>
                        </table>

                    </div>
                
                </div>
            </div>
        </div>
    </div>
</div>
<script>

    var tableunjuran = $('#table-unjuran').DataTable({
          "scrollX": true
        });
    
    </script>

@endsection