@extends('layouts.master')

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

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


@php
function convertNumberToWords($number) {
    $hyphen      = '-';
    $conjunction = ' and ';
    $separator   = ', ';
    $negative    = 'negative ';
    $decimal     = ' point ';
    $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 {
    /* Hide header, sidebar, buttons, and any non-print content */
    .app-header,
    .app-sidebar,
    .app-title,
    .d-print-none,
    .btn,
    nav,
    footer {
        display: none !important;
    }

    body {
        margin: 0;
        padding: 0;
    }

    .tile {
        border: none !important;
    }
}
</style>
<main class="app-content">
    <div class="app-title">
        <div>
            <h1><i class="fa fa-file-text-o"></i> Journal Voucher</h1>
        </div>
    </div>

    <div class="tile">
        {{-- Top Info (Vertical Layout) --}}
        <div style="border: 2px solid black; padding: 10px; margin-bottom: 20px; width: 250px;">
            <table style="width: 100%;">
                <tr>
                    <td><b>Type:</b></td>
                    <td>{{ $voucherDetails[0]->VoucherType }}</td>
                </tr>
                <tr>
                    <td><b>ID:</b></td>
                    <td>{{ $voucherDetails[0]->Id }}</td>
                </tr>
                <tr>
                    <td><b>Site:</b></td>
                    <td>{{ $voucherDetails[0]->Paid_To }}</td>
                </tr>
<tr>
    <td><b>Date:</b></td>
    <td>{{ \Carbon\Carbon::parse($voucherDetails[0]->VoucherDate)->format('d-m-Y') }}</td>
</tr>
            </table>
        </div>

        {{-- Voucher Table --}}
        <table width="100%" border="1" cellspacing="0" cellpadding="5" style="border-collapse: collapse; text-align: center;">
            <thead>
                <tr style="background-color: #f2f2f2;">
                    <th>Account #</th>
                    <th>Account Title</th>
                    <th>Remarks</th>
                    <th>Debit</th>
                    <th>Credit</th>
                </tr>
            </thead>
            <tbody>
                @foreach($voucherDetails as $detail)
                <tr>
                    <td>{{ $detail->Account_Id }}</td>
                    <td class="text-left">{{ $detail->Account_Title }}</td>
                    <td class="text-left">{{ $detail->Entry_Narration }}</td>
                    <td>
                        @if($detail->entryType == 'D')
                            {{ number_format($detail->Amount, 2) }}
                        @endif
                    </td>
                    <td>
                        @if($detail->entryType == 'C')
                            {{ number_format($detail->Amount, 2) }}
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="3"><b>Totals</b></td>
                    <td><b>{{ number_format($totalDebit, 2) }}</b></td>
                    <td><b>{{ number_format($totalCredit, 2) }}</b></td>
                </tr>
            </tfoot>
        </table>
<tr>
    <td colspan="5" style="text-align: left; padding-top: 10px;">
        <strong>Amount in Words:</strong> Rupees {{ convertNumberToWords(round($totalDebit)) }} Only
    </td>
</tr>
        <br><br>

        {{-- Signatures --}}
        <table width="100%" style="text-align: center; border: none;">
            <tr>
                <td style="border-top: 1px solid black; width: 33%;">Prepared By</td>
                <td style="border-top: 1px solid black; width: 33%;">Approved By</td>
                <td style="border-top: 1px solid black; width: 33%;">Received By</td>
            </tr>
        </table>

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

        {{-- Footer Note --}}
        <p style="margin-top: 20px; font-style: italic;"><strong>Note:</strong> All borders and lines are graphical for printing purposes.</p>
    </div>
</main>

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

@endsection