@vite([ 'resources/css/filament/app/theme.css'])
{{-- @php
    dd($tenant);
@endphp --}}
<x-filament-panels::page>
    <div class="text-sm font-sans text-black bg-white px-10 py-8 border border-gray-200 shadow-md rounded-md">
        <div class="max-w-screen-xl mx-auto">

            {{-- Header --}}
            <div class="flex justify-between items-center p-4 border-b-4 border-orange-500">
            <div class="flex items-center space-x-2">
            @if ($tenant->value('logo'))
                <img src="{{ asset('storage/' . $tenant->value('logo')) }}" alt="Logo perusahaan" class="h-14">
            @else
                tidak ada foto
            @endif
            <h2 class="font-extrabold text-2xl space-y-0.5 max-w-8 text-wrap">{{ strtoupper($salaryTenant->value('circle')) }}</h2>
            </div>
            <div class="text-center">
                <h1 class="text-xl font-bold">{{ strtoupper($tenant->name)}}</h1>
                <p class="text-xs">Software House - Web Development</p>
                <p class="text-xs">{{ $salaryTenant->business_address }}</p>
            </div>
            <img src="{{ asset('img/conectinkspacelogo.jpg') }}" class="h-16 w-16" alt="Connect Think">
        </div>
        <div class="flex justify-end my-4 gap-4">
            <a href="{{ route('salary.export-pdf', ['id' => $salaryTenant->id]) }}"
                   onclick="setTimeout(() => window.location.href='{{ route('filament.app.resources.salary-slips.index', ['tenant' => $tenant->id])
 }}', 3000)"
                class="bg-orange-500 hover:bg-orange-600 text-white text-sm font-semibold py-2 px-4 rounded flex items-center gap-2 shadow">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                    fill="currentColor" viewBox="0 0 16 16">
                    <path
                        d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5" />
                    <path
                        d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1" />
                </svg>
                Export PDF
            </a>
        </div>

            {{-- Judul --}}
            <div class="flex w-full bg-orange-500 font-bold p-2 justify-center my-6 text-white">
                SLIP GAJI
            </div>

            {{-- Informasi Karyawan --}}
            <div class="flex justify-between my-6">
                <table class="w-full text-xs border border-collapse border-gray-300">
                    <tr class="border-b border-gray-300">
                        <td class="p-2 font-semibold w-1/6">Periode</td>
                        <td class="p-2 border-r border-gray-300">
                            {{ \Carbon\Carbon::parse($salaryTenant->period_start)->translatedFormat('d F Y') }} -
                            {{ \Carbon\Carbon::parse($salaryTenant->period_end)->translatedFormat('d F Y') }}
                        </td>
                        <td class="p-2 font-semibold w-1/6">No Rekening</td>
                        <td class="p-2">{{ $salaryTenant->user->account_number }}</td>
                    </tr>
                    <tr class="border-b border-gray-300">
                        <td class="p-2 font-semibold">Nama</td>
                        <td class="p-2 border-r border-gray-300">{{ $salaryTenant->name }}</td>
                        <td class="p-2 font-semibold">Email</td>
                        <td class="p-2">{{ $salaryTenant->user->email }}</td>
                    </tr>
                    <tr>
                        <td class="p-2 font-semibold">Role</td>
                        <td class="p-2 border-r border-gray-300">
                            {{ $salaryTenant->user->roles->pluck('name')->implode(', ') }}
                        </td>
                        <td class="p-2 font-semibold">Tanggal Masuk</td>
                        <td class="p-2">
                            {{ \Carbon\Carbon::parse($salaryTenant->created_at)->translatedFormat('d F Y') }}
                        </td>
                    </tr>
                </table>
            </div>

            {{-- Judul Pendapatan --}}
            <div class="flex w-full bg-orange-500 font-bold p-2 justify-center my-6 text-white">
                PENDAPATAN
            </div>

            {{-- Tabel Gaji --}}
            <div>
                <table class="w-full text-xs border border-collapse border-gray-300">
                    @php
                        $gaji = [
                            'Gaji Pokok' => $salaryTenant->basic_salary,
                            'Tunjangan Performa' => $salaryTenant->performance_allowance,
                            'Bonus Target' => $salaryTenant->target_bonus,
                            'Biaya Lembur' => $salaryTenant->overtime_fee,
                            'Tunjangan Kost' => $salaryTenant->housing_allowance,
                            'Tunjangan Makan' => $salaryTenant->meal_allowance,
                            'Tunjangan Internet' => $salaryTenant->internet_allowance,
                            'THR & Lain-Lain' => $salaryTenant->miscellaneous,
                        ];
                    @endphp

                    @foreach ($gaji as $label => $nilai)
                        <tr class="border-b border-gray-300">
                            <td class="p-2 font-semibold border-r w-1/2">{{ $label }}</td>
                            <td class="p-2 border-gray-300 text-end">
                                Rp{{ number_format($nilai, 0, ',', '.') }}
                            </td>
                        </tr>
                    @endforeach

                    <tr class="border-t-2 border-gray-400">
                        <td class="p-2 font-bold text-end" colspan="1">TOTAL</td>
                        <td class="p-2 font-bold text-end">
                            Rp{{ number_format($salaryTenant->total, 0, ',', '.') }}
                        </td>
                    </tr>
                </table>
            </div>

        </div>
    </div>
</x-filament-panels::page>