@extends('layouts.main')

@section('title','Log Approval Daftar Ulang')
@section('header','Log Approval Daftar Ulang')

@section('breadcrumb')
<li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item"><a href="/log_approval_daftar_ulang">Log Approval Daftar Ulang</a></li>
<li class="breadcrumb-item active">Detail</li>
@endsection

@section('content')
<style>
    td *{
        max-width:50vw;
    }
</style>
<section class="p-4">
    <div class="card card-primary card-outline card-outline-tabs mt-3">
        <div class="card-header">
            <h4 class="card-title">Approval Pengajuan Daftar Ulang</h4>
        </div>
        <div class="card-body">
            <div class="table-responsive mt-3">
                <table class="table table-bordered">
                    <thead>
                        <tr class="bg-info">
                            <th class="nowrap" width="20%">TGL PENGAJUAN</th>
                            <th class="nowrap">APPROVAL</th>
                            <th class="nowrap">TGL APPROVAL</th>
                            <th >CATATAN APPROVAL</th>
                            <th class="nowrap" >ACTION</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($log_approval_daftar_ulang as $ladu)
                        <tr>
                            <td>{{date('d F Y H:i', strtotime($ladu->created_at))}}</td>
                            <td>{{$ladu->approval}}</td>
                            <td>
                                @if($ladu->tgl_approval)
                                {{date('d F Y H:i', strtotime($ladu->tgl_approval))}}
                                @endif
                            </td>
                            <td>{!! $ladu->catatan_approval !!}</td>
                            <td>
                                @if($ladu->approval == "MENUNGGU")
                                <!--<a href="#" class="btn btn-sm btn-success btn-approval-log" data-id="{{$ladu->id}}">APPROVAL</a>-->
                                <a href="#" class="btn btn-sm btn-success btn-approval-log-tagihan" data-id="{{$ladu->id}}">APPROVAL & GENERATE TAGIHAN</a>
                                @endif
                                @if($ladu->approval == "DISETUJUI")
                                <a href="#" class="btn btn-sm btn-warning btn-revoke-log" data-id="{{$ladu->id}}">REVOKE</a>
                                @endif
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5">No Data</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <h5 class="mt-2">Data Daftar Ulang</h5>
    <div class="card card-primary card-outline card-outline-tabs mt-3">
        <div class="card-header p-0 border-bottom-0">
            <ul class="nav nav-tabs" id="daftar-ulang-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="berkas-tab" data-toggle="pill" href="#berkas" role="tab" aria-controls="berkas" aria-selected="false">Berkas</a>
                </li>
            </ul>
        </div>
        <div class="card-body">
            <div class="tab-content" id="daftar-ulang-tabContent">
                <div class="tab-pane fade  active show" id="berkas" role="tabpanel" aria-labelledby="berkas-tab">
                    <div class="form-group">
                        <label class="form-control-label">Dana Ortu asuh</label>
                        <input class="form-control form-control-sm" value="{{$dana_ortu_asuh}}" readonly>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr class="bg-info">
                                    <th>NO</th>
                                    <th>DOKUMEN</th>
                                    <th class="nowrap">UPLOADED</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($dokumen_req as $k => $dr)