@extends('app.master')
@section('title',$title)
@section('breadcrumb')       
    @include('app.layouts.rent.breadcrumb',[
        'pageTitle' => $title,
        'lists' => [
            [
                'link'  => '#',
                'name'  => 'Payment Manangement',
            ],
            [
                'link'  => 'payments.index',
                'name'  => $title,
            ]
        ]
    ])
@endsection
@section('content')
<div class="col-md-12">
    <div class="card">
        <div class="card-header tx-medium bd-0 tx-white bg-indigo">@yield('title')</div>

        <div class="card-body">
            @include('app.layouts.alert')
            {!! htmlAlert() !!}
            <table id="{{ $unique }}" class="table table-bordered table-striped" width="100%">
                <thead>
                    <tr>
                        <th class="wd-5p"></th>
                        <th class="wd-5p">Sl.</th>
                        <th class="wd-10p">Invoice</th>
                        <th class="wd-10p">Date</th>
                        <th class="wd-10p">Tenants</th>
                        <th class="wd-15p">Houses</th>
                        <th class="wd-5p">Year</th>
                        <th class="wd-10p">Month</th>
                        <th class="wd-5p">Amount</th>
                        <th class="wd-5p">Due</th>
                        <th class="wd-5p">Arrear</th>
                        <th class="wd-10p">Type</th>
                        <th class="wd-10p">Status</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th class="wd-5p"></th>
                        <th class="wd-5p">Sl.</th>
                        <th class="wd-10p">Invoice</th>
                        <th class="wd-10p">Date</th>
                        <th class="wd-10p">Tenants</th>
                        <th class="wd-15p">Houses</th>
                        <th class="wd-5p">Year</th>
                        <th class="wd-10p">Month</th>
                        <th class="wd-5p">Amount</th>
                        <th class="wd-5p">Due</th>
                        <th class="wd-5p">Arrear</th>
                        <th class="wd-10p">Type</th>
                        <th class="wd-10p">Status</th>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="card-footer bd-t tx-right">
            {!! poweredBy() !!}
        </div>
    </div>
</div>
@endsection
@section('script')
@include('rent.payments.ajax.houserent')
@endsection