@extends('master')
@section('content')
    <style>
        body {
            font-family: 'Kalpurush', 'Arial', sans-serif;
            /* Choose a clean, readable font */
            font-size: 12px;
            /* Base font size */
            line-height: 1.6;
            /* Comfortable line spacing */
            color: #000;
            /* Neutral text color */
            margin: 0;
            padding: 0;
            -webkit-print-color-adjust: exact !important;
            print-color-adjust: exact !important;
        }

        /* Headings */
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: bold;
            /* Make headings bold */
            margin: 0.5em 0;
            /* Space above and below */
            line-height: 1.4;
            /* Tighter line height for headings */
            color: #111;
            /* Slightly darker than body text for emphasis */
        }

        /* Paragraphs */
        p {
            margin: 0 0 0.5em;
            /* Space between paragraphs */
        }

        /* Tables */
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
            margin: auto;
        }

        th,
        td {
            border: 1px solid #aaa !important;
            padding: 8px;
        }

        th {
            background-color: #fafafa;
            font-weight: 600;
        }

        .bg-gray {
            background-color: #eee;
            font-weight: bold
        }

        .text-center {
            text-align: center
        }

        @media print {
            @page {
                margin: 10px;
            }
        }
    </style>

    @php
        $totalSalary = 0;
        $totalDeduction = 0;
    @endphp

    <section>
        <div id="kt_content_container" class="container-fluid">
            <div class="card">
                <!--begin::Header-->
                <div class="border-0 pt-15 text-center">
                    <div style="text-align: center">
                        <h2>{{ __('university_name') }}</h2>
                        <h4 style="font-weight: normal">{{ __('university_location') }}</h4>
                    </div>
                    <h3>
                        বেতন বিল
                    </h3>
                </div>
                <!--end::Header-->

                <!--begin::Card body-->
                <div class="card-body">
                    {{-- User Information --}}
                    <div class="row bg-light p-2">
                        <div class="col-md-4 fv-row">
                            <p><b>আইডি : </b> {{ $employee?->employee_no }} </p>
                            <p><b>নাম : </b> {{ $employee?->first_name }} {{ $employee?->last_name }} </p>
                            <p><b>পদবি : </b> {{ $employee?->designation?->designation_name }} </p>
                            <p><b>দপ্তর : </b> {{ $employee?->department?->department_name }} </p>
                        </div>
                        <div class="col-md-4 fv-row">
                            <p><b>টি আই এন : </b> {{ $employee?->etin }} </p>
                            <p><b>জন্ম তারিখ : </b> {{ $employee?->date_of_birth }} </p>
                            <p><b>এন আই ডি : </b> {{ $employee?->nid }} </p>
                            <p><b>যোগদানের তারিখ : </b> {{ $employee?->joining_date }} </p>
                        </div>
                        <div class="col-md-4 fv-row">
                            <p><b>গ্রেড : </b> {{ $employee?->salary_grade_id }} </p>
                            <p><b>মূল বেতন : </b> {{ $employee?->basic_salary }} </p>
                            <p><b>ব্যাংক হিসাব নং : </b> {{ $payslip?->bank_account_number }} </p>
                            <p><b>মাসের নাম : </b> {{ $payslip?->month_year }} </p>
                        </div>
                    </div>

                    <div style="margin-top: 20px">
                        <table>
                            <thead>
                                <tr>
                                    <th>কোড নং</th>
                                    <th>বিবরণ</th>
                                    <th>টাকার পরিমাণ</th>
                                </tr>
                            </thead>
                            <tbody>

                                @php
                                    $allowanceArray = json_decode($payslip->allowances, true);
                                @endphp

                                @foreach ($allowanceArray as $item)
                                    <tr>
                                        <td>
                                            {{ isset($item['code_no']) ? $item['code_no'] : '' }}
                                        </td>
                                        <td>
                                            {{ isset($item['allowance_title']) ? $item['allowance_title'] : '' }}
                                        </td>
                                        <td>
                                            {{ isset($item['allowance_amount']) ? $numto->BnNum($item['allowance_amount']) : '' }}
                                        </td>
                                    </tr>
                                @endforeach

                                <tr>
                                    <td colspan="2" style="text-align: end">
                                        সর্বমোট বেতন ও ভাতা</td>
                                    <td>{{ $numto->BnNum($payslip->allowance_total) }}</td>
                                </tr>

                                <tr>
                                    <td colspan="3" style="text-align: center; background: #fafafa; font-weight: 600">
                                        কর্তন ও পরিশোধ</td>
                                </tr>

                                @php
                                    $deductionArray = json_decode($payslip->deductions, true);
                                @endphp

                                @foreach ($deductionArray as $item)
                                    <tr>
                                        <td>
                                            {{ isset($item['code_no']) ? $item['code_no'] : '' }}
                                        </td>
                                        <td>
                                            {{ isset($item['deduction_title']) ? $item['deduction_title'] : '' }}
                                        </td>
                                        <td>
                                            {{ isset($item['deduction_amount']) ? $numto->BnNum($item['deduction_amount']) : '' }}
                                        </td>
                                    </tr>
                                @endforeach

                                <tr>
                                    <td colspan="2" style="text-align: end">
                                        কর্তন ও পরিশোধ বাবদ মোট আদায়</td>
                                    <td>{{ $numto->BnNum($payslip->deduction_total) }}</td>
                                </tr>

                                <tr>
                                    <td colspan="2" style="text-align: end">
                                        মোট দেয় টাকা</td>
                                    <td>{{ $numto->BnNum($payslip->net_salary) }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div style="margin-top: 20px">
                        <h6>টাকা (কথায়) : <span
                                style="font-weight: normal">{{ $numto->BnMoney((int) $payslip->net_salary) }}</span></h6>

                        <div style="display: flex; align-items: start; justify-content: space-between; margin-top: 15px">
                            <div style="padding: 20px 44px 0 44px; border: 1px solid #333">
                                <p style="border-top: 1px solid #333; margin-top: 25px">স্বাক্ষর ও তারিখ</p>
                            </div>
                            <div style="padding: 20px 44px; border: 1px solid #333">রাজস্ব স্ট্যাম্প</div>

                        </div>
                    </div>

                    {{-- Signatures --}}
                    <div
                        style="padding:80px 25px 5px; display: flex; gap: 6px; align-items: center; justify-content: space-between; font-size: 12px; text-align: center">
                        {{-- প্রস্তুতকারক --}}
                        <div style="border-top: 1px solid black; padding-top: 2px">
                            <span>
                                প্রস্তুতকারক
                            </span>
                            <br />
                            <span>
                                (অর্থ ও হিসাব)
                            </span>
                        </div>

                        {{-- সেকশন অফিসার --}}
                        <div style="border-top: 1px solid black; padding-top: 2px">
                            <span>
                                সেকশন অফিসার
                            </span>
                            <br />
                            <span>
                                (অর্থ ও হিসাব)
                            </span>
                        </div>

                        {{-- উপ পরিচালক --}}
                        <div style="border-top: 1px solid black; padding-top: 2px">
                            <span>
                                উপ পরিচালক
                            </span>
                            <br />
                            <span>
                                (অর্থ ও হিসাব)
                            </span>
                        </div>

                        {{-- পরিচালক --}}
                        <div style="border-top: 1px solid black; padding-top: 2px">
                            <span>
                                পরিচালক
                            </span>
                            <br />
                            <span>
                                (অর্থ ও হিসাব)
                            </span>
                        </div>
                    </div>
                </div>
                <!--end::Card body-->
            </div>

            <div class="text-end mt-10">
                <a href="{{ url()->previous() }}" class="btn btn-sm btn-secondary">
                    <span class="indicator-label">Back</span>
                </a>
                <a href='#' class="text-secondary">
                    <button class="btn btn-sm btn-success">
                        Download
                    </button>
                </a>
            </div>
        </div>
    </section>
@endsection