@extends('layouts.app_operasi')

@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"><a href="{{ url('kelulusan') }}">Kelulusan</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Rekod Lulus</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>

                    <table class='table table-striped table-hover' id='table-kelulusan' style="width:100%;">
                        <thead class="thead-dark">
                            <tr>
                                <th>No Rujukan</th>
                                <th>Status</th>
                                <th>Komen</th>
                                <th>Nilai Pembiayaan</th>
                                <th>Nilai Marhun</th>
                                <th>Berat</th>
                                <th>Margin</th>
                                <th>Pelulus</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($arraykelulusan as $index=>$k)
                            <tr>
                                <td>{{ $k['norujukan'] }}</td>
                                <td>{{ $k['status'] }}</td>
                                <td>{{ $k['komen'] }}</td>
                                <td>{{ $k['pinjaman'] }}</td>
                                <td>{{ $k['nilaimarhun'] }}</td>
                                <td>{{ $k['berat'] }}</td>
                                <td>{{ $k['margin'] }}</td>
                                <td>{{ $k['pelulus'] }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                
                </div>
            </div>
        </div>
    </div>
</div>
<script>

    var tablekelulusan = $('#table-kelulusan').DataTable({
        "scrollX": true
        });

</script>
@endsection