@extends('layouts.default')

@section('content')

    <style>
        .cost-head{
            background-color: #18167c;
            color: #FFF;
            padding: 5px;
            font-weight: bold;
        }
    </style>

    <!--begin::Dashboard-->
    <!--begin::Row-->
    <div class="row">

        <div class="col-lg-12 col-xxl-4 order-1 order-xxl-2">
            <!--begin::Card-->
            <div class="card card-custom gutter-b example example-compact">
                <div class="card-header">
                    <h3 class="card-title">Monthly Report</h3>
                </div>

                <div class="card-body">
                    <div style="background-color: #c0d0e0;text-align: center; padding: 10px 0">
                        <h3>{{$building->name}}</h3>
                        <span>Service Charge Detail</span><br/>
                        <span>{{$yearmonth}}</span>
                    </div>

                    <div class="row">
                        <div class="col-xl-4">
                            <div class="mt-4 cost-head">Expenses</div>
                            <table class="table table-bordered table-hover table-checkable " id="vms-datatable" style="margin-top: 13px !important">
                                <thead>
                                <tr>
                                    <th>Expense Head</th>
                                    <th>Payment Amount</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(!empty($expenses))
                                    @php($totalExpense = 0)
                                    @foreach($expenses as $expense)
                                        @php($totalExpense += $expense->expense_amount)
                                        <tr>
                                            <td><span data-toggle="tooltip" title="{{$expense->remarks}}">{{ $expense->expenseHead->name }}</span></td>
                                            <td>{{ $expense->expense_amount }}</td>
                                        </tr>
                                    @endforeach
                                    <tr><td class="cost-head">Total</td><td class="cost-head" style="text-align: right">{{$totalExpense}}</td></tr>
                                @endif
                                </tbody>
                            </table>
                        </div>
                        <div class="col-xl-8">
                            <div class="mt-4 cost-head">Bill Details</div>
                            <table class="table table-bordered table-hover table-checkable " id="vms-datatable" style="margin-top: 13px !important">
                                <thead>
                                <tr>
                                    <th>Flat</th>
                                    <th>Owner</th>
                                    <th>Date</th>
                                    <th>Amount</th>
                                    <th>Receipt</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(!empty($collections))
                                    @php($totalCollection = 0)
                                    @foreach($collections as $collection)
                                        @php($totalCollection += $collection->amount)
                                        <tr>
                                            <td>{{ $collection->flat->flat_number }}</td>
                                            <td>{{ $collection->flat->flatOwner->name }}</td>
                                            <td>{{ $collection->received_date }}</td>
                                            <td>{{ $collection->amount }}</td>
                                            <td></td>
                                        </tr>
                                    @endforeach
                                    <tr>
                                        <td class="cost-head">Total</td>
                                        <td colspan="3" class="cost-head" style="text-align: right">{{$totalCollection}}</td>
                                        <td class="cost-head"></td>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>

                    
                    <div class="row">
                        <div class="col-xl-12"><div class="mt-4 cost-head">Summary Info</div></div>
                    </div>
                    <div class="row mt-4">
                        <div class="col-xl-12">
                            <table class="table table-bordered table-hover">
                                <tr>
                                    <td>Current Month Balance</td>
                                    <td>{{$monthWiseBalance}}</td>
                                    <td>Service Charge</td>
                                    <td>{{$totalExpense}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
            <!--end::Card-->
        </div>
    </div>
    <!--end::Row-->


@endsection