<center>
    <h3>Invoice Matching</h3>
    <p>
        <span style="height: 20px; width: 100px; background-color: #419641; padding-right: 20px;">
            <b>
                Match: {{match_qty}}
            </b>
        </span>
        <span style="height: 20px; width: 100px; background-color: red; padding-left: 20px;">
            <b>
            Not Match: {{nomatch_qty}}
            </b>
        </span>
    </p>

</center>
{{#if lines}}
<table class="table table-condensed table-striped">
    <thead>
        <th>#</th>
        <th>HN</th>
        <th>Patient</th>
        <th>Date</th>
        <th>Invoice No</th>
        <th>Fee</th>
        <th>Medicine</th>
        <th>Service</th>
        <th>Match</th>
    </thead>
    <tbody>
        {{#each lines}}
            <tr>
                <td style="background-color:{{expx_color}}">{{no}}</td>
                <td style="background-color:{{expx_color}}"><a href="/ui#name=clinic_patient&active_id={{patient_id}}&mode=form">{{hn}}</a></td>
                <td style="background-color:{{expx_color}}"><a href="/ui#name=clinic_patient&active_id={{patient_id}}&mode=form">{{patient_name}}</a></td>
                <td style="background-color:{{expx_color}}">{{date}}</td>
                <td style="background-color:{{expx_color}}">{{invno}}</td>
                <td style="background-color:{{expx_color}}">{{fee_amt}}</td>
                <td style="background-color:{{expx_color}}">{{mdc_amt}}</td>
                <td style="background-color:{{expx_color}}">{{srv_amt}}</td>
                <td style="background-color:{{exp_color}}">
                    <a style="" href="/ui#name=clinic_hd_case_expense&active_id={{exp_id}}&mode=form">{{match}}</a>
                </td>
            </tr>
        {{/each}}
    </tbody>
    <tfoot>
    </tfoot>
</table>
{{else}}
    Waiting matching.
{{/if}}