<!-- Main content -->
<div class="content-wrapper">

    <!-- Inner content -->
    <div class="content-inner">

        <!-- card card-header -->
        <div class="card card-header mb-2">

            <div class="text-center">
                <h4 class="page-title fw-bold">Stripe Customers</h4>
            </div>

        </div>
        <!-- /card card-header -->


        <!-- Content area -->
        <!-- <div class="content"> -->

        <!-- Card layout -->
        <div class="card card-header mt-1">

            <table class="table table-sm table-hover stripe-customers-table">
                <thead>
                    <tr class="table-dark text-uppercase">
                        <th>#</th>
                        <th>Created At</th>
                        <th>Customer ID</th>
                        <th>Enterprise ID</th>
                        <th>Email</th>
                        <th>Name</th>
                        <th>Phone</th>
                        <th>Detail</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr class="table-dark text-uppercase fw-bold">
                        <td>__</td>
                        <td>__</td>
                        <td>__</td>
                        <td>__</td>
                        <td>__</td>
                        <td>__</td>
                        <td>__</td>
                        <td>__</td>
                </tfoot>
            </table>

        </div>
        <!-- /Card layout -->


        <!-- </div> -->
        <!-- /content area -->

    </div>
    <!-- /inner content -->

</div>
<!-- /main content -->


<!-- View Product modal -->
<div id="stripe-customer-view-modal" class="modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Stripe Customer Detail</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>

            <div class="modal-body">

                <table class="table table-hover table-bordered">
                    <tbody class="bg-light">
                        <tr>
                            <td width="30%">Account ID</td>
                            <td><span id="stripe_account_id"></span></td>
                        </tr>
                        <tr>
                            <td width="30%">City</td>
                            <td><span id="stripe_customer_city"></span></td>
                        </tr>
                        <tr>
                            <td width="30%">Country</td>
                            <td><span id="stripe_customer_country"></span></td>
                        </tr>
                        <tr>
                            <td width="30%">Line 1</td>
                            <td><span id="stripe_customer_line1"></span></td>
                        </tr>
                        <tr>
                            <td width="30%">Line 2</td>
                            <td><span id="stripe_customer_line2"></span></td>
                        </tr>
                        <tr>
                            <td width="30%">Postal Code</td>
                            <td><span id="stripe_customer_postal_code"></span></td>
                        </tr>
                        <tr>
                            <td width="30%">State</td>
                            <td><span id="stripe_customer_state"></span></td>
                        </tr>
                        <tr>
                            <td width="30%">Balance</td>
                            <td><span id="stripe_customer_balance"></span></td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal"><i class="mi-close me-1"></i> Close</button>
            </div>
        </div>
    </div>
</div>
<!-- /View Product modal -->

<script src="scripts/stripe-management.js?v=<?= md5(time()) ?>"></script>