@extends('layouts.user')
@section('pageTitle')
    Referanslar
@endsection
@section('content')
    <div class="container-user">
        {{-- <div class="flex flex-col gap-4">
            @if (Auth::user()->personelUser && Auth::user()->personelUser->reference_code)
                <p class="text-gray-300">{{ 'Referans Kodunuz : ' . Auth::user()->personelUser->reference_code }}</p>
            @endif
        </div> --}}
        <div class="mt-4 text-gray-300 rounded-lg h-[calc(100vh-150px)] px-6 flex justify-center">
            <div class="container max-w-sm sm:max-w-lg md:max-w-xl">
                <div class="mb-8">
                    <h3 class="font-semibold mb-2">Referans Kodu</h3>
                    <input type="text" class="input-2 w-full"
                        value="{{ Auth::user()->personelUser?->reference_code ?? 'Referans kodu alabilmeniz için Kayıt işlemini tamamlamanız gereklidir' }}">
                </div>
                <div>
                    <h3 class="font-semibold mb-2">Referanslarım</h3>
                </div>
                <div class="relative overflow-auto rounded-t-lg max-h-[200px]">
                    <table class="w-full text-sm text-left">
                        <thead class="sticky top-0 text-xs text-theme_white uppercase bg-theme_black">
                            <tr>
                                <th class="px-2 py-2">Ad Soyad</th>
                                <th class="px-2 py-2 w-28">Üyelik Tarihi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse (Auth::user()->references as $item)
                                <tr class="border-t bg-teheme_third_gray hover:bg-teheme_third_black text-xs">
                                    <th class="px-2 py-2 capitalize">
                                        {{ $item->coming_with_reference_user->preMeeting->name }}
                                        {{ $item->coming_with_reference_user->preMeeting->surname }}</th>
                                    <th class="px-2 py-2">
                                        {{ \Carbon\Carbon::parse($item->coming_with_reference_user->preMeeting->created_at)->isoFormat('D MMMM Y') }}
                                    </th>
                                </tr>
                            @empty
                                <tr class="border-t bg-teheme_third_gray hover:bg-teheme_third_black text-xs">
                                    <th colspan="2" class="px-2 py-2">Henüz referansınız yok</th>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    @if ($errors->any())
        @include('components.error-modal-second')
    @endif
    @if (session('error'))
        <x-toast color="red-700">
            <x-slot name="message">
                {{ session('error') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-exclamation"></i>
            </x-slot>
        </x-toast>
    @endif
    @if (session('success'))
        <x-toast color="green-700">
            <x-slot name="message">
                {{ session('success') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-check"></i>
            </x-slot>
        </x-toast>
    @endif
@endsection