@extends('layoutsutama.master3')
@section('content')
        <!-- dari sini -->
    <section class="relative pb-36 pt-44" id="peserta">
        <div class="card">
                <div class="card-body">
                    <h4>{{$nama}}</h4>
                    <table id="alternativePagination" class="display" style="width:100%">
                        <thead>
                            <tr>
                                <th class="px-3.5 py-2.5 font-semibold border border-slate-200 dark:border-zink-500">No</th>
                              
                                <th class="px-3.5 py-2.5 font-semibold border border-slate-200 dark:border-zink-500">Full Name</th>
                                <th class="px-3.5 py-2.5 font-semibold border border-slate-200 dark:border-zink-500">Kab/Kota</th>
                                <th class="px-3.5 py-2.5 font-semibold border border-slate-200 dark:border-zink-500">Community</th>
                                <th class="px-3.5 py-2.5 font-semibold border border-slate-200 dark:border-zink-500">Category run</th>
                                <th class="px-3.5 py-2.5 font-semibold border border-slate-200 dark:border-zink-500">Size jersey</th>
                                <th class="px-3.5 py-2.5 font-semibold border border-slate-200 dark:border-zink-500">Payment</th>
                              
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($peserta as $key => $value)   
                                <tr>
                                    <td class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500">{{ ++$key }}</td>
                     
                                    <!-- <td id="kode" class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500">{{ $value->order_id }}</td> -->
                                    <td  class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500">{{ $value->full_name }}</td>
                                    <td  class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500">{{ $value->nama }}</td>
                                    <td  class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500">{{ $value->community }}</td>
                                    <td  class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500">{{ $value->package }} - {{ $value->jenis_kelamin }} - {{ $value->participant_name }}</td>
                                     <td  class="px-3.5 py-2.5 border border-slate-200 dark:border-zink-500">{{ $value->tshirt_size }}</td>
                                    @if($value->pembayaran == 'Paid' or $value->pembayaran == 'paid' )
                                    <td  class="px-2.5 py-0.5 text-xs font-medium text-center rounded border transition-all duration-200 ease-linear bg-green-100 border-slate-200 text-green-500 hover:bg-green-200 dark:bg-green-400/20 dark:hover:bg-green-400/30 dark:border-slate-200">{{ $value->pembayaran }}</td>
                                    @else
                                    <td  class="px-2.5 py-0.5 text-xs font-medium text-center rounded border transition-all duration-200 ease-linear bg-red-100 border-slate-200 text-red-500 hover:bg-red-200 dark:bg-red-400/20 dark:hover:bg-red-400/30 dark:border-slate-200">{{ $value->pembayaran }}</td>
                                    @endif
                                  
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
    </section>

       
         <!-- sampai sini -->
@endsection