@extends('layouts.app')
<style>
    .table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 1rem;
        color: #212529;
    }

    .table-bordered {
        border: 1px solid #dee2e6;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6;
        padding: 0.75rem;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

    .table tbody+tbody {
        border-top: 2px solid #dee2e6;
    }

    .text-right {
        text-align: right;
    }

    .text-center {
        text-align: center;
        vertical-align: middle;
    }

    .underline {
        text-decoration: underline;
    }

    @media print {
        #buttondiv {
            display: none;
        }
        .card {
            border: none !important;
            box-shadow: none !important;
        }
        .no-print-border,
    .no-print-border th,
    .no-print-border td {
        border: none !important;
    }
    }

</style>
@section('content')
    <div class="container">
        <div class="card mt-4">
            <br>
            <h5 class="text-center" ><strong> SYARIKAT PERUMAHAN WILAYAH PERSEKUTUAN </strong></h5>
            <div class="card-header">
                <h6 class="mb-0">CALCULATION FOR FULLSETTLEMENT/EPF/INSURANCE</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-2">
                        <p class="mb-0"><strong>Account/IC No:</strong></p>
                    </div>
                    <div class="col-sm-10">
                        <p class="mb-0">{{ $account->account_no }} / {{ $account->user_id }}</p>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-2">
                        <p class="mb-0"><strong>Owner Name:</strong></p>
                    </div>
                    <div class="col-sm-10">
                        <p class="mb-0">{{ $account->user_name ?? '-' }} </p>
                    </div>
                </div>


                <div class="row">
                    <div class="col-sm-2">
                        <p class="mb-0"><strong>Unit:</strong></p>
                    </div>
                    <div class="col-sm-10">
                        <p class="mb-0">{{ $account->unit_no ?? '-' }}</p>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-2">
                        <p class="mb-0"><strong>PPR/PA:</strong></p>
                    </div>
                    <div class="col-sm-10">
                        <p class="mb-0">{{ $account->ppr->ppr_name ?? '-' }}</p>
                    </div>
                </div>


                <hr>

                <div class="row">
                    <!-- In your Blade file -->
                    <table class="table table-bordered no-print-border">
                        <thead>
                            <tr>
                                <th></th>
                                <th class="text-center">Tenure</th>
                                <th class="text-center">P</th>
                                <th class="text-center">I</th>
                                <th class="text-center">M</th>
                                <th class="text-center">Total</th>


                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Total Current Tenure @ {{ $DateEndOfYear }}</td>
                                <td class="text-center">{{ $trxsett->current_tenure_tenure }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->current_tenure_p, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->current_tenure_i, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->current_tenure_m, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->current_tenure_total, 2) }}</td>
                            </tr>
                            <tr>
                                <td>Total Paid as at {{ $DateEndLastMonth }}</td>
                                <td class="text-center">{{ $trxsett->paid_as_at_tenure }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->paid_as_at_p, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->paid_as_at_i, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->paid_as_at_m, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->paid_as_at_total, 2) }}</td>
                            </tr>
                            <tr>
                                @if ($trxsett->advance_acc = '1')
                                 <td></td>
                                @else
                                 <td>Bal outstanding @ {{ $DateEndOfYear }}</td>
                                @endif
                                {{-- <td>Bal outstanding @ {{ $DateEndOfYear }}</td> --}}
                                <td class="text-center">{{ $trxsett->outstanding_tenure }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->outstanding_p, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->outstanding_i, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->outstanding_m, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->outstanding_total, 2) }}</td>
                            </tr>
                            <tr>
                                <td>Total Loan</td>
                                <td class="text-center">{{ $trxsett->total_loan_tenure }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->total_loan_p, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->total_loan_i, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->total_loan_m, 2) }}</td>
                                <td class="text-center" style="text-align: center;">
                                    {{ number_format($trxsett->total_loan_total, 2) }}</td>
                            </tr>

                        </tbody>
                    </table>
                </div>
                <hr>

                <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0">FullSettlement/EPF/Insurance</p>
                    </div>
                    <div class="col-sm-2 text-right">
                        {{ !isset($trxsett->otherpay) || $trxsett->otherpay == 0 ? '-' : number_format($trxsett->otherpay, 2) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0">Less:Outstanding Amount@ {{ $DateEndOfYear }}</p>
                    </div>
                    <div class="col-sm-2 text-right">
                        <p class="mb-0"> {{ number_format($trxsett->outstandingamt, 2) }}</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0">Fullsettlement Fee</p>
                    </div>
                    <div class="col-sm-2 text-right" style="border-bottom: 2px solid black;">
                        <p class="mb-0"> {{ number_format($trxsett->fullsettlementfee, 2) }}</p>

                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0">Other Charges</p>
                    </div>
                    <div class="col-sm-2 text-right">
                        {{ !isset($trxsett->othercharges) || $trxsett->othercharges == 0 ? '-' : number_format($trxsett->othercharges, 2) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0">Surplus / Defisit</p>
                    </div>
                    <div class="col-sm-2 text-right">
                        <p class="mb-0"> {{ number_format($trxsett->surplasamt, 2) }}</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0">Add: Khairat Kematian</p>
                    </div>
                    <div class="col-sm-2 text-right" style="border-bottom: 1px solid black;">
                        {{ !isset($trxsett->khairatamt) || $trxsett->khairatamt == 0 ? '-' : number_format($trxsett->khairatamt, 2) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0">Total Surplus / Defisit</p>
                    </div>
                    <div class="col-sm-2 text-right" style="border-bottom: 2px solid black;">
                        {{ !isset($trxsett->totalsurplusamt) || $trxsett->totalsurplusamt == 0 ? '-' : number_format($trxsett->totalsurplusamt, 2) }}
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0"><strong>Loss on Future Interest</strong></p>
                    </div>
                    <div class="col-sm-2 text-right">
                        <strong>
                            {{ !isset($trxsett->futureinterest) || $trxsett->futureinterest == 0 ? '-' : number_format($trxsett->futureinterest, 2) }}
                        </strong>

                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0"><strong>Uncollected Maintenance Fee</strong></p>
                    </div>
                    <div class="col-sm-2 text-right">
                        <strong>
                            {{ !isset($trxsett->uncollectedmaint) || $trxsett->uncollectedmaint == 0 ? '-' : number_format($trxsett->uncollectedmaint, 2) }}
                        </strong>
                    </div>
                </div>
                
                <hr>
                 <div class="row">
                    <div class="col-sm-4">
                        <p class="mb-0">Prepared By</p>
                    </div>
                    <div class="col-sm-4">
                         <p class="mb-0">Check By</p>
                    </div>
                      <div class="col-sm-4">
                         <p class="mb-0">Approved By</p>
                    </div>
                </div>
                <br><br>
                  <div class="row">
                    <div class="col-sm-2" style="border-bottom: 1px solid black;">
                        <p class="mb-0"></p>
                    </div>
                    <div class="col-sm-2">
                         <p class="mb-0"></p>
                    </div>
                    <div class="col-sm-2" style="border-bottom: 1px solid black;">
                        <p class="mb-0"></p>
                    </div>
                       <div class="col-sm-2">
                         <p class="mb-0"></p>
                    </div>
                    <div class="col-sm-2" style="border-bottom: 1px solid black;">
                        <p class="mb-0"></p>
                    </div>
                </div>

                <br><br><br><br>
                <div class="footer">
                    <p>Generated at: {{ \Carbon\Carbon::now()->format('d F Y H:i:s') }}</p>
                </div>
            </div>  {{-- end of card --}}
        </div>

        <div class="row justify-content-center m-3" id="buttondiv">
            <div class="col-md-6 col-md-offset-3">
                <div class="form-group text-centered">
                    <button onclick="window.print()" class="text-white mb-2 btn btn-info btn-round btn-block">Cetak
                        <i class="fas fa-print"></i></button>

                </div>

            </div>
        </div>
        <a href="{{ url()->previous() }}" class="btn btn-outline-danger py-2">Kembali</a>
    </div>
@endsection