@section('title', 'Participant Details')
@section('heading', 'Participant Details')

@section('top-menu-items')
    <x-partials.top-menu-item name="Participants" route="participants" />
@endsection

<div>
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">                           
                <div class="card mb-5 mb-xl-10" style="background-color: #F3F3F3;" id="kt_profile_details_view">
                    <!--begin::Card header-->
                    <div class="card-header cursor-pointer">
                        <!--begin::Card title-->
                        <div class="card-title m-0">
                            <h3 class="fw-bolder m-0">Participant Details</h3>
                        </div>
                        <!--end::Card title-->
                    </div>
                    <!--begin::Card header-->
                    <!--begin::Card body-->
                    <div class="card-body p-9">
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">First Name</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->first_name ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Last Name</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->last_name ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Email</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->email ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Phone Number</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->phone_number ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Name</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->name ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Type</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->type ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Refunded At</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->refunded_at ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Refund Order ID</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->refund_order_id ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Price</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->price ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Quantity</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->qty ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                        <div class="row mb-7">
                            <label class="col-lg-4 fw-bold text-muted">Weight</label>
                            <div class="col-lg-8">
                                <span class="fw-bolder fs-6 text-gray-800">{{ $participant->weight ?? 'N/A' }}</span>
                            </div>
                        </div>
                        
                    </div>
                    <!--end::Card body-->
                </div>                                
        </div>
    </div>
</div>