5.4 Match record list

A list of match records

List of example pages

Order: PO505
20 Mar 2018 from Town & country fine foods

Inspect

Purchase

PO505 20.00 GBP

Ordered by

Total 20.00 GBP

Delivery

21 Mar 2018 20.00 GBP

Matches purchase

Total 20.00 GBP

Invoice

22751014 20.00 GBP

Matches delivery

Total 20.00 GBP

Order: 1234 20 Mar 2018 from Town & country fine foods

Inspect

Purchase

PO505 20.00 GBP

Ordered by

Total 20.00 GBP

Delivery

21 Mar 2018 20.00 GBP

Matches purchase

Total 20.00 GBP

Invoice

22751014 45.40 GB

Does not match delivery

Total 45.40 GB

Order: XYW34 20 Mar 2018 from Town & country fine foods

Inspect

Purchase

PO505 20.00 GBP

Ordered by

Total 20.00 GBP

Deliveries 2

21 Mar 2018 121.40 GBP
21 Mar 2018 20.00 GBP

Does not match purchase

Total 141.40 GBP

Invoice

22751014 141.40 GBP

Matches delivery

Total 141.40 GBP

Invoice: INV789 20 Mar 2018 from Town & country fine foods

Inspect

No purchase
No delivery

Invoice

22751014 45.40 GB

No matching purchase

Total 45.40 GB

Order: PO505 20 Mar 2018 from Town & country fine foods

Inspect

Purchase

PO505 20.00 GBP

Ordered by

Total 20.00 GBP
No delivery

Invoice

22751014 141.40 GBP

Does not match purchase

Total 141.40 GBP

Order: PO505 20 Mar 2018 from Town & country fine foods

Inspect

Purchase

PO505 20.00 GBP

Ordered by

Total 20.00 GBP
No delivery

Invoice

22751014 20.00 GBP

Matches purchase

Total 20.00 GBP
<ol class="breadcrumb">
    <li><a href="#0">Dashboard</a></li>
    <li>Match records</li>
</ol>

<article class="match">
    <header class="grid match__header">
        <h1 class="col-xs-6 col-sm-8 col-grid match__title">
            <a href="#0">Order: PO505</a>
            <div class="match__info">
                <span class="fa fa-calendar" aria-hidden="true"></span> 20 Mar 2018 from Town & country fine foods
            </div>
        </h1>
        <p class="col-xs-6 col-sm-4 match__actions">
            <a href="#0" class="button"><span class="fa fa-search" aria-hidden="true"></span> Inspect</a>
        </p>
    </header>
    <div class="grid">
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Purchase</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">PO505</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status">
                Ordered by <a href="#0" class="match__email">barry@pickles.net</a>
            </p>
            <footer class="match__total">
                Total 20.00 GBP
            </footer>
        </section>
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Delivery</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">21 Mar 2018</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status text-success">
                <span class="fa fa-check"></span> Matches purchase
            </p>
            <footer class="match__total">
                Total 20.00 GBP
            </footer>
        </section>
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Invoice</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">22751014</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status text-success">
                <span class="fa fa-check"></span> Matches delivery
            </p>
            <footer class="match__total">
                Total 20.00 GBP
            </footer>
        </section>
    </div>
    <footer class="match__footer">
        <span class="text-success match__footer-info"><span class="fa fa-check" aria-hidden="true"></span> Approved automatically by <a href="#0">your rules</a></span>
    </footer>
</article>

