@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="overviewTabs" 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]">Banyuwangi</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]">Size T-shirt</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]">Madiun</a>
                        </li>
                        <li class="group">
                            <a href="javascript:void(0);" data-tab-toggle="" data-target="surabayaTabs" 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]">Surabaya</a>
                        </li>
                       
                    </ul>
                </div>
            </div>
            <!--end card-->

            <div class="tab-content">
                <div class="block tab-pane" id="overviewTabs">
                    <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">
                                <h6 class="mb-1">Report Banyuwangi</h6>
                                <p class="mb-1"></p>Report Event EJRF di Pantai Boom Banyuwangi tahun 2025</p>
                                <br>
                                <h6 class="mb-1">Peserta</h6>
                                <p  class="pt-2 mt-2 border-t border-slate-200 dark:border-zink-500"></p>
                                <br>
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-1 md:grid-cols-2 xl:grid-cols-12">
                                   
                                <!-- penjualan      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-2 text-base font-medium">Total Pendaftar</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-2 text-base font-medium">{{$t_all}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">Pencapaian</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">{{$persen}} %</label>
                                            </div>
                                        </div>
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="diskon_penjualan" class="inline-block mb-2 text-base font-medium">Paid</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-2 text-base font-medium">{{$p}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="penjualan_belum_ditagih" class="inline-block mb-2 text-base font-medium"></label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                               
                                            </div>
                                        </div>
                                    <!-- end baris ke dua -->
                                    <!-- baris ke tiga -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="retur_penjualan" class="inline-block mb-2 text-base font-medium">Expired</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-2 text-base font-medium">{{$exp}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="piutang_belum_ditagih" class="inline-block mb-2 text-base font-medium"></label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                               
                                            </div>
                                        </div>
                                    <!-- end baris ke tiga -->
                                    <!-- baris ke empat -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-2 text-base font-medium">Target</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="pengiriman_penjualan" class="inline-block mb-2 text-base font-medium">{{$tar_bw[0]->target_peserta}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-2 text-base font-medium"></label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                               
                                            </div>
                                        </div>
                                    <!-- end baris ke empat -->
                                <!-- end penjualan  -->

                                <!-- pembelian -->
                                <p class="mb-2 xl:col-span-12"></p>
                                <h6 class="mb-1 xl:col-span-4">Kategori Event</h6>
                                <h6 class="mb-1 xl:col-span-2">Bundling 3 Kota</h6>
                                <h6 class="mb-1 xl:col-span-2">Bundling 4 Kota</h6>
                                <p  class=" xl:col-span-12 border-t border-slate-200 dark:border-zink-500"></p>
                                        <!-- baris pertama -->
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="pembelian" class="inline-block mb-2 text-base font-medium">5K</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pembelian" class="inline-block mb-2 text-base font-medium">{{$fivek}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="hutang_belum_ditagih" class="inline-block mb-2 text-base font-medium">{{$fivbund3}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="hutang_belum_ditagih" class="inline-block mb-2 text-base font-medium">{{$fivbund4}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                                
                                            </div>
                                        </div>
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_pembelian" class="inline-block mb-2 text-base font-medium">10K</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pengiriman_pembelian" class="inline-block mb-2 text-base font-medium">{{$tenk}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pengiriman_pembelian" class="inline-block mb-2 text-base font-medium">{{$tenbund3}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pengiriman_pembelian" class="inline-block mb-2 text-base font-medium">{{$tenbund4}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                               
                                            </div>
                                        </div>
                                    <!-- end baris ke dua -->
                                    <!-- baris ke tiga -->
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="uang_muka_pembelian" class="inline-block mb-2 text-base font-medium">FUNWALK</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="uang_muka_pembelian" class="inline-block mb-2 text-base font-medium">{{$fun}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        
                                    <!-- end baris ke tiga -->
                                   
                                <!-- end pembelian -->
                                <!-- AR/AP -->
                                <p class="mb-1 xl:col-span-12"></p>
                                <h6 class="mb-1 xl:col-span-3">Kategori Peserta</h6>
                                <p  class=" xl:col-span-12 border-t border-slate-200 dark:border-zink-500"></p>
                                          <!-- baris pertama -->
                                          <div class="xl:col-span-2">
                                            <div>
                                                <label for="pembelian" class="inline-block mb-2 text-base font-medium">Umum</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="pembelian" class="inline-block mb-2 text-base font-medium">{{$u}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="hutang_belum_ditagih" class="inline-block mb-2 text-base font-medium"></label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                                
                                            </div>
                                        </div>
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_pembelian" class="inline-block mb-2 text-base font-medium">Pelajar</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="pengiriman_pembelian" class="inline-block mb-2 text-base font-medium">{{$px}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="pajak_pembelian" class="inline-block mb-2 text-base font-medium"></label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                               
                                            </div>
                                        </div>
                                    <!-- end baris ke dua -->
                                    <!-- baris ke tiga -->
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="uang_muka_pembelian" class="inline-block mb-2 text-base font-medium">Master</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="uang_muka_pembelian" class="inline-block mb-2 text-base font-medium">{{$m}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-7">
                                            <div>
                                            </div>
                                        </div>
                                        
                                    <!-- end baris ke tiga -->
                                     <!-- baris ke empat -->
                                     <div class="xl:col-span-2">
                                            <div>
                                                <label for="uang_muka_pembelian" class="inline-block mb-2 text-base font-medium">Elite</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="uang_muka_pembelian" class="inline-block mb-2 text-base font-medium">{{$e}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-7">
                                            <div>
                                            </div>
                                        </div>
                                        
                                    <!-- end baris ke lima -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="uang_muka_pembelian" class="inline-block mb-2 text-base font-medium">Bundling</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="uang_muka_pembelian" class="inline-block mb-2 text-base font-medium">{{$b}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        
                                    <!-- end baris ke lima -->
                                <!-- end AR/AP -->
                                <!-- Persediaan -->
                                <p class="mb-1 xl:col-span-12"></p>
                                <h6 class="mb-1 xl:col-span-4">Kategori</h6>
                                <h6 class="mb-1 xl:col-span-2">Umum</h6>
                                <h6 class="mb-1 xl:col-span-2">Pelajar</h6>
                                <h6 class="mb-1 xl:col-span-2">Master</h6>
                                <h6 class="mb-1 xl:col-span-2">Elite</h6>
                                <p  class=" xl:col-span-12 border-t border-slate-200 dark:border-zink-500"></p>
                                        <!-- baris pertama -->
                                        <div class="xl:col-span-4">
                                            <div>
                                                <label for="persediaan" class="inline-block mb-2 text-base font-medium text-blue">Umur < 18 Tahun</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$results[0]->j}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsP[0]->j}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                @if(!empty(($resultsM[0]->k)== 'A'))
                                                   
                                                   <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsM[0]->j}} Peserta</label>
                                                @else
                                                    <label for="persediaan" class="inline-block mb-2 text-base font-medium"> 0 Peserta</label>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                @if(!empty($resultsE[0]->j))
                                                   
                                                   <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsE[0]->j}} Peserta</label>
                                                @else
                                                    <label for="persediaan" class="inline-block mb-2 text-base font-medium"> 0 Peserta</label>
                                                @endif
                                            </div>
                                        </div>
                                    
                                    
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-4">
                                            <div>
                                                <label for="persediaan" class="inline-block mb-2 text-base font-medium text-blue">Umur 18-44 Tahun</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$results[1]->j}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsP[1]->j}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                              @if(!empty(($resultsM[0]->k == 'B')))
                                                   
                                                        <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsM[0]->j}} Peserta</label>
                                                    @if(!empty($resultsM[1]->k == 'B'))
                                                        <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsM[1]->j}} Peserta</label>
                                                  
                                                    @endif

                                              @else
                                                  <label for="persediaan" class="inline-block mb-2 text-base font-medium"> 0 Peserta</label>
                                              @endif
                                                
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                @if(!empty($resultsE[1]->j))
                                                   
                                                   <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsE[1]->j}} Peserta</label>
                                                @else
                                                    <label for="persediaan" class="inline-block mb-2 text-base font-medium"> 0 Peserta</label>
                                                @endif
                                            </div>
                                        </div>
                                        
                                    <!-- end baris ke dua -->
                                      <!-- baris ke tiga -->
                                    <div class="xl:col-span-4">
                                            <div>
                                                <label for="persediaan_umum" class="inline-block mb-2 text-base font-medium">Umur > 44 Tahun</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$results[2]->j}} Peserta</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                @if(!empty($resultsP[2]->j))
                                                   
                                                     <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsP[2]->j}} Peserta</label>
                                                @else
                                                    <label for="persediaan" class="inline-block mb-2 text-base font-medium"> 0 Peserta</label>
                                                @endif
                                            
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                              @if(!empty(($resultsM[0]->k == 'C')))
                                                   
                                                   <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsM[0]->j}} Peserta</label>
                                              @elseif(!empty(($resultsM[1]->k == 'C')))
                                                    <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsM[1]->j}} Peserta</label>
                                              @elseif(!empty(($resultsM[2]->k == 'C')))
                                                    <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsM[2]->j}} Peserta</label>
                                              @else
                                                  <label for="persediaan" class="inline-block mb-2 text-base font-medium"> 0 Peserta</label>
                                              @endif

                                       

                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                @if(!empty($resultsE[2]->j))
                                                   
                                                   <label for="persediaan" class="inline-block mb-2 text-base font-medium">{{$resultsE[2]->j}} Peserta</label>
                                                @else
                                                    <label for="persediaan" class="inline-block mb-2 text-base font-medium"> 0 Peserta</label>
                                                @endif
                                            </div>
                                        </div>
                                    <!-- end baris ke tiga -->
                                <!-- end persediaan -->
                             
                                    
                                    </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">
                                <h6 class="mb-1">Size T-shirt</h6>
                               
                                <br>
                                <h6 class="mb-1">Pria</h6>
                                <p  class="pt-2 mt-2 border-t border-slate-200 dark:border-zink-500"></p>
                                <br>
                                <form id="applyLeave" action="#" method="POST">
                                    @csrf
                                    <div class="grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-12">
                                   
                                <!-- penjualan      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">XS</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            <label for="pembayaran_di_muka" class="inline-block mb-1 text-base font-medium">{{$xs}} pcs</label>
                                            </div>
                                        </div>
                                     
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">XL</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-6">
                                            <div>
                                            <label for="pembayaran_di_muka" class="inline-block mb-1 text-base font-medium">{{$xl}} pcs</label>
                                            </div>
                                        </div>
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="diskon_penjualan" class="inline-block mb-1 text-base font-medium">S</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            <label for="penjualan_belum_ditagih" class="inline-block mb-1 text-base font-medium">{{$s}} pcs</label>
                                            </div>
                                        </div>
                                     
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">2XL</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-6">
                                            <div>
                                            <label for="penjualan_belum_ditagih" class="inline-block mb-1 text-base font-medium">{{$xxl}} pcs</label>
                                            </div>
                                        </div>
                                    <!-- end baris ke dua -->
                                    <!-- baris ke tiga -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="retur_penjualan" class="inline-block mb-1 text-base font-medium">M</label>
                                            </div>
                                        </div>
                                        
                                        <div class="xl:col-span-1">
                                            <div>
                                            <label for="piutang_belum_ditagih" class="inline-block mb-1 text-base font-medium">{{$m}} pcs</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">3XL</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-6">
                                            <div>
                                            <label for="piutang_belum_ditagih" class="inline-block mb-1 text-base font-medium">{{$xxxl}} pcs</label>
                                            </div>
                                        </div>
                                    <!-- end baris ke tiga -->
                                    <!-- baris ke empat -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-1 text-base font-medium">L</label>
                                            </div>
                                        </div>
                                      
                                        <div class="xl:col-span-1">
                                            <div>
                                            <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">{{$l}} pcs</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">4XL</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-6">
                                            <div>
                                            <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">{{$xxxxl}} pcs</label>
                                            </div>
                                        </div>
                                    <!-- end baris ke empat -->
                                <!-- end penjualan  -->

                                <!-- wanita -->
                                <p class="mb-1 xl:col-span-12"></p>
                                <h6 class="mb-1 xl:col-span-3">Wanita</h6>
                                <p  class=" xl:col-span-12 border-t border-slate-200 dark:border-zink-500"></p>
                                        <!-- wanita      -->
                                    <!-- baris pertama -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">2XS</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            <label for="pembayaran_di_muka" class="inline-block mb-1 text-base font-medium">{{$wxxs}} pcs</label>
                                            </div>
                                        </div>
                                     
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">L</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-6">
                                            <div>
                                            <label for="pembayaran_di_muka" class="inline-block mb-1 text-base font-medium">{{$wl}} pcs</label>
                                            </div>
                                        </div>
                                    <!-- end baris pertama    -->
                                    <!-- baris ke dua -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="diskon_penjualan" class="inline-block mb-1 text-base font-medium">XS</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            <label for="penjualan_belum_ditagih" class="inline-block mb-1 text-base font-medium">{{$wxs}} pcs</label>
                                            </div>
                                        </div>
                                     
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">XL</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-6">
                                            <div>
                                            <label for="penjualan_belum_ditagih" class="inline-block mb-1 text-base font-medium">{{$wxl}} pcs</label>
                                            </div>
                                        </div>
                                    <!-- end baris ke dua -->
                                    <!-- baris ke tiga -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="retur_penjualan" class="inline-block mb-1 text-base font-medium">S</label>
                                            </div>
                                        </div>
                                        
                                        <div class="xl:col-span-1">
                                            <div>
                                            <label for="piutang_belum_ditagih" class="inline-block mb-1 text-base font-medium">{{$ws}} pcs</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                            <label for="pendapatan_penjualan" class="inline-block mb-1 text-base font-medium">2XL</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-6">
                                            <div>
                                            <label for="piutang_belum_ditagih" class="inline-block mb-1 text-base font-medium">{{$wxxl}} pcs</label>
                                            </div>
                                        </div>
                                    <!-- end baris ke tiga -->
                                    <!-- baris ke empat -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-1 text-base font-medium">M</label>
                                            </div>
                                        </div>
                                      
                                        <div class="xl:col-span-1">
                                            <div>
                                            <label for="hutang_pajak_penjualan" class="inline-block mb-1 text-base font-medium">{{$wm}} pcs</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                         
                                            </div>
                                        </div>
                                        <div class="xl:col-span-6">
                                            <div>
                                            
                                            </div>
                                        </div>
                                    <!-- end baris ke empat -->
                                <!-- end wanita -->
                                                                    
                                    </div>
                                    <div class="flex justify-end gap-2 mt-4">
                                    <!-- <a href="{{route('generalList')}}" class="text-red-500 bg-white btn hover:text-red-500 hover:bg-red-100 focus:text-red-500 focus:bg-red-100 active:text-red-500 active:bg-red-100 dark:bg-zink-700 dark:hover:bg-red-500/10 dark:focus:bg-red-500/10 dark:active:bg-red-500/10">Batalkan</a>
                                        <button type="submit" id="apply_leave" class="text-white btn bg-custom-500 border-custom-500 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">Simpan</button> -->
                                    </div>
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                </div>
                <!--end tab pane-->
                <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>
                        <!--end col-->
                    </div>
                </div>
                <!--end tab penjualan-->
             
            </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