@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">
                            <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]">Data Peserta</a>
                        </li>
                      
                       
                    </ul>
                </div>
            </div>
            <!--end card-->

            <div class="tab-content">
              
                <!--end tab pane-->
                <div class="block 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">Data Peserta {{$peserta[0]->event_name}}</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">
                                    <input type="hidden" name="loket" id="loket" 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" value="">
                                <!-- penjualan      -->
                                    <!-- baris pertama -->
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="pendapatan_penjualan" class="inline-block mb-2 text-base font-medium">Order ID</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="pembayaran_di_muka" class="inline-block mb-2 text-base font-medium">{{$peserta[0]->order_id}}</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                
                                            </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="diskon_penjualan" class="inline-block mb-2 text-base font-medium">KTP/KITAS</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="penjualan_belum_ditagih" class="inline-block mb-2 text-base font-medium">{{$peserta[0]->dokumen_id}}</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                
                                            </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">Nama</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="piutang_belum_ditagih" class="inline-block mb-2 text-base font-medium">{{$peserta[0]->full_name}}</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                               
                                            </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">Alamat</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="hutang_pajak_penjualan" class="inline-block mb-2 text-base font-medium">{{$peserta[0]->alamat}}</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                                
                                            </div>
                                        </div>
                                    <!-- end baris ke empat -->
                                         <!-- baris ke lima -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-2 text-base font-medium">Jenis Kelamin</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="hutang_pajak_penjualan" class="inline-block mb-2 text-base font-medium">{{$peserta[0]->jenis_kelamin}}</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                                
                                            </div>
                                        </div>
                                    <!-- end baris ke lima -->

                                        <!-- baris ke delapan -->
                                        <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-2 text-base font-medium">Kategori</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="hutang_pajak_penjualan" class="inline-block mb-2 text-base font-medium">{{$peserta[0]->package}} - {{$peserta[0]->participant_name}}</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                                
                                            </div>
                                        </div>
                                    <!-- end baris ke delapan -->


                                         <!-- baris ke enam -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-2 text-base font-medium">Size T-Shirt</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                              
                                                <label for="hutang_pajak_penjualan" class="inline-block mb-2 text-base font-medium">{{$peserta[0]->tshirt_size}}</label>
                                                   
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                                
                                            </div>
                                        </div>
                                    <!-- end baris ke enam -->
                                               <!-- baris ke tujuh -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-2 text-base font-medium">Komunitas</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="hutang_pajak_penjualan" class="inline-block mb-2 text-base font-medium">{{$peserta[0]->community}}</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                                
                                            </div>
                                        </div>
                                    <!-- end baris ke tujuh -->
                                      <!-- baris ke sembilan -->
                                    <div class="xl:col-span-2">
                                            <div>
                                                <label for="pengiriman_penjualan" class="inline-block mb-2 text-base font-medium">Bib Number</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                            <label for="hutang_pajak_penjualan" class="inline-block mb-2 text-base font-medium">{{$peserta[0]->bib_number}}</label>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-1">
                                            <div>
                                            </div>
                                        </div>
                                        <div class="xl:col-span-2">
                                            <div>
                                                
                                            </div>
                                        </div>
                                        <div class="xl:col-span-3">
                                            <div>
                                                
                                            </div>
                                        </div>
                                    <!-- end baris ke sembilan -->
                                <!-- end penjualan  -->

                          
                              
                                    </div>
                                    <div class="flex justify-end gap-2 mt-4">
                                           
                                            
                                            @if($peserta[0]->konfirmasi_kehadiran == 0)
                                                <a href="{{route('konfirmasiKehadiran2', $peserta[0]->order_id)}}" class="text-white bg-green-400 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">Konfirmasi Kehadiran</a>
                                            @else
                                                <a href="{{route('konfirmasiDiterima', [$peserta[0]->order_id])}}" 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">Diterima</a>
                                            @endif
                                 
                                      
                                    </div>
                                </form>
                                </div>
                            </div>
                        </div>
                        <!--end col-->
                    </div>
                </div>
                <!--end tab pane-->
              
                <!--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