<article class="match">
    <header class="grid match__header">
        <h1 class="col-xs-6 col-sm-8 col-grid match__title">
            <a href="#0">Order: 1234</a>
            <span class="match__info">
                <span class="fa fa-calendar" aria-hidden="true"></span> 20 Mar 2018 from Town & country fine foods
            </span>
        </h1>
        <p class="col-xs-6 col-sm-4 match__actions">
            <a href="#0" class="button"><span class="fa fa-search" aria-hidden="true"></span> Inspect</a>
        </p>
    </header>
    <div class="grid">
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Purchase</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">PO505</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status">
                Ordered by <a href="#0" class="match__email">barry@pickles.net</a>
            </p>
            <footer class="match__total">
                Total 20.00 GBP
            </footer>
        </section>
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Delivery</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">21 Mar 2018</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status text-success">
                <span class="fa fa-check"></span> Matches purchase
            </p>
            <footer class="match__total">
                Total 20.00 GBP
            </footer>
        </section>
        <section class="col-xs-auto col-grid match__section match__section--error">
            <header><h2 class="match__subheading">Invoice</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">22751014</a>
                        </td>
                        <td class="text-right">
                            45.40 GB
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status text-warning">
                <span class="fa fa-close"></span> Does not match delivery
            </p>
            <footer class="match__total">
                Total 45.40 GB
            </footer>
        </section>
    </div>
    <footer class="match__footer">
        <span class="text-warning match__footer-info"><em class="fa fa-warning" aria-hidden="true"></em> Requires approval</span>
        <a href="#0" class="button button--primary"><span class="fa fa-check" aria-hidden="true"></span> Approve</a>
    </footer>
</article>

<article class="match">
    <header class="grid match__header">
        <h1 class="col-xs-6 col-sm-8 col-grid match__title">
            <a href="#0">Order: XYW34</a>
            <span class="match__info">
                <span class="fa fa-calendar" aria-hidden="true"></span> 20 Mar 2018 from Town & country fine foods
            </span>
        </h1>
        <p class="col-xs-6 col-sm-4 match__actions">
            <a href="#0" class="button"><span class="fa fa-search" aria-hidden="true"></span> Inspect</a>
        </p>
    </header>
    <div class="grid">
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Purchase</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">PO505</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status">
                Ordered by <a href="#0" class="match__email">barry@pickles.net</a>
            </p>
            <footer class="match__total">
                Total 20.00 GBP
            </footer>
        </section>
        <section class="col-xs-auto col-grid match__section match__section--error">
            <header><h2 class="match__subheading">Deliveries <span class="badge">2</span></h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">21 Mar 2018</a>
                        </td>
                        <td class="text-right">
                            121.40 GBP
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#0">21 Mar 2018</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status text-warning">
                <span class="fa fa-close"></span> Does not match purchase
            </p>
            <footer class="match__total">
                Total 141.40 GBP
            </footer>
        </section>
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Invoice</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">22751014</a>
                        </td>
                        <td class="text-right">
                            141.40 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status text-success">
                <span class="fa fa-check"></span> Matches delivery
            </p>
            <footer class="match__total">
                Total 141.40 GBP
            </footer>
        </section>
    </div>
    <footer class="match__footer">
        <span class="text-success match__footer-info"><em class="fa fa-check" aria-hidden="true"></em> Approved by <a href="#0">terry@office.net</a></span>
    </footer>
</article>

<article class="match">
    <header class="grid match__header">
        <h1 class="col-xs-6 col-sm-8 col-grid match__title">
            <a href="#0">Invoice: INV789</a>
            <span class="match__info">
                <span class="fa fa-calendar" aria-hidden="true"></span> 20 Mar 2018 from Town & country fine foods
            </span>
        </h1>
        <p class="col-xs-6 col-sm-4 match__actions">
            <a href="#0" class="button"><span class="fa fa-search" aria-hidden="true"></span> Inspect</a>
        </p>
    </header>
    <div class="grid">
        <section class="col-xs-auto col-grid match__section match__section--empty">
            <span class="fa fa-2x fa-remove" aria-hidden="true"></span> No purchase
        </section>
        <section class="col-xs-auto col-grid match__section match__section--empty">
            <span class="fa fa-2x fa-remove" aria-hidden="true"></span> No delivery
        </section>
        <section class="col-xs-auto col-grid match__section match__section--error">
            <header><h2 class="match__subheading">Invoice</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">22751014</a>
                        </td>
                        <td class="text-right">
                            45.40 GB
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status text-warning">
                <span class="fa fa-close"></span> No matching purchase
            </p>
            <footer class="match__total">
                Total 45.40 GB
            </footer>
        </section>
    </div>
    <footer class="match__footer">
        <span class="text-warning match__footer-info"><em class="fa fa-warning" aria-hidden="true"></em> Requires approval</span>
        <a href="#0" class="button button--primary"><span class="fa fa-check" aria-hidden="true"></span> Approve</a>
    </footer>
