@extends('layouts.app')

@section('title', 'Detail Tamu')

@section('content')
    <x-section.card :generasi="$generasi">
        <a href="{{ url()->previous() }}"
           class="inline-flex items-center gap-2 mb-6 px-5 py-3 rounded-xl bg-gradient-to-r from-emerald-500 to-emerald-600 hover:from-emerald-600 hover:to-emerald-700 text-white font-medium shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105 hover:-translate-x-1">
            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
            </svg>
            <span>Kembali</span>
        </a>
        @if($status_tamu == 'vip')
                @foreach($guest_data as $guest)
                <div class="flex flex-col md:flex-row gap-6 md:items-center">
                    <div class="w-40 h-auto rounded-lg overflow-hidden bg-white/5 border border-white/50 shrink-0">
                        <img src="{{
                                    $status_tamu != 'vip'
                                    ? $guest_data['foto_karyawan']
                                    : asset('public/template_undangan/default_profile_picture.jpg')  }}
                                " alt="Foto Tamu" class="w-full h-full object-cover">
                    </div>
                        <div class="flex-1 space-y-2">
                            <h2 class="text-2xl font-bold text-yellow-400">{{ $guest['NIK']}}</h2>
                            <div class="grid grid-cols-1 md:grid-cols-2 gap-3 text-lg">
                                <div class="p-4 rounded-lg bg-yellow-100/10 border border-yellow-400">
                                    <div class="text-yellow-300">Nama Tamu</div>
                                    @if(is_array($guest['NamaTamu']))
                                        <div class="font-semibold text-yellow-200">
                                            @foreach($guest['NamaTamu'] as $name)
                                                <div class="font-semibold text-yellow-200">- {{ $name }}</div>
                                            @endforeach
                                        </div>
                                    @else
                                        <div class="font-semibold text-yellow-200">{{ $guest['NamaTamu'] ?? '-' }}</div>
                                    @endif
                                </div>
                                <div class="p-4 rounded-lg bg-yellow-100/10 border border-yellow-400">
                                    <div class="text-yellow-300">Status</div>
                                    <div class="font-semibold text-yellow-200">VIP | {{ $guest['keterangan_status'] }}</div>
                                </div>
                                <div class="p-4 rounded-lg bg-yellow-100/10 border border-yellow-400">
                                    <div class="text-yellow-300">Undangan valid untuk {{$guest['undangan']}}</div>
                                    <div class="font-semibold text-yellow-200">Silakan menuju meja VIP</div>
                                </div>

                            </div>
                        </div>
                </div>
                <div class="mt-6">

                    <form action="{{route('guests.checkin')}}" method="POST">
                        @csrf
                        <input type="hidden" name="nik" value="{{ $guest['NIK'] }}">
                        <input type="hidden" name="nama" value="{{ $guest['NamaTamu'] }}">
                        <div class="form-check mb-5 ms-2 fs-4">
                            @if($guest['hampers_diterima'] > 0 )
                                <input type="checkbox" class="form-check-input" name="take_hampers" value=0 checked disabled>
                                <label class="form-check-label text-yellow-200" for="take_hampers">already take hampers </lable><br>
                            @elseif($hampers == 0)
                                <input type="checkbox" class="form-check-input" name="take_hampers" value=0 disabled>
                                <label class="form-check-label text-yellow-200" for="take_hampers">no more hampers </lable><br>
                            @else
                                <input type="checkbox" class="form-check-input" name="take_hampers" value=1>
                                <label class="form-check-label text-yellow-200" for="take_hampers">take hampers </lable><br>
                            @endif
                        </div>
                            @if($guest['status_check_in'] == 1)
                            <button type="submit" class="inline-flex items-center justify-center rounded-md bg-emerald-400 px-5 py-2.5 text-sm font-medium" disabled>
                            Already Checked-in
                        @else
                            <button type="submit" class="inline-flex items-center justify-center rounded-md bg-emerald-400 hover:bg-emerald-600 px-5 py-2.5 text-sm font-medium">
                            Check-in
                        @endif
                        </button>
                    </form>
                </div>
                <br>

                <hr>
                @endforeach
                <div class="mt-6 text-md text-bold text-yellow-200">
                    Total Hampers: {{$hampers}}

                </div>
            @elseif(in_array($status_tamu, ['tamu', 'komisaris']))

                <div class="flex flex-col md:flex-row gap-6 md:items-center">
                <div class="w-40 h-40 rounded-lg overflow-hidden bg-white/5 border border-white/50 shrink-0">
                    <img src="{{ asset('public/template_undangan/default_profile_picture.jpg')  }}
                            " alt="Foto Tamu" class="w-full h-full object-cover">
                </div>
                    <div class="flex-1 space-y-2">
                        <h2 class="text-xl font-semibold">
                            @if($status_tamu == 'tamu')
                                Tamu Undangan
                            @elseif($status_tamu == 'komisaris')
                                Komisaris
                            @endif
                        </h2>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-3 text-sm">

                            <div class="p-3 rounded-lg bg-white/50 border border-white/50">
                                <div class="text-black/60">Nama Tamu</div>
                                <div class="font-medium">{{ $guest_data['NamaTamu'] }}</div>
                            </div>
                            <div class="p-3 rounded-lg bg-white/50 border border-white/50">
                                <div class="text-black/60">Status Tamu</div>
                                <div class="font-medium">{{ $guest_data['status_tamu'] }}</div>
                            </div>
                            @if($status_tamu == 'komisaris')
                            <div class="p-3 rounded-lg bg-white/50 border border-white/50">
                                <div class="text-black/60">Nomor Meja</div>
                                <div class="font-medium">{{ $guest_data['meja'] }}</div>
                            </div>
                            @endif

                        </div>
                    </div>
            </div>

            <div class="mt-6">

                <form action="{{route('guests.checkin')}}" method="POST">
                    @csrf
                    <input type="hidden" name="nik" value="{{ $guest_data['NIK'] }}">
                    <input type="hidden" name="nama" value="{{ $guest_data['NamaTamu'] }}">
                    <button type="submit" class="inline-flex items-center justify-center rounded-md bg-emerald-600 hover:bg-emerald-500 px-5 py-2.5 text-sm font-medium">
                        Check-in
                    </button>
                </form>
            </div>
{{-- 
            @elseif($status_tamu == 'tamu')
                        <div class="flex flex-col md:flex-row gap-6 md:items-center">
                <div class="w-40 h-40 rounded-lg overflow-hidden bg-white/5 border border-white/50 shrink-0">
                    <img src="{{

                                
                                 asset('public/template_undangan/default_profile_picture.jpg')  }}
                            " alt="Foto Tamu" class="w-full h-full object-cover">
                </div>
                    <div class="flex-1 space-y-2">
                        <h2 class="text-xl font-semibold">{{ $guest_data['NamaTamu'] ?? '-' }}</h2>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-3 text-sm">

                            <div class="p-3 rounded-lg bg-white/50 border border-white/50">
                                <div class="text-black/60">Status Tamu</div>
                                <div class="font-medium">{{ $guest_data['status_tamu'] ?? '0' }}</div>
                            </div>

                        </div>
                    </div>
            </div>

            <div class="mt-6">
                <form action="{{ route('guests.checkin') }}" method="POST">
                    @csrf
                    <input type="hidden" name="nik" value="{{ $guest_data->NIK }}">
                    <input type="hidden" name="nama" value="{{ $guest_data->NamaKaryawan }}">
                    <button type="submit"
                            class="w-full inline-flex items-center justify-center gap-3 rounded-xl bg-gradient-to-r from-emerald-500 to-green-600 hover:from-emerald-600 hover:to-green-700 px-6 py-4 text-base font-semibold text-white shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                        </svg>
                        Check-in Sekarang
                    </button>
                </form>
            </div> --}}


            @else
            <div class="flex flex-col md:flex-row gap-6 md:items-center">
                <div class="w-40 h-40 rounded-lg overflow-hidden bg-white/5 border border-white/50 shrink-0">
                    <img src="{{

                                $guest_data->foto_karyawan ??
                                 asset('public/template_undangan/default_profile_picture.jpg')  }}
                            " alt="Foto Tamu" class="w-full h-full object-cover">
                </div>
                    <div class="flex-1 space-y-2">
                        <h2 class="text-xl font-semibold">{{ $guest_data->NamaKaryawan ?? '-' }}</h2>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-3 text-sm">

                            <div class="p-3 rounded-lg bg-white/50 border border-white/50">
                                <div class="text-black/60">NIK</div>
                                <div class="font-medium">{{ $guest_data->NIK ?? '0' }}</div>
                            </div>
                            <div class="p-3 rounded-lg bg-white/50 border border-white/50">
                                <div class="text-black/60">Tanggal Lahir</div>
                                <div class="font-medium">{{ $guest_data->TanggalLahir ?? '0000-00-00' }}</div>
                            </div>
                            <div class="p-3 rounded-lg bg-white/50 border border-white/50">
                                <div class="text-black/60">Usia</div>
                                <div class="font-medium">{{ $guest_data->umur ?? '0' }} tahun</div>
                            </div>
                            <div class="p-3 rounded-lg bg-white/50 border border-white/50">
                                <div class="text-black/60">Kode Divisi</div>
                                <div class="font-medium">{{ $guest_data->KodeDivisi ?? '0' }}</div>
                            </div>
                            <div class="p-3 rounded-lg bg-white/50 border border-white/50">
                                <div class="text-black/60">generasi</div>
                                <div class="font-medium">{{ $generasi?? '0' }}</div>
                            </div>
                        </div>
                    </div>
            </div>

            <div class="mt-6">
                <form action="{{ route('guests.checkin') }}" method="POST">
                    @csrf
                    <input type="hidden" name="nik" value="{{ $guest_data->NIK }}">
                    <input type="hidden" name="nama" value="{{ $guest_data->NamaKaryawan }}">
                    <button type="submit"
                            class="w-full inline-flex items-center justify-center gap-3 rounded-xl bg-gradient-to-r from-emerald-500 to-green-600 hover:from-emerald-600 hover:to-green-700 px-6 py-4 text-base font-semibold text-white shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                        </svg>
                        Check-in Sekarang
                    </button>
                </form>
            </div>
            @endif
    </x-section.card>
@endsection