@extends('printlayout')
@section('content')
    <div style="text-align: center;">
        <h2 style="margin-top: 0">{{ __('sitelabel.CustomerPayment') }}</h2>
    </div>

    <div class="transaction-info">
        <ul style="display: flex; list-style:none; justify-content:space-between; padding: 0px;">
            <li><strong>{{ __('sitelabel.CustomerName') }}: </strong>{{ $customerpayment->Name }}</li>
            <li><strong>{{ __('sitelabel.Date') }}: </strong>{{ $customerpayment->CreatedDate }}</li>
        </ul>
    </div>

    <!-- Table Section -->
    <div class="table-responsive">
        <table id="voucherTable" class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>{{ __('sitelabel.SerialNumber') }}</th>
                    <th>{{ __('sitelabel.Bank') }}</th>
                    <th>{{ __('sitelabel.Branch') }}</th>
                    <th>{{ __('sitelabel.PaymentType') }}</th>
                    <th>{{ __('sitelabel.PaymentDate') }}</th>
                    <th style="text-align: right">{{ __('sitelabel.Amount') }}</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>{{ $customerpayment->BankName }}</td>
                    <td>{{ $customerpayment->BranchName }}</td>
                    <td>{{ $customerpayment->PaymentTypeName }}</td>
                    <td>{{ $customerpayment->PaymentDate }}</td>
                    <td style="text-align: right">{{ number_format($customerpayment->Amount,2) }}</td>
                </tr>
            </tbody>
        </table>
    </div>

    @include('sign-subview.signandbuttons')
@endsection

@section('script')
@endsection