{{-- @extends('layouts/microfin_layout')
@section('title', '| Redo Mfn Auto Vouchers Process')
@section('content') --}}

<div id="printDiv">
    <div class="row" style="padding: 10px; text-align: center; vertical-align: middle; color: black; font-weight: bold; "> {{-- div for Company --}}
        
        {{-- <span style="font-size:14px;">{{$branchNameCode}}</span><br/> --}}
        <span style="text-decoration: underline;  font-size:14px;">Loan Information</span>
    </div>
    {{-- first table --}}
    <div class="row">
        <div class="col-lg-12">
            <div class="table-responsive">
                <table id="addmissionRegister1" width="100%" class="table table-striped table-bordered addmissionRegister" border="1pt solid ash" style="color:black; border-collapse: collapse;">
                    <thead>
                        <tr>
                            <th rowspan="2">SL#</th>
                            <th rowspan="2" style="text-align: left">Member Name</th>
                            <th rowspan="2" style="text-align: center">Member Code</th>
                            <th rowspan="2" style="text-align: center">Loan Code</th>
                            <th rowspan="2" style="text-align: center">Disburse Date</th>
                            <th rowspan="2" style="text-align: center">Loan Amount</th>
                            <th rowspan="2" style="text-align: right">Outstanding</th>
                            <th rowspan="2" style="text-align: right">Outstanding Principal</th>
                            <th rowspan="2" style="text-align: right">Due</th>
                            <th rowspan="2" style="text-align: right">This Month Recoverable</th>
                            <th rowspan="2" style="text-align: right">This Month Recovery</th>
                            <th rowspan="2" style="text-align: right">WS Balance</th>
                        </tr>
                    </thead>
                    <tbody> 
                        @php
                         $sl = 1;   
                         $totalLoanAmount = 0;
                         $totalOutstanding = 0;
                         $totalOutstandingPrincipal = 0;
                         $totalDue = 0;
                         $totalAprilRecoverable = 0;
                         $totalAprilRecovery = 0;
                         $wsBalance = 0;
                        @endphp
                        @foreach($loanInfo as $single)
                            <tr>
                                <td>{{$sl}}</td>
                                <td>{{$memberInfo[$single['memberId']]->name}}</td>
                                <td>{{$memberInfo[$single['memberId']]->code}}</td>
                                <td>{{$single['loanCode']}}</td>
                                <td>{{$single['disbursementDate']}}</td>
                                <td>{{$single['loanAmount']}}</td>
                                <td>{{$single['outstanding']}}</td>
                                <td>{{$single['outstandingPrincipal']}}</td>
                                <td>{{$single['due']}}</td>
                                <td>{{$single['aprilRecoverable']}}</td>
                                <td>{{$single['aprilRecovery']}}</td>
                                <td>{{$single['wsBalance']}}</td>
                            </tr>
                        @php
                        $sl++; 
                        $totalLoanAmount += $single['loanAmount'];
                        $totalOutstanding += $single['outstanding'];
                        $totalOutstandingPrincipal += $single['outstandingPrincipal'];
                        $totalDue += $single['due'];
                        $totalAprilRecoverable += $single['aprilRecoverable'];
                        $totalAprilRecovery += $single['aprilRecovery'];
                        $wsBalance += $single['wsBalance'];
                        @endphp
                        @endforeach
                        <tr style="">
                            <td colspan="5">Total:</td>
                            <td>{{$totalLoanAmount}}</td>
                            <td>{{$totalOutstanding}}</td>
                            <td>{{$totalOutstandingPrincipal}}</td>
                            <td>{{$totalDue}}</td>
                            <td>{{$totalAprilRecoverable}}</td>
                            <td>{{$totalAprilRecovery}}</td>
                            <td>{{$wsBalance}}</td>
                        </tr>
                    </tbody>
                </table>
            </div> 
        </div> 
    </div>
    
</div>

<style type="text/css">
    .dueRegister > thead > tr > td, .dueRegister > tbody > tr > td, .dueRegister > thead > tr > th, .dueRegister > tbody > tr > th {
        padding: 2px !important;
        font-size: 10px !important;
        text-transform: capitalize!important;
    }

    .dueRegister > thead > tr .sNo {
        width: 23px !important;
    }
    .dueRegister > thead > tr .code {
        width: 90px !important;
    }
    .dueRegister > thead > tr .priPro {
        width: 55px !important;
    }
    .dueRegister > thead > tr .name {
        width: 72px !important;
    }
    .dueRegister > thead > tr .spouse {
        width: 72px !important;
    }
    .dueRegister > thead > tr .opBalance {
        width: 60px !important;
    }
    .dueRegister > thead > tr .weeks {
        width: 75px !important;
    }
    .dueRegister > thead > tr .balance {
        width: 60px !important;
    }

    .subTotalTr td{
        background-color: #9cb1d3;
    }
    .grandTotal td{
        background-color: #819bc4;
    }
    .funTotal td{
        background-color: #8296b7;
    }
    .allFunOrgTotal td{
        background-color: #55729e;
    }
    .note{
        color: white;
        font-size: 10px;
        margin-top: 1px;
    }
    
</style>

{{-- @endsection --}}