@extends('layouts.app')
@php
    use App\Http\Controllers\LogController;
@endphp
@section('content')
    <div class="max-w-lg mx-auto mt-10 p-6 bg-white rounded-lg shadow space-y-6">

        <h2 class="text-xl font-semibold">Üdv, {{ $decodedId = base64_decode( LogController::kodold_ki($staff->lname)) }} {{ $decodedId = base64_decode( LogController::kodold_ki($staff->fname)) }}</h2>
        <!--<p>Összes ledolgozott nap: {{ $sum }}</p>-->

        @if($pending)
            <div class="p-4 bg-yellow-100 rounded">
                A '{{ $pending->date }}'-n kért '{{ $pending->sum }}' SEK előleg utalása folyamatban van.
            </div>

        @elseif($paid && \Carbon\Carbon::parse($paid->date)->diffInDays(now()) < 4)
            <div class="p-4 bg-green-100 rounded space-y-2">
                <p>
                    Az előlegkérelmedet ('{{ $paid->sum }}') SEK sikeresen elutaltuk
                    a '{{ $paid->paid_date }}'-n. Kérlek ellenőrizd a számlád.
                </p>
                <p class="font-semibold">
                    FIGYELEM! Hetente csak egy előleget kérhetsz,
                    a legközelebbi kérés dátuma: {{ $nextDate }}.
                </p>
            </div>

        @else
            @if($sum <= 4)
                <div class="p-4 bg-gray-100 rounded">
                    Még nem vagy jogosult előleg kérelemre.
                </div>
            @else
                <form method="POST" action="{{ route('advance.request') }}" class="grid grid-cols-2 gap-4">
                    @csrf
                    <input type="hidden" name="staff_id" value="{{ $staff->staff_id }}">
                    @foreach($buttons as $amt)
                        <button
                            name="amount"
                            value="{{ $amt }}"
                            class="p-4 bg-blue-600 text-black rounded hover:bg-blue-700">
                            {{ $amt }} SEK
                        </button>
                    @endforeach
                </form>
            @endif
        @endif

    </div>
@endsection