@extends('layouts.user')

@section('title', __('Employee_Bonus.bonus_details'))
@section('page_title', __('Employee_Bonus.bonus_details'))
@section('breadcrumb', __('Employee_Bonus.hr_payroll'))

@section('content')
@php
    $bonusTypeLabel = match($bonus->bonus_type) {
        'eid_bonus' => __('Employee_Bonus.eid_bonus'),
        'festival_bonus' => __('Employee_Bonus.festival_bonus'),
        'performance_bonus' => __('Employee_Bonus.performance_bonus'),
        'incentive_bonus' => __('Employee_Bonus.incentive_bonus'),
        'yearly_bonus' => __('Employee_Bonus.yearly_bonus'),
        'other' => __('Employee_Bonus.other'),
        default => ucfirst(str_replace('_', ' ', (string) $bonus->bonus_type)),
    };
@endphp

<div class="w-full px-1 sm:px-2 lg:px-3 space-y-6">

    {{-- Header --}}
    <div class="border border-slate-200 bg-white p-4 shadow-sm flex justify-between items-center">
        <div>
            <h2 class="text-sm font-bold text-slate-800">{{ $bonus->title }}</h2>
            <p class="text-xs text-slate-500">
                {{ $bonus->employee?->name ?? __('Employee_Bonus.dash') }}
                @if($bonus->employee?->employee_code)
                    ({{ $bonus->employee->employee_code }})
                @endif
            </p>
        </div>

        <div>
            @if($bonus->status === 'paid')
                <span class="text-[11px] font-semibold text-emerald-600">{{ __('Employee_Bonus.paid') }}</span>
            @else
                <span class="text-[11px] font-semibold text-amber-600">{{ __('Employee_Bonus.unpaid') }}</span>
            @endif
        </div>
    </div>

    {{-- Info Grid --}}
    <div class="grid grid-cols-1 gap-3 md:grid-cols-2">

        <div class="border p-3 bg-white">
            <div class="text-[10px] text-slate-500">{{ __('Employee_Bonus.bonus_type') }}</div>
            <div class="text-xs font-semibold">{{ $bonusTypeLabel }}</div>
        </div>

        <div class="border p-3 bg-white">
            <div class="text-[10px] text-slate-500">{{ __('Employee_Bonus.amount') }}</div>
            <div class="text-xs font-semibold">
                ৳ {{ number_format((float) $bonus->amount, 2) }}
            </div>
        </div>

        <div class="border p-3 bg-white">
            <div class="text-[10px] text-slate-500">{{ __('Employee_Bonus.bonus_date') }}</div>
            <div class="text-xs font-semibold">
                {{ $bonus->bonus_date?->format('d M Y') ?? __('Employee_Bonus.dash') }}
            </div>
        </div>

        <div class="border p-3 bg-white">
            <div class="text-[10px] text-slate-500">{{ __('Employee_Bonus.paid_at') }}</div>
            <div class="text-xs font-semibold">
                {{ $bonus->paid_at ? $bonus->paid_at->format('d M Y h:i A') : __('Employee_Bonus.dash') }}
            </div>
        </div>

        <div class="border p-3 bg-white">
            <div class="text-[10px] text-slate-500">{{ __('Employee_Bonus.account') }}</div>
            <div class="text-xs font-semibold">
                {{ $bonus->account?->name ?? __('Employee_Bonus.dash') }}
            </div>

            @if($bonus->account)
                <div class="text-[11px] text-slate-500">
                    @if(!empty($bonus->account->type))
                        {{ ucfirst($bonus->account->type) }}
                    @endif
                    @if(!empty($bonus->account->account_number))
                        • {{ $bonus->account->account_number }}
                    @endif
                </div>
            @endif
        </div>

        <div class="border p-3 bg-white">
            <div class="text-[10px] text-slate-500">{{ __('Employee_Bonus.payment_method') }}</div>
            <div class="text-xs font-semibold">
                {{ $bonus->payment_method ? ucfirst($bonus->payment_method) : __('Employee_Bonus.dash') }}
            </div>
        </div>

        <div class="border p-3 bg-white md:col-span-2">
            <div class="text-[10px] text-slate-500">{{ __('Employee_Bonus.reference_no') }}</div>
            <div class="text-xs font-semibold">
                {{ $bonus->reference_no ?: __('Employee_Bonus.dash') }}
            </div>
        </div>

        <div class="border p-3 bg-white md:col-span-2">
            <div class="text-[10px] text-slate-500">{{ __('Employee_Bonus.note') }}</div>
            <div class="text-xs text-slate-700 whitespace-pre-line">
                {{ $bonus->note ?: __('Employee_Bonus.dash') }}
            </div>
        </div>

    </div>

    {{-- Actions --}}
    <div class="flex gap-2">

        @if($bonus->status === 'unpaid')
            <a href="{{ route('user.hr.bonuses.edit', $bonus->id) }}"
               class="border border-blue-200 bg-blue-50 px-3 py-2 text-xs text-blue-700">
                {{ __('Employee_Bonus.edit') }}
            </a>

            <a href="{{ route('user.hr.bonuses.pay-form', $bonus->id) }}"
               class="bg-slate-900 px-3 py-2 text-xs text-white">
                {{ __('Employee_Bonus.pay_bonus') }}
            </a>
        @endif

        <a href="{{ route('user.hr.bonuses.index') }}"
           class="border border-slate-200 px-3 py-2 text-xs text-slate-700">
            {{ __('Employee_Bonus.back') }}
        </a>
    </div>

</div>
@endsection