@extends('layout.header')
@section('title')
    ALIAN | Payment Collection
@endsection
@section('main')
        <div class="m-grid__item m-grid__item--fluid m-wrapper">
            <!-- BEGIN: Subheader -->
            <div class="m-subheader ">
                <div class="d-sm-flex align-items-center subheader_border_bottom">
                    <div class="mr-auto">
                        <h3 class="m-subheader__title m-subheader__title--separator">
                            Payment Collections
                        </h3>
                        <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                            <li class="m-nav__item m-nav__item--home">
                                <a href="#" class="m-nav__link m-nav__link--icon">
                                    <i class="m-nav__link-icon la la-home"></i>
                                </a>
                            </li>
                            <li class="m-nav__separator">
                                -
                            </li>
                            <li class="m-nav__item">
                                <a href="" class="m-nav__link">
                                            <span class="m-nav__link-text">
                                                Payment Collections
                                            </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- END: Sub header -->
            <!-- START :: main Content-->
            <div class="m-content payment_collection_24">
                <div class="m-portlet m-portlet--mobile margin_bottom_30">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Payment Collections
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body replace-order-21 admin_orders_table table_style_2">

                        <!--begin: Datatable -->
                        <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded m-portlet__body m-datatable__body p-0">
                            <div id="m_table_1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                                <div class="row m-0">
                                    <div class="col-sm-12 p-0 table_style_2">

                                        <table id="payment_collection" class="table table-striped table-bordered" style="width:100%">
                                            <thead>
                                            <tr>
                                                <th>Date</th>
                                                <th>Receipt ID</th>
                                                <th>Store Name</th>
                                                <th>City</th>
                                                <th>Payment Type</th>
                                                <th>Received Amount</th>
                                                <th>Actions</th>
                                            </tr>
                                            </thead>

                                        </table>

                                    </div>
                                </div>
                            </div>
                            <!--  END: currently registered users table-->

                        </div>
                        <!--end: Datatable -->
                    </div>
                </div>
                <!-- END EXAMPLE TABLE PORTLET-->
            </div>
            <!-- END :: main Content-->
        </div>

    <!-- end:: Body -->
@endsection