</article>

<article class="match">
    <header class="grid match__header">
        <h1 class="col-xs-6 col-sm-8 col-grid match__title">
            <a href="#0">Order: PO505</a>
            <span class="match__info">
                <span class="fa fa-calendar" aria-hidden="true"></span> 20 Mar 2018 from Town & country fine foods
            </span>
        </h1>
        <p class="col-xs-6 col-sm-4 match__actions">
            <a href="#0" class="button"><span class="fa fa-search" aria-hidden="true"></span> Inspect</a>
        </p>
    </header>
    <div class="grid">
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Purchase</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">PO505</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status">
                Ordered by <a href="#0" class="match__email">barry@pickles.net</a>
            </p>
            <footer class="match__total">
                Total 20.00 GBP
            </footer>
        </section>
        <section class="col-xs-auto col-grid match__section match__section--empty">
            <span class="fa fa-2x fa-remove" aria-hidden="true"></span> No delivery
        </section>
        <section class="col-xs-auto col-grid match__section match__section--error">
            <header><h2 class="match__subheading">Invoice</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">22751014</a>
                        </td>
                        <td class="text-right">
                            141.40 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status  text-warning">
                <span class="fa fa-close"></span> Does not match purchase
            </p>
            <footer class="match__total">
                Total 141.40 GBP
            </footer>
        </section>
    </div>
    <footer class="match__footer">
        <span class="text-warning match__footer-info"><em class="fa fa-warning" aria-hidden="true"></em> Requires approval</span>
        <a href="#0" class="button button--primary"><span class="fa fa-check" aria-hidden="true"></span> Approve</a>
    </footer>
</article>

<article class="match">
    <header class="grid match__header">
        <h1 class="col-xs-6 col-sm-8 col-grid match__title">
            <a href="#0">Order: PO505</a>
            <span class="match__info">
                <span class="fa fa-calendar" aria-hidden="true"></span> 20 Mar 2018 from Town & country fine foods
            </span>
        </h1>
        <p class="col-xs-6 col-sm-4 match__actions">
            <a href="#0" class="button"><span class="fa fa-search" aria-hidden="true"></span> Inspect</a>
        </p>
    </header>
    <div class="grid">
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Purchase</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">PO505</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status">
                Ordered by <a href="#0" class="match__email">barry@pickles.net</a>
            </p>
            <footer class="match__total">
                Total 20.00 GBP
            </footer>
        </section>
        <section class="col-xs-auto col-grid match__section match__section--empty">
            <span class="fa fa-2x fa-remove" aria-hidden="true"></span> No delivery
        </section>
        <section class="col-xs-auto col-grid match__section">
            <header><h2 class="match__subheading">Invoice</h2></header>
            <table class="match__table">
                <tbody>
                    <tr>
                        <td>
                            <a href="#0">22751014</a>
                        </td>
                        <td class="text-right">
                            20.00 GBP
                        </td>
                    </tr>
                </tbody>
            </table>
            <p class="match__status text-success">
                <span class="fa fa-check"></span> Matches purchase
            </p>
            <footer class="match__total">
                Total 20.00 GBP
            </footer>
        </section>
    </div>
    <footer class="match__footer">
        <span class="text-success match__footer-info"><em class="fa fa-check" aria-hidden="true"></em> Approved automatically by <a href="#0">your rules</a></span>
    </footer>
</article>