@extends('layouts.user')

@section('title', __('employees.employee_details'))
@section('page_title', __('employees.employee_details'))
@section('breadcrumb', __('employees.breadcrumb'))

@section('content')
@php
    $employeePhoto = null;

    if (!empty($employee->photo)) {
        $rawPhoto = ltrim($employee->photo, '/');

        if (\Illuminate\Support\Str::startsWith($rawPhoto, ['http://', 'https://'])) {
            $employeePhoto = $rawPhoto;
        } else {
            $employeePhoto = asset($rawPhoto);
        }
    }
@endphp

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

    {{-- Header --}}
    <div class="flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between">
        <div class="flex items-center gap-3">
            <div class="h-20 w-20 overflow-hidden border border-slate-200 bg-slate-100">
                @if($employeePhoto)
                    <img src="{{ $employeePhoto }}"
                         alt="{{ $employee->name }}"
                         class="h-full w-full object-cover"
                         onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                    <div class="hidden h-full w-full items-center justify-center text-2xl font-bold text-slate-500">
                        {{ strtoupper(substr($employee->name, 0, 1)) }}
                    </div>
                @else
                    <div class="flex h-full w-full items-center justify-center text-2xl font-bold text-slate-500">
                        {{ strtoupper(substr($employee->name, 0, 1)) }}
                    </div>
                @endif
            </div>

            <div>
                <h1 class="text-lg font-bold text-slate-800">{{ $employee->name }}</h1>
                <p class="mt-1 text-xs text-slate-500">
                    {{ $employee->employee_code }} • {{ $employee->designation?->name ?? __('employees.no_designation') }}
                </p>

                <div class="mt-2 flex flex-wrap gap-2">
                    @if($employee->employee_type === 'monthly')
                        <span class="border border-blue-200 bg-blue-50 px-2 py-1 text-[11px] font-semibold text-blue-700">
                            {{ __('employees.monthly_salary') }}
                        </span>
                    @else
                        <span class="border border-violet-200 bg-violet-50 px-2 py-1 text-[11px] font-semibold text-violet-700">
                            {{ __('employees.daily_roz') }}
                        </span>
                    @endif

                    @if($employee->status === 'active')
                        <span class="border border-emerald-200 bg-emerald-50 px-2 py-1 text-[11px] font-semibold text-emerald-700">
                            {{ __('employees.active') }}
                        </span>
                    @else
                        <span class="border border-rose-200 bg-rose-50 px-2 py-1 text-[11px] font-semibold text-rose-700">
                            {{ __('employees.inactive') }}
                        </span>
                    @endif
                </div>
            </div>
        </div>

        <div class="flex flex-wrap gap-2">
            @if($employee->currentSalaryStructure)
                <a href="{{ route('user.hr.salary.edit', $employee->id) }}"
                   class="border border-blue-200 bg-blue-50 px-3 py-2 text-xs font-semibold text-blue-700 hover:bg-blue-100">
                    {{ __('employees.change_salary_rate') }}
                </a>

                <a href="{{ route('user.hr.salary.history', $employee->id) }}"
                   class="border border-slate-200 px-3 py-2 text-xs font-semibold text-slate-700 hover:bg-slate-50">
                    {{ __('employees.salary_history') }}
                </a>
            @else
                <a href="{{ route('user.hr.salary.create', $employee->id) }}"
                   class="border border-blue-200 bg-blue-50 px-3 py-2 text-xs font-semibold text-blue-700 hover:bg-blue-100">
                    {{ __('employees.setup_salary') }}
                </a>
            @endif

            <a href="{{ route('user.hr.employees.edit', $employee->id) }}"
               class="border border-amber-200 bg-amber-50 px-3 py-2 text-xs font-semibold text-amber-700 hover:bg-amber-100">
                {{ __('employees.edit_employee') }}
            </a>

            <a href="{{ route('user.hr.employees.index') }}"
               class="border border-slate-200 px-3 py-2 text-xs font-semibold text-slate-700 hover:bg-slate-50">
                {{ __('employees.back') }}
            </a>
        </div>
    </div>

    {{-- Summary Cards --}}
    <div class="grid grid-cols-2 gap-2 sm:grid-cols-2 xl:grid-cols-4">
        <div class="border border-slate-200 bg-white p-3 shadow-sm">
            <p class="text-[11px] text-slate-500">{{ __('employees.outstanding_advance') }}</p>
            <h3 class="mt-1 text-sm font-bold text-rose-600">৳ {{ number_format($totalAdvance, 2) }}</h3>
        </div>

        <div class="border border-slate-200 bg-white p-3 shadow-sm">
            <p class="text-[11px] text-slate-500">{{ __('employees.ledger_balance') }}</p>
            <h3 class="mt-1 text-sm font-bold text-blue-600">৳ {{ number_format($ledgerBalance, 2) }}</h3>
        </div>

        <div class="border border-slate-200 bg-white p-3 shadow-sm">
            <p class="text-[11px] text-slate-500">{{ __('employees.total_paid_salary') }}</p>
            <h3 class="mt-1 text-sm font-bold text-emerald-600">৳ {{ number_format($totalPaidSalary, 2) }}</h3>
        </div>

        <div class="border border-slate-200 bg-white p-3 shadow-sm">
            <p class="text-[11px] text-slate-500">{{ __('employees.current_rate_salary') }}</p>
            <h3 class="mt-1 text-xs font-bold text-slate-800 leading-5">
                @if($employee->currentSalaryStructure)
                    @if($employee->employee_type === 'monthly')
                        ৳ {{ number_format($employee->currentSalaryStructure->monthly_salary, 2) }}/{{ __('employees.month') }}
                    @else
                        ৳ {{ number_format($employee->currentSalaryStructure->per_roz_rate, 2) }}/{{ __('employees.roz') }}
                    @endif
                @else
                    {{ __('employees.not_set') }}
                @endif
            </h3>
        </div>
    </div>

    {{-- Main Grid --}}
    <div class="grid grid-cols-1 gap-5 xl:grid-cols-3">

        {{-- Left Column --}}
        <div class="space-y-5 xl:col-span-1">

            {{-- Basic Info --}}
            <div class="border border-slate-200 bg-white p-4 shadow-sm">
                <h2 class="mb-3 text-sm font-bold text-slate-800">{{ __('employees.basic_information') }}</h2>

                <div class="space-y-2 text-xs">
                    <div class="flex justify-between gap-3">
                        <span class="text-slate-500">{{ __('employees.designation') }}</span>
                        <span class="font-semibold text-slate-800 text-right">{{ $employee->designation?->name ?? '-' }}</span>
                    </div>

                    <div class="flex justify-between gap-3">
                        <span class="text-slate-500">{{ __('employees.phone') }}</span>
                        <span class="font-semibold text-slate-800 text-right">{{ $employee->phone ?? '-' }}</span>
                    </div>

                    <div class="flex justify-between gap-3">
                        <span class="text-slate-500">{{ __('employees.email') }}</span>
                        <span class="font-semibold text-slate-800 text-right">{{ $employee->email ?? '-' }}</span>
                    </div>

                    <div class="flex justify-between gap-3">
                        <span class="text-slate-500">{{ __('employees.joining_date') }}</span>
                        <span class="font-semibold text-slate-800 text-right">
                            {{ $employee->joining_date ? $employee->joining_date->format('d M Y') : '-' }}
                        </span>
                    </div>

                    @if($employee->employee_type === 'monthly')
                        <div class="flex justify-between gap-3">
                            <span class="text-slate-500">{{ __('employees.ot_eligible') }}</span>
                            <span class="font-semibold text-slate-800 text-right">
                                {{ $employee->overtime_eligible ? __('employees.yes') : __('employees.no') }}
                            </span>
                        </div>

                        <div class="flex justify-between gap-3">
                            <span class="text-slate-500">{{ __('employees.ot_rate') }}</span>
                            <span class="font-semibold text-slate-800 text-right">
                                @if($employee->currentSalaryStructure)
                                    ৳ {{ number_format($employee->currentSalaryStructure->overtime_rate ?? 0, 2) }}
                                @else
                                    -
                                @endif
                            </span>
                        </div>
                    @endif

                    <div class="flex justify-between gap-3">
                        <span class="text-slate-500">{{ __('employees.opening_balance') }}</span>
                        <span class="font-semibold text-slate-800 text-right">
                            ৳ {{ number_format($employee->opening_balance ?? 0, 2) }}
                        </span>
                    </div>
                </div>
            </div>

            {{-- Address & Note --}}
            <div class="border border-slate-200 bg-white p-4 shadow-sm">
                <h2 class="mb-3 text-sm font-bold text-slate-800">{{ __('employees.address_note') }}</h2>

                <div class="space-y-3 text-xs">
                    <div>
                        <p class="mb-1 font-semibold text-slate-700">{{ __('employees.present_address') }}</p>
                        <p class="text-slate-500 leading-5">{{ $employee->present_address ?: '-' }}</p>
                    </div>

                    <div>
                        <p class="mb-1 font-semibold text-slate-700">{{ __('employees.permanent_address') }}</p>
                        <p class="text-slate-500 leading-5">{{ $employee->permanent_address ?: '-' }}</p>
                    </div>

                    <div>
                        <p class="mb-1 font-semibold text-slate-700">{{ __('employees.note') }}</p>
                        <p class="text-slate-500 leading-5">{{ $employee->note ?: '-' }}</p>
                    </div>
                </div>
            </div>
        </div>

        {{-- Right Column --}}
        <div class="space-y-5 xl:col-span-2">

            {{-- Salary History --}}
            <div class="border border-slate-200 bg-white p-4 shadow-sm">
                <div class="mb-3 flex items-center justify-between">
                    <h2 class="text-sm font-bold text-slate-800">{{ __('employees.recent_salary_history') }}</h2>
                </div>

                <div class="overflow-x-auto">
                    <table class="min-w-full text-xs">
                        <thead class="bg-slate-50">
                            <tr class="text-left text-slate-600">
                                <th class="px-3 py-2">{{ __('employees.effective_from') }}</th>
                                <th class="px-3 py-2">{{ __('employees.effective_to') }}</th>
                                <th class="px-3 py-2">{{ __('employees.monthly_salary') }}</th>
                                <th class="px-3 py-2">{{ __('employees.roz_rate') }}</th>
                                <th class="px-3 py-2">{{ __('employees.ot_rate') }}</th>
                            </tr>
                        </thead>

                        <tbody class="divide-y divide-slate-100">
                            @forelse($employee->salaryHistories->take(8) as $history)
                                <tr>
                                    <td class="px-3 py-2">{{ optional($history->effective_from)->format('d M Y') }}</td>
                                    <td class="px-3 py-2">{{ optional($history->effective_to)->format('d M Y') ?? __('employees.current') }}</td>
                                    <td class="px-3 py-2">৳ {{ number_format($history->monthly_salary, 2) }}</td>
                                    <td class="px-3 py-2">৳ {{ number_format($history->per_roz_rate, 2) }}</td>
                                    <td class="px-3 py-2">৳ {{ number_format($history->overtime_rate, 2) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="px-3 py-5 text-center text-slate-500">
                                        {{ __('employees.no_salary_history_found') }}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            {{-- Advances --}}
            <div class="border border-slate-200 bg-white p-4 shadow-sm">
                <h2 class="mb-3 text-sm font-bold text-slate-800">{{ __('employees.recent_advances') }}</h2>

                <div class="overflow-x-auto">
                    <table class="min-w-full text-xs">
                        <thead class="bg-slate-50">
                            <tr class="text-left text-slate-600">
                                <th class="px-3 py-2">{{ __('employees.date') }}</th>
                                <th class="px-3 py-2">{{ __('employees.amount') }}</th>
                                <th class="px-3 py-2">{{ __('employees.adjusted') }}</th>
                                <th class="px-3 py-2">{{ __('employees.remaining') }}</th>
                                <th class="px-3 py-2">{{ __('employees.status') }}</th>
                            </tr>
                        </thead>

                        <tbody class="divide-y divide-slate-100">
                            @forelse($employee->advances->take(8) as $advance)
                                <tr>
                                    <td class="px-3 py-2">{{ optional($advance->advance_date)->format('d M Y') }}</td>
                                    <td class="px-3 py-2">৳ {{ number_format($advance->amount, 2) }}</td>
                                    <td class="px-3 py-2">৳ {{ number_format($advance->adjusted_amount, 2) }}</td>
                                    <td class="px-3 py-2">৳ {{ number_format($advance->remaining_amount, 2) }}</td>
                                    <td class="px-3 py-2">{{ ucfirst(str_replace('_', ' ', $advance->status)) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="px-3 py-5 text-center text-slate-500">
                                        {{ __('employees.no_advance_found') }}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            {{-- Ledger --}}
            <div class="border border-slate-200 bg-white p-4 shadow-sm">
                <h2 class="mb-3 text-sm font-bold text-slate-800">{{ __('employees.recent_ledger_entries') }}</h2>

                <div class="overflow-x-auto">
                    <table class="min-w-full text-xs">
                        <thead class="bg-slate-50">
                            <tr class="text-left text-slate-600">
                                <th class="px-3 py-2">{{ __('employees.date') }}</th>
                                <th class="px-3 py-2">{{ __('employees.type') }}</th>
                                <th class="px-3 py-2">{{ __('employees.debit') }}</th>
                                <th class="px-3 py-2">{{ __('employees.credit') }}</th>
                                <th class="px-3 py-2">{{ __('employees.balance') }}</th>
                            </tr>
                        </thead>

                        <tbody class="divide-y divide-slate-100">
                            @forelse($employee->ledgers as $ledger)
                                <tr>
                                    <td class="px-3 py-2">{{ optional($ledger->entry_date)->format('d M Y h:i A') }}</td>
                                    <td class="px-3 py-2">{{ ucwords(str_replace('_', ' ', $ledger->type)) }}</td>
                                    <td class="px-3 py-2 text-rose-600">৳ {{ number_format($ledger->debit, 2) }}</td>
                                    <td class="px-3 py-2 text-emerald-600">৳ {{ number_format($ledger->credit, 2) }}</td>
                                    <td class="px-3 py-2 font-semibold text-slate-800">৳ {{ number_format($ledger->balance, 2) }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="px-3 py-5 text-center text-slate-500">
                                        {{ __('employees.no_ledger_entry_found') }}
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection