@extends('layouts.welcome')

@section('content')

<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">Unduh Berkas</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#konfirmasi-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="konfirmasi-part" id="konfirmasi-part-trigger">
                    <span class="bs-stepper-circle">2</span>
                    <span class="bs-stepper-label">Konfirmasi</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-dana-ortu-asuh" 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">Unduh 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 width="5%">NO</th>
                                            <th>NAMA DOKUMEN</th>
                                            <th class="text-center">#</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($dokumen_req as $k => $dr)