@extends('temp.admin')
@php
use NN\Module\DB;
@endphp
@section("content")

<div class="content-header row">
    <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
        <h3 class="content-header-title mb-0 d-inline-block">Laporan</h3>
        <div class="row breadcrumbs-top d-inline-block">
            <div class="breadcrumb-wrapper col-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item active" id="sublap">RBBP</li>
                </ol>
            </div>
        </div>
    </div>
    <div class="content-header-right col-md-6 col-12">
        <div class="btn-group float-md-right">
        </div>
    </div>
</div>
<div class="content-body">
    <section id="basic-badges">
        <div class="row match-height">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <p>Silahkan pilih tahun laporan dengan ubah form di bawah:</p>
                        <input type="number" id="tahun" class="form-control">
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card" style="height: auto;">
                    <div class="card-header">
                        <h4 class="text-center">RBBP USP Utama</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body text-center">
                            <p>Menampilkan laporan RBPP dan BPP USP berdasarkan rekening Utama.</p>
                            <a class="btn btn-primary lap" href="{{PATH}}/admin/api/export/excel/usp/u/{{date('Y')}}">Cetak Laporan</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card" style="height: auto;">
                    <div class="card-header">
                        <h4 class="text-center">RBBP USP Pembantu</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body text-center">
                            <p>Menampilkan laporan RBPP dan BPP USP berdasarkan rekening Pembantu.</p>
                            <a class="btn btn-primary lap" href="{{PATH}}/admin/api/export/excel/usp/p/{{date('Y')}}">Cetak Laporan</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card" style="height: auto;">
                    <div class="card-header">
                        <h4 class="text-center">RBBP Induk Utama</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body text-center">
                            <p>Menampilkan laporan RBPP dan BPP Induk berdasarkan rekening Utama.</p>
                            <a class="btn btn-primary lap" href="{{PATH}}/admin/api/export/excel/acc/u/{{date('Y')}}">Cetak Laporan</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card" style="height: auto;">
                    <div class="card-header">
                        <h4 class="text-center">RBBP Induk Pembantu</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body text-center">
                            <p>Menampilkan laporan RBPP dan BPP Induk berdasarkan rekening Pembantu.</p>
                            <a class="btn btn-primary lap" href="{{PATH}}/admin/api/export/excel/acc/p/{{date('Y')}}">Cetak Laporan</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection
@section('script')
<script>
    let tahunSekarang = tanggal().normal.split('-')[0];
    let tahun = _id('tahun');

    const updateLink = function(val){
        Array.from(document.querySelectorAll("a.lap"))
        .forEach(function(e){
            let link = e.href.split('/');
            link.pop();
            link.push(val);
            e.href = link.join('/');
        })
    }

    tahun.addEventListener('change', function(){
        updateLink(tahun.value)
    },false)
    tahun.addEventListener('keyup', function(){
        updateLink(tahun.value)
    },false)
    tahun.value = tahunSekarang;
</script>
@endsection