@extends('layouts.master')

@section('title', 'Payment Voucher | ')
@section('content')
    @include('partials.header')
    @include('partials.sidebar')

    <main class="app-content">
        <div class="app-title">
            <div>
                <h1><i class="fa fa-file-text-o"></i> Journal Voucher</h1>
                <p>A Printable Journal Voucher Format</p>
            </div>
            <ul class="app-breadcrumb breadcrumb">
                <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
                <li class="breadcrumb-item"><a href="#">Payment</a></li>
            </ul>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="tile">
                    <section class="invoice">
                        <div class="row mb-4">
                            <div class="col-6">
                                <h2 class="page-header"><i class="fa fa-file"></i> I M S</h2>
                            </div>
                            <div class="col-6">
                                <h5 class="text-right">Date: {{ $payment->created_at->format('Y-m-d') }}</h5>
                            </div>
                        </div>

                        <div class="row invoice-info">
                            <div class="col-6">Received From:
                            </div>
                            <div class="col-6 text-right">
                                <b>Voucher #{{ 1000 + $payment->id }}</b><br>
                                <b>Voucher Date:</b> {{ $payment->created_at->format('Y-m-d') }}<br>
                                <b>Payment Mode:</b> Cash / Bank
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12 table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                    <tr>
                                        <th>Account Title</th>
                                        <th>Entry Narration</th>
                                        <th>Amount</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @php $total = 0; @endphp
                                    @foreach($details as $detail)
                                    <tr>
                                        <td>{{ $detail->Account_Title }}</td>
                                        <td>{{ $detail->Entry_Narration }}</td>
                                        <td>{{ number_format($detail->Amount, 2) }}</td>
                                    </tr>
                                    @php $total += $detail->Amount; @endphp
                                    @endforeach
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <td></td>
                                        <td><b>Total</b></td>
                                        <td><b>{{ number_format($total, 2) }}</b></td>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>

                        <div class="row d-print-none mt-2">
                            <div class="col-12 text-right">
                                <a class="btn btn-primary" href="javascript:void(0);" onclick="printPayment();"><i class="fa fa-print"></i> Print</a>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </main>

    <script>
    function printPayment() {
        window.print();
    }
    </script>

@endsection
@push('js')
@endpush