@extends('layouts.master')

@section('title', 'Payment Voucher | ')

@section('content')
@include('partials.header')
@include('partials.sidebar')

@php
function convertNumberToWords($number) {
    $hyphen      = '-';
    $negative    = 'negative ';
    $dictionary  = [
        0 => 'zero', 1 => 'one', 2 => 'two', 3 => 'three', 4 => 'four',
        5 => 'five', 6 => 'six', 7 => 'seven', 8 => 'eight', 9 => 'nine',
        10 => 'ten', 11 => 'eleven', 12 => 'twelve', 13 => 'thirteen',
        14 => 'fourteen', 15 => 'fifteen', 16 => 'sixteen',
        17 => 'seventeen', 18 => 'eighteen', 19 => 'nineteen',
        20 => 'twenty', 30 => 'thirty', 40 => 'forty',
        50 => 'fifty', 60 => 'sixty', 70 => 'seventy',
        80 => 'eighty', 90 => 'ninety',
        100 => 'hundred', 1000 => 'thousand', 100000 => 'lakh', 10000000 => 'crore'
    ];

    if (!is_numeric($number)) return false;
    if ((int) $number < 0) return $negative . convertNumberToWords(abs($number));

    $string = '';
    $number = (int)$number;

    if ($number < 21) $string = $dictionary[$number];
    elseif ($number < 100) {
        $tens   = ((int)($number / 10)) * 10;
        $units  = $number % 10;
        $string = $dictionary[$tens];
        if ($units) $string .= $hyphen . $dictionary[$units];
    } else {
        foreach ([10000000 => 'crore', 100000 => 'lakh', 1000 => 'thousand', 100 => 'hundred'] as $value => $word) {
            if ($number >= $value) {
                $count = (int)($number / $value);
                $number %= $value;
                $string .= convertNumberToWords($count) . ' ' . $word;
                if ($number) $string .= ' ';
            }
        }
        if ($number) $string .= convertNumberToWords($number);
    }

    return ucfirst($string);
}
@endphp

<style>
@media print {
    .app-header, .app-sidebar, .app-title, .d-print-none, .btn, nav, footer {
        display: none !important;
    }

    body {
        margin: 0;
        padding: 0;
    }

    .tile {
        border: none !important;
        margin: auto !important;
        width: 95% !important;
    }

    .logo-section img {
        width: 150px !important;
    }
}

.logo-section {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.logo-section img {
    width: 75px;
    height: auto;
}

.voucher-box {
    border: 1px solid black;
    width: 300px;
    padding: 10px;
    margin-bottom: 20px;
    font-family: monospace;
    line-height: 1.6;
}

.voucher-box table {
    width: 100%;
}

.voucher-details-table {
    width: 100%;
    border-collapse: collapse;
}

.voucher-details-table th,
.voucher-details-table td {
    border: 1px solid black;
    padding: 5px;
    font-size: 14px;
}

.voucher-details-table th {
    border-bottom: 2px solid black;
    text-align: center;
    background-color: #f2f2f2;
}

.signature-section {
    margin-top: 60px;
    display: flex;
    justify-content: space-around;
}

.signature-box {
    text-align: center;
    width: 30%;
}

.signature-label {
    border-top: 1px solid #000;
    padding-top: 5px;
}

@media print {
    body {
        margin-bottom: 0 !important;
    }

    .table-borderless {
        page-break-after: avoid;
    }
}
</style>

<main class="app-content">
    <div class="logo-section">
        <img src="{{ asset('images/logo.png') }}" alt="Company Logo">
        <h2 style="margin: 10px 0 0 0;">Consilio Designing & Architectural Firm</h2>
    </div>

    <!-- Top Box Section -->
    <div class="voucher-box">
        <table>
            <tr><td><strong>Type</strong> :</td><td>{{ $payment->VoucherType }}</td></tr>
            <tr><td><strong>ID</strong> :</td><td>{{ $payment->Id }}</td></tr>
            <tr><td><strong>Date</strong> :</td><td>{{ \Carbon\Carbon::parse($voucherDetails[0]->VoucherDate)->format('d-m-Y') }}</td></tr>
        </table>
    </div>

    <!-- Detail Table -->
    <table class="voucher-details-table">
        <thead>
            <tr>
                <th style="width:10%;">A/c. ID #</th>
                <th style="width:30%;">Account Title</th>
                <th style="width:30%;">Entry Narration</th>
                <th style="width:15%;">Debit</th>
                <th style="width:15%;">Credit</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($voucherDetails as $row)
            <tr>
                <td style="text-align: center;">{{ $row->Account_ID }}</td>
                <td>{{ $row->Account_Title }}</td>
                <td>{{ $row->Entry_Narration }}</td>
                <td style="text-align: right;">{{ $row->entryType === 'D' ? number_format($row->Amount, 2) : '' }}</td>
                <td style="text-align: right;">{{ $row->entryType === 'C' ? number_format($row->Amount, 2) : '' }}</td>
            </tr>
            @endforeach
            <tr>
                <th colspan="3" class="text-center">Total</th>
                <th style="text-align: right;">{{ number_format($totalDebit, 2) }}</th>
                <th style="text-align: right;">{{ number_format($totalCredit, 2) }}</th>
            </tr>
        </tbody>
    </table>

    <div style="padding-top: 10px;"><strong>Amount in Words:</strong> Rupees {{ convertNumberToWords(round($totalDebit)) }} Only</div>

    <!-- Signature Section -->
    <div class="signature-section">
        <div class="signature-box"><div class="signature-label">Prepared By</div></div>
        <div class="signature-box"><div class="signature-label">Approved By</div></div>
        <div class="signature-box"><div class="signature-label">Received By</div></div>
    </div>

    <!-- Buttons -->
    <div class="row d-print-none mt-4">
        <div class="col-12 text-right">
            <a href="{{ route('payment.create') }}" class="btn btn-secondary"><i class="fa fa-arrow-left"></i> Home</a>
            <a href="javascript:void(0);" onclick="printPayment();" class="btn btn-primary"><i class="fa fa-print"></i> Print</a>
        </div>
    </div>
</main>

<!-- Print Function -->
<script>
    function printPayment() {
        window.print();
    }
</script>

@endsection