@extends('common.emails.layouts.master')
@section('style')
@include('common.emails.layouts.style')
@endsection
@section('body')
<div style="font-family: Roboto Condensed, Roboto, Helvetica,Arial,sans-serif;border-style:solid;border-width:thin;border-color:#dadce0;border-radius:8px;padding:40px 20px" align="center">
    <img src="{{ getBase64(config('company.logo')) }}" width="156" height="40" aria-hidden="true" style="margin-bottom:16px" alt="{{ config('app.name') }}">
    <div style="border-bottom:thin solid #dadce0;color:rgba(0,0,0,0.87);line-height:32px;padding-bottom:24px;text-align:center;word-break:break-word">
        <div style="font-size:24px">Monthly House Rent</div>
        <div style="font-size:18px; font-weight: bold;">For the Month of {{ months()[$payment->month] }}, {{ $payment->year }}</div>
    </div>
    <div style="font-size:14px;color:rgba(0,0,0,0.87);line-height:20px;padding-top:20px;text-align:left">
        <p><b>Dear {{ $payment->tenant->name }},</b></p>
        <p>I hope this email finds you well. Please find below the breakdown of your monthly rental bill for your apartment <b>{{ ($payment->tenantHouse->unit->floor->house->name ?? "None")." | 
            ".($payment->tenantHouse->unit->floor->name ?? "None")." | 
            ".($payment->tenantHouse->unit->name ?? "None") }}</b> for the month of <b>{{ months()[$payment->month] }}, {{ $payment->year }}</b>.</p>
    </div>
    <table>
        <thead>
            <tr>
                <th style="vertical-align: middle;">#Sl.</th>
                <th style="vertical-align: middle;">Rent Items</th>
                <th style="vertical-align: middle;">Month/Year</th>
                <th>Square Feet</th>
                <th style="vertical-align: middle;">Rent Per S.F</th>
                <th style="vertical-align: middle;">Unit</th>
                <th style="vertical-align: middle;">Unit Price</th>
                <th style="vertical-align: middle;">Amount</th>
            </tr>
        </thead>
        @php 
            $subTotal = 0;
        @endphp
        <tbody>
            @foreach($payment->houseRents as $key => $houserent)
            @php 
                $subTotal += $houserent->amount;
            @endphp
            <tr>
                <td>{{ $key+1 }}</td>
                <td>{{ $houserent->rentHead->name }}</td>
                <td>{{ months()[$houserent->bill_month]."/".$houserent->bill_year }}</td>
                <td>{!! numberFormat($houserent->sf) !!}</td>
                <td>{!! numberFormat($houserent->ppsf) !!}</td>
                <td>{!! numberFormat($houserent->unit) !!}</td>
                <td>{!! numberFormat($houserent->ppu) !!}</td>
                <td>{!! numberFormat($houserent->amount) !!}</td>
            </tr>
            @endforeach
            @php 
                $total = $subTotal+$payment->arrear;
                $paid = $payment->amount + $payment->arrear;
            @endphp
             
            <tr>
                <td colspan="4" rowspan="6" class="valign-middle">
                    <div class="invoice-notes">
                    <label class="az-content-label tx-13">Notes</label>
                    <p></p>
                </div><!-- invoice-notes -->
                </td>
                <td colspan="2">Sub-Total</td>
                <td colspan="2">{!! numberFormat($subTotal) !!}</td>
            </tr>
            <tr>
                <td colspan="2">Arrear</td>
                <td colspan="2">{!! numberFormat($payment->arrear) !!}</td>
            </tr>
            <tr>
                <td colspan="2">Total</td>
                <td colspan="2">{!! numberFormat($total) !!}</td>
            </tr>
            <tr>
                <td colspan="2">Paid</td>
                <td colspan="2">{!! numberFormat($paid) !!}</td>
            </tr>
            <tr>
                <td colspan="2" class="tx-right">Due</td>
                <td colspan="2" class="tx-right"><h6 class="tx-primary tx-bold">{!! numberFormat($total - $paid) !!}</h6></td>
            </tr>
        </tbody>
    </table>
    <div style="padding-top:32px;text-align:center">
         
    </div>
    @include('common.emails.layouts.footer')
</div>
@endsection