@extends('layouts.template')

@section('title')
Pengajuan | PEMBAYARAN
@endsection

@section('pagetitle')
Data Pengajuan
@endsection

@section('breadcumb')
<nav aria-label="breadcrumb" role="navigation" class="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Beranda</a></li>
        <li class="breadcrumb-item active" aria-current="page">Data Pengajuan</li>
    </ol>
</nav>
@endsection

@section('content')
<style>
    select,
    option {
        top: 50px;
    }

    #buttonStyle {
        padding: 10px;
        color: white;
        background-color: #2D72EA;
        border: 1px solid #2D72EA;
        border-radius: 5px;
        cursor: pointer;
    }

    #buttonStyle:hover {
        background-color: #01ADFF;
        border: 1px solid #2D72EA;
    }

    #errormsg {
        /* padding:50px; */
        font-family: sans-serif;
        color: #aaa;
    }

    p .reds {
        color: red;
    }

    p .bold {
        font-weight: bold;
    }

    .input-field select {
        margin-top: 80px;
    }
</style>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title" style="margin-left:10px;"><b>Daftar Semua DPBB  NON MEDIS</b></h4>
	            </div>
                <div class="card-content table-responsive table-full-width ">
                    <div class="toolbar">
                        <!--Here you can write extra buttons/actions for the toolbar-->
                    </div>
                    <table id="bootstrap-table" class="table table-striped table-bordered">
                        <thead  style="background:#9C27B0;min-height:100px; color:#fff !important; font-size:12px;">
                        <th data-field="id_unit" data-sortable="true"><b>Unit</b></th>
                            <th data-field="doc_date" data-sortable="true"><b>Tanggal</b></th>
                            <th data-field="doc_no" data-sortable="true"><b>Nomor</b></th>
                            <th data-field="keterangan"><b>Keterangan</b></th>
                            <th data-field="actions" class="td-actions text-center" ><b>Aksi</b></th>
                        </thead>
                        <tbody>
                        @foreach ($data as $index => $r)
                            <tr>
                                 <td>{{$r->unit->nama_unit}}</td>
                                <td>{{ date( 'd-m-y', strtotime($r->doc_date));}}</td>
                                <td>{{$r->doc_no}}</td>
                                <td>{{$r->keterangan}}</td>
                                <td class="text-center"><a href="{{ route('dpbbn.show', $r->id) }}" class="btn btn-xs btn-info" title="View Detail"><i class="fa fa-eye"></i></a>
                                <a href="{{ route('approvalnon.track', $r->id) }}" class="btn btn-xs btn-success" title="Track Dokumen"><i class="fa fa-history"></i></a>
                                </td>

                            </tr>
                        @endforeach
                           
                        </tbody>
                    </table>
                </div>
            </div><!--  end card  -->
        </div> <!-- end col-md-12 -->
    </div> <!-- end row -->
</div>


@endsection