@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">Edit</li>
@endsection

@section('content')

@if($err)
<p class="alert alert-info">{{$err}}</p>
@else
<section>
    <div class="bs-stepper" id="stepper-pendaftaran">
        @csrf
        <div class="bs-stepper-header" role="tablist" style="overflow: auto;" id="bs-stepper-header">
            <div class="step" data-target="#upload-berkas-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="upload-berkas-part" id="upload-berkas-part-trigger">
                    <span class="bs-stepper-circle">1</span>
                    <span class="bs-stepper-label">Upload Berkas</span>
                </button>
            </div>
        </div>
        
        <div class="bs-stepper-content">
            @if($last_rejected_note)
            <div class="p-4">
                <div class="card card-info card-outline">
                    <a class="d-block w-100 collapsed" data-toggle="collapse" href="#catatanApproval" aria-expanded="false">
                        <div class="card-header"><h4 class="card-title w-100">Catatan Approval</h4></div>
                    </a>
                    <div id="catatanApproval" class="collapse" data-parent="#stepper-pendaftaran" style="">
                        <div class="card-body">
                            {!! $last_rejected_note !!}
                        </div>
                    </div>
                </div>
            </div>
            @endif
            <div id="upload-berkas-part" class="content" role="tabpanel" aria-labelledby="upload-berkas-part-trigger">
                <form action="#" class="form-upload-berkas" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="upload-berkas-wrapper p-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Dana Ortu Asuh</h4>
                        </div>
                        <div class="card-body">
                            <input type="number" name="dana_ortu_asuh" class="form-control form-control-sm" placeholder="Dana Ortu Asuh" value="{{$dana_ortu_asuh}}">
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Upload Berkas</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="tb_upload_berkas" class="table table-bordered">
                                    <thead>
                                        <tr class="bg-info">
                                            <th>NO</th>
                                            <th>DOKUMEN</th>
                                            <th class="text-center">#</th>
                                            <th>UPLOAD</th>
                                            <th class="nowrap">CHANGE</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($dokumen_req as $k => $dr)