@extends('layouts.master')
@section('content')
<!-- Page-content -->
    <div class="group-data-[sidebar-size=lg]:ltr:md:ml-vertical-menu group-data-[sidebar-size=lg]:rtl:md:mr-vertical-menu group-data-[sidebar-size=md]:ltr:ml-vertical-menu-md group-data-[sidebar-size=md]:rtl:mr-vertical-menu-md group-data-[sidebar-size=sm]:ltr:ml-vertical-menu-sm group-data-[sidebar-size=sm]:rtl:mr-vertical-menu-sm pt-[calc(theme('spacing.header')_*_1)] pb-[calc(theme('spacing.header')_*_0.8)] px-4 group-data-[navbar=bordered]:pt-[calc(theme('spacing.header')_*_1.3)] group-data-[navbar=hidden]:pt-0 group-data-[layout=horizontal]:mx-auto group-data-[layout=horizontal]:max-w-screen-2xl group-data-[layout=horizontal]:px-0 group-data-[layout=horizontal]:group-data-[sidebar-size=lg]:ltr:md:ml-auto group-data-[layout=horizontal]:group-data-[sidebar-size=lg]:rtl:md:mr-auto group-data-[layout=horizontal]:md:pt-[calc(theme('spacing.header')_*_1.6)] group-data-[layout=horizontal]:px-3 group-data-[layout=horizontal]:group-data-[navbar=hidden]:pt-[calc(theme('spacing.header')_*_0.9)]">
        <div class="container-fluid group-data-[content=boxed]:max-w-boxed mx-auto">
            <div class="mt-1 -ml-3 -mr-3 rounded-none card">
                <div class="card-body !px-2.5">
                    
                  
                </div>
                <div class="card-body !px-2.5 !py-0">
                    <ul class="flex flex-wrap w-full text-sm font-medium text-center nav-tabs">
                        <li class="group active">
                            <a href="javascript:void(0);" data-tab-toggle="" data-target="sekilasTabs" class="inline-block px-4 py-2 text-base transition-all duration-300 ease-linear rounded-t-md text-slate-500 dark:text-zink-200 border-b border-transparent group-[.active]:text-custom-500 dark:group-[.active]:text-custom-500 group-[.active]:border-b-custom-500 dark:group-[.active]:border-b-custom-500 hover:text-custom-500 dark:hover:text-custom-500 active:text-custom-500 dark:active:text-custom-500 -mb-[1px]">Sekilas bisnis</a>
                        </li>
                        <li class="group">
                            <a href="javascript:void(0);" data-tab-toggle="" data-target="penjualanTabs" class="inline-block px-4 py-2 text-base transition-all duration-300 ease-linear rounded-t-md text-slate-500 dark:text-zink-200 border-b border-transparent group-[.active]:text-custom-500 dark:group-[.active]:text-custom-500 group-[.active]:border-b-custom-500 dark:group-[.active]:border-b-custom-500 hover:text-custom-500 dark:hover:text-custom-500 active:text-custom-500 dark:active:text-custom-500 -mb-[1px]">Penjualan</a>
                        </li>
                        <li class="group">
                            <a href="javascript:void(0);" data-tab-toggle="" data-target="documentsTabs" class="inline-block px-4 py-2 text-base transition-all duration-300 ease-linear rounded-t-md text-slate-500 dark:text-zink-200 border-b border-transparent group-[.active]:text-custom-500 dark:group-[.active]:text-custom-500 group-[.active]:border-b-custom-500 dark:group-[.active]:border-b-custom-500 hover:text-custom-500 dark:hover:text-custom-500 active:text-custom-500 dark:active:text-custom-500 -mb-[1px]">Pembelian</a>
                        </li>
                        <li class="group">
                            <a href="javascript:void(0);" data-tab-toggle="" data-target="produkTabs" class="inline-block px-4 py-2 text-base transition-all duration-300 ease-linear rounded-t-md text-slate-500 dark:text-zink-200 border-b border-transparent group-[.active]:text-custom-500 dark:group-[.active]:text-custom-500 group-[.active]:border-b-custom-500 dark:group-[.active]:border-b-custom-500 hover:text-custom-500 dark:hover:text-custom-500 active:text-custom-500 dark:active:text-custom-500 -mb-[1px]">Produk</a>
                        </li>
                        <li class="group">
                            <a href="javascript:void(0);" data-tab-toggle="" data-target="asetTabs" class="inline-block px-4 py-2 text-base transition-all duration-300 ease-linear rounded-t-md text-slate-500 dark:text-zink-200 border-b border-transparent group-[.active]:text-custom-500 dark:group-[.active]:text-custom-500 group-[.active]:border-b-custom-500 dark:group-[.active]:border-b-custom-500 hover:text-custom-500 dark:hover:text-custom-500 active:text-custom-500 dark:active:text-custom-500 -mb-[1px]">Aset</a>
                        </li>
                        <li class="group">
                            <a href="javascript:void(0);" data-tab-toggle="" data-target="bankTabs" class="inline-block px-4 py-2 text-base transition-all duration-300 ease-linear rounded-t-md text-slate-500 dark:text-zink-200 border-b border-transparent group-[.active]:text-custom-500 dark:group-[.active]:text-custom-500 group-[.active]:border-b-custom-500 dark:group-[.active]:border-b-custom-500 hover:text-custom-500 dark:hover:text-custom-500 active:text-custom-500 dark:active:text-custom-500 -mb-[1px]">Bank</a>
                        </li>
                        <li class="group">
                            <a href="javascript:void(0);" data-tab-toggle="" data-target="pajakTabs" class="inline-block px-4 py-2 text-base transition-all duration-300 ease-linear rounded-t-md text-slate-500 dark:text-zink-200 border-b border-transparent group-[.active]:text-custom-500 dark:group-[.active]:text-custom-500 group-[.active]:border-b-custom-500 dark:group-[.active]:border-b-custom-500 hover:text-custom-500 dark:hover:text-custom-500 active:text-custom-500 dark:active:text-custom-500 -mb-[1px]">Pajak</a>
                        </li>
                        <li class="group">
                            <a href="javascript:void(0);" data-tab-toggle="" data-target="produksiTabs" class="inline-block px-4 py-2 text-base transition-all duration-300 ease-linear rounded-t-md text-slate-500 dark:text-zink-200 border-b border-transparent group-[.active]:text-custom-500 dark:group-[.active]:text-custom-500 group-[.active]:border-b-custom-500 dark:group-[.active]:border-b-custom-500 hover:text-custom-500 dark:hover:text-custom-500 active:text-custom-500 dark:active:text-custom-500 -mb-[1px]">Produksi</a>
                        </li>
                       
                    </ul>
                </div>
            </div>
            <!--end card-->

            <div class="tab-content">
                <div class="block tab-pane" id="sekilasTabs">
                    <div class="grid grid-cols-1 gap-x-5 2xl:grid-cols-12">
                        <div class="2xl:col-span-9">
                            <div class="grid grid-cols-1 gap-x-5 xl:grid-cols-12">
                            </div>
                            <!--end grid-->
                        </div>
                        <!--end col-->
                        <div class="2xl:col-span-12">
                            <div class="card">
                                <div class="card-body">
                              
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-12">
                                    <input type="hidden" name="kode_pemetaan" id="kode_pemetaan" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" >
                                <!-- pembelian      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">Neraca</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan apa yang dimiliki (aset), apa saja utangnya (liabilitas), dan apa yang sudah diinvestasikan ke perusahaan ini (ekuitas) pada tanggal tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>

                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">Buku besar</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua transaksi berdasarkan akun dalam periode tertentu, termasuk kronologi pergerakan transaksinya selama periode berlangsung.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="diskon_penjualan" class="inline-block mb-1 text-base font-medium">Laba rugi</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua pendapatan yang diperoleh dan biaya yang dikeluarkan dalam periode tertentu. Template laporan versi terkini bisa Anda custom sesuai kebutuhan.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                        
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="penjualan_belum_ditagih" class="inline-block mb-1 text-base font-medium">Jurnal</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua journal entry per transaksi dalam periode tertentu. Anda dapat melacak transaksi yang masuk ke masing-masing akun.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                    <!-- end baris ke dua -->
                                    <!-- baris ke tiga -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="retur_penjualan" class="inline-block mb-1 text-base font-medium">Arus kas</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan pergerakan uang masuk dan keluar dari transaksi dalam periode tertentu. Template laporan ini bisa Anda custom sesuai kebutuhan.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                     
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="piutang_belum_ditagih" class="inline-block mb-1 text-base font-medium">Neraca saldo</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan saldo dari setiap akun, termasuk saldo awal, pergerakan, dan saldo akhir dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                       
                                    <!-- end baris ke tiga -->
                                    <!-- baris ke empat -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-1 text-base font-medium">Perubahan modal</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan perubahan atau pergerakan ekuitas pemilik dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">Ringkasan bisnis</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan ringkasan laporan keuangan utama dan wawasannya dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris ke empat -->

                                    <!-- baris ke lima -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">Anggaran laba rugi</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan perbandingan antara jumlah transaksi sebenarnya dan anggaran yang telah disusun per akun.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                    </div>
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">Manajemen anggaran</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Memungkinkan Anda mengatur dan mengelola anggaran untuk pengeluaran dan pendapatan perusahaan ini.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                    </div>
                                     <!-- end baris ke lima -->
                                <!-- end pembelian  -->

                                
                                    
                                    </div>
                                   
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                    <!--end grid-->
                </div>
                <!--end tab pane-->
                <div class="hidden tab-pane" id="documentsTabs">
                <div class="grid grid-cols-1 gap-x-5 2xl:grid-cols-12">
                        <div class="2xl:col-span-9">
                            <div class="grid grid-cols-1 gap-x-5 xl:grid-cols-12">
                            </div>
                            <!--end grid-->
                        </div>
                        <!--end col-->
                        <div class="2xl:col-span-12">
                            <div class="card">
                                <div class="card-body">
                              
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-12">
                                    <input type="hidden" name="kode_pemetaan" id="kode_pemetaan" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" >
                                <!-- pembelian      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">Daftar pembelian</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan transaksi pembelian secara kronologis berdasarkan tipenya dalam periode tertentu. Template laporan ini bisa Anda custom sesuai kebutuhan.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>

                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">Pembelian per supplier</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan transaksi pembelian secara kronologis berdasarkan tipenya dalam periode tertentu. Template laporan ini bisa Anda custom sesuai kebutuhan.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="diskon_penjualan" class="inline-block mb-1 text-base font-medium">Utang supplier</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua faktur yang belum dibayar dan saldo memo debit supplier pada tanggal tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                        
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="penjualan_belum_ditagih" class="inline-block mb-1 text-base font-medium">Daftar pengeluaran</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua faktur yang belum dibayar dan saldo memo debit supplier pada tanggal tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                    <!-- end baris ke dua -->
                                    <!-- baris ke tiga -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="retur_penjualan" class="inline-block mb-1 text-base font-medium">Detail pengeluaran</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua transaksi pengeluaran berdasarkan akun dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                     
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="piutang_belum_ditagih" class="inline-block mb-1 text-base font-medium">Usia utang</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan total utang kepada setiap supplier berdasarkan usianya (30, 60, 90, dan setelah 90 hari).</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                       
                                    <!-- end baris ke tiga -->
                                    <!-- baris ke empat -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-1 text-base font-medium">Pengiriman pembelian</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua produk yang dikirim untuk transaksi pembelian dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">Pembelian per produk</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua kuantitas produk yang dibeli, kuantitas retur, pembelian bersih, dan harga pembelian rata-rata dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris ke empat -->

                                    <!-- baris ke lima -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">Penyelesaian pesanan pembelian</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan ringkasan proses bisnis perusahaan ini. Anda dapat mengidentifikasi setiap penyelesaian penawaran dan pesanan pembelian hingga penagihan dan pembayarannya dilakukan.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                     <!-- end baris ke lima -->
                                <!-- end pembelian  -->

                                
                                    
                                    </div>
                                   
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                </div>
                <!--end tab pane-->

                <!-- tab penjualan -->
                <div class="hidden tab-pane" id="penjualanTabs">
                <div class="grid grid-cols-1 gap-x-5 2xl:grid-cols-12">
                        <div class="2xl:col-span-9">
                            <div class="grid grid-cols-1 gap-x-5 xl:grid-cols-12">
                            </div>
                            <!--end grid-->
                        </div>
                        <!--end col-->
                        <div class="2xl:col-span-12">
                            <div class="card">
                                <div class="card-body">
                              
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-12">
                                    <input type="hidden" name="kode_pemetaan" id="kode_pemetaan" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" >
                                <!-- pembelian      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">Daftar penjualan</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan transaksi penjualan secara kronologis berdasarkan tipenya dalam periode tertentu. Template laporan ini bisa Anda custom sesuai kebutuhan.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>

                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">Penjualan per pelanggan</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua transaksi penjualan dari setiap pelanggan dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="diskon_penjualan" class="inline-block mb-1 text-base font-medium">Piutang pelanggan</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua faktur yang belum dibayar dan saldo memo kredit pelanggan pada tanggal tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                        
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="penjualan_belum_ditagih" class="inline-block mb-1 text-base font-medium">Usia piutang</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan total piutang dari setiap pelanggan berdasarkan usianya (30, 60, 90, dan setelah 90 hari).</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                    <!-- end baris ke dua -->
                                    <!-- baris ke tiga -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="retur_penjualan" class="inline-block mb-1 text-base font-medium">Pengiriman penjualan</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua produk yang dikirim untuk transaksi penjualan dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                     
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="piutang_belum_ditagih" class="inline-block mb-1 text-base font-medium">Penjualan per produk</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua kuantitas produk yang terjual, kuantitas retur, penjualan bersih, dan harga penjualan rata-rata dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                       
                                    <!-- end baris ke tiga -->
                                    <!-- baris ke empat -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-1 text-base font-medium">Penyelesaian pesanan penjualan</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan ringkasan proses bisnis perusahaan ini. Anda dapat mengidentifikasi setiap penyelesaian penawaran dan pesanan penjualan hingga penagihan dan pembayarannya dilakukan.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">Profitabilitas produk</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan total keuntungan yang diperoleh dari produk yang terjual dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris ke empat -->

                                    <!-- baris ke lima -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">Daftar faktur proforma</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua faktur proforma yang dibuat dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                    </div>
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">Daftar tukar faktur</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan semua tukar faktur dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                    </div>
                                     <!-- end baris ke lima -->
                                <!-- end pembelian  -->

                                
                                    
                                    </div>
                                   
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                </div>
                <!-- end tab penjualan -->

                <!-- tab produk -->
                <div class="hidden tab-pane" id="produkTabs">
                <div class="grid grid-cols-1 gap-x-5 2xl:grid-cols-12">
                        <div class="2xl:col-span-9">
                            <div class="grid grid-cols-1 gap-x-5 xl:grid-cols-12">
                            </div>
                            <!--end grid-->
                        </div>
                        <!--end col-->
                        <div class="2xl:col-span-12">
                            <div class="card">
                                <div class="card-body">
                              
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-12">
                                    <input type="hidden" name="kode_pemetaan" id="kode_pemetaan" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" >
                                <!-- pembelian      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">Tingkat pemenuhan pesanan</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan persentase pesanan yang dapat dipenuhi dengan stok saat ini untuk beberapa waktu ke depan.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>

                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">Perputaran persediaan barang</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan rasio tentang seberapa sering produk terjual dan ditambahkan stoknya kembali di sebuah gudang.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="diskon_penjualan" class="inline-block mb-1 text-base font-medium">Ringkasan persediaan barang</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan kuantitas stok yang tersedia dengan harga rata-rata per unit dan total nilainya pada tanggal tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                        
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="penjualan_belum_ditagih" class="inline-block mb-1 text-base font-medium">Kuantitas stok gudang</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan setiap kuantitas produk berdasarkan gudang yang dipilih pada tanggal tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                    <!-- end baris ke dua -->
                                    <!-- baris ke tiga -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="retur_penjualan" class="inline-block mb-1 text-base font-medium">Nilai persediaan barang</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan pergerakan stok per produk berdasarkan stok yang tersedia dan nilai stoknya dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                     
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="piutang_belum_ditagih" class="inline-block mb-1 text-base font-medium">Nilai stok gudang</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan nilai persediaan barang per gudang dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                       
                                    <!-- end baris ke tiga -->
                                    <!-- baris ke empat -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-1 text-base font-medium">Detail persediaan barang</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan daftar produk dengan mutasi dan kuantitas akhirnya.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">Pergerakan barang gudang</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan pergerakan stok per gudang dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris ke empat -->

                                   
                                <!-- end pembelian  -->

                                
                                    
                                    </div>
                                  
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                </div>
                <!-- end tab produk -->

                <!-- tab Aset -->
                <div class="hidden tab-pane" id="asetTabs">
                <div class="grid grid-cols-1 gap-x-5 2xl:grid-cols-12">
                        <div class="2xl:col-span-9">
                            <div class="grid grid-cols-1 gap-x-5 xl:grid-cols-12">
                            </div>
                            <!--end grid-->
                        </div>
                        <!--end col-->
                        <div class="2xl:col-span-12">
                            <div class="card">
                                <div class="card-body">
                              
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-12">
                                    <input type="hidden" name="kode_pemetaan" id="kode_pemetaan" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" >
                                <!-- aset      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">Ringkasan aset tetap</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan daftar aset tetap dengan tanggal akuisisi, biaya awal, akun penyusutan, dan nilai buku.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>

                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">Detail aset tetap</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan daftar aset tetap beserta nilai bukunya dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-6">
                                            <div>
                                                <label for="diskon_penjualan" class="inline-block mb-1 text-base font-medium">Penjualan atau pelepasan aset</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan aset yang dijual atau dilepas dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                        
                                     
                                       
                                    <!-- end baris ke dua -->
                                   
                                <!-- end aset  -->

                                
                                    
                                    </div>
                                    
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                </div>
                <!-- end tab Aset -->

                <!-- tab bank -->
                <div class="hidden tab-pane" id="bankTabs">
                <div class="grid grid-cols-1 gap-x-5 2xl:grid-cols-12">
                        <div class="2xl:col-span-9">
                            <div class="grid grid-cols-1 gap-x-5 xl:grid-cols-12">
                            </div>
                            <!--end grid-->
                        </div>
                        <!--end col-->
                        <div class="2xl:col-span-12">
                            <div class="card">
                                <div class="card-body">
                              
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-12">
                                    <input type="hidden" name="kode_pemetaan" id="kode_pemetaan" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" >
                                <!-- bank      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">Ringkasan rekonsiliasi bank</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan ringkasan saldo rekening koran terekonsiliasi, serta daftar rekening laporan dan transaksi yang belum direkonsiliasi.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>

                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">Mutasi rekening koran</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan daftar rekening koran, status rekonsiliasi, dan sumbernya dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris pertama    -->
                                    
                                <!-- end bank  -->

                                
                                    
                                    </div>
                                   
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                </div>
                <!-- end tab bank -->

                <!-- tab pajak -->
                <div class="hidden tab-pane" id="pajakTabs">
                <div class="grid grid-cols-1 gap-x-5 2xl:grid-cols-12">
                        <div class="2xl:col-span-9">
                            <div class="grid grid-cols-1 gap-x-5 xl:grid-cols-12">
                            </div>
                            <!--end grid-->
                        </div>
                        <!--end col-->
                        <div class="2xl:col-span-12">
                            <div class="card">
                                <div class="card-body">
                              
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-12">
                                    <input type="hidden" name="kode_pemetaan" id="kode_pemetaan" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" >
                                <!-- pembelian      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">Pajak pemotongan</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan dasar pengenaan pajak (DPP), tarif pajak, dan jumlah pajak dengan tipe pemotongan yang digunakan di transaksi dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>

                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">Pajak penjualan</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Menampilkan dasar pengenaan pajak (DPP), tarif pajak, dan jumlah pajak dengan pajak pertambahan nilai (PPN) yang digunakan di transaksi dalam periode tertentu.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris pertama    -->
                                
                                <!-- end pembelian  -->

                                
                                    
                                    </div>
                                    
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                </div>
                <!-- end tab pajak -->

                <!-- tab produksi -->
                <div class="hidden tab-pane" id="produksiTabs">
                <div class="grid grid-cols-1 gap-x-5 2xl:grid-cols-12">
                        <div class="2xl:col-span-9">
                            <div class="grid grid-cols-1 gap-x-5 xl:grid-cols-12">
                            </div>
                            <!--end grid-->
                        </div>
                        <!--end col-->
                        <div class="2xl:col-span-12">
                            <div class="card">
                                <div class="card-body">
                              
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-12">
                                    <input type="hidden" name="kode_pemetaan" id="kode_pemetaan" class="form-input border-slate-200 dark:border-zink-500 focus:outline-none focus:border-custom-500 disabled:bg-slate-100 dark:disabled:bg-zink-600 disabled:border-slate-300 dark:disabled:border-zink-500 dark:disabled:text-zink-200 disabled:text-slate-500 dark:text-zink-100 dark:bg-zink-700 dark:focus:border-custom-800 placeholder:text-slate-400 dark:placeholder:text-zink-200" >
                                <!-- pembelian      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">Penyusunan produksi</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Memberikan laporan yang berisi daftar penyusunan produksi, bahan baku yang digunakan, dan harga pokok penjualan (HPP) dalam format CSV.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>

                                            </div>
                                        </div>
                                       
                                        <div class="xl:col-span-6">
                                            <div>
                                                <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">Pemisahan produksi</label>
                                                <p class="mb-1 text-slate-500 dark:text-zink-200">Memberikan laporan yang berisi daftar pemisahan produksi, bahan baku yang digunakan, dan harga pokok penjualan (HPP) dalam format CSV.</p>
                                                <a href="#"><button class="mb-3 text-blue-500 btn bg-white-500 border-slate-300 hover:text-white hover:bg-custom-600 hover:border-custom-600 focus:text-white focus:bg-custom-600 focus:border-custom-600 focus:ring focus:ring-custom-100 active:text-white active:bg-custom-600 active:border-custom-600 active:ring active:ring-custom-100 dark:ring-custom-400/20">Lihat laporan</button></a>
                                            </div>
                                        </div>
                                      
                                    <!-- end baris pertama    -->
                             
                                <!-- end pembelian  -->

                                
                                    
                                    </div>
                                   
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                </div>
                <!-- end tab produksi  -->
             
            </div>
            <!--end tab content-->
        </div>
        <!-- container-fluid -->
    </div>
<!-- End Page-content -->

@section('script')
    <!-- pages-account init js-->
    <script src="{{ URL::to('assets/js/pages/pages-account.init.js') }}"></script>
@endsection
@endsection
