@extends('layouts/layoutMaster')

@section('title', 'DataTables - Tables')

@section('vendor-style')
    @include('seller.pages.payment-history.css')
@endsection

@section('vendor-script')
@endsection

@section('page-script')
    @include('seller.pages.payment-history.js')
@endsection

@section('content')
    <h4 class="fw-bold py-3 mb-4">
        {{-- <span class="text-muted fw-light">DataTables /</span>  --}}
        Payment History
    </h4>

    <!-- DataTable with Buttons -->
    <div class="card">
        <div class="card-datatable table-responsive pt-0 px-3">
            <table class="datatables-basic table table-bordered" id="data-table">
                <thead>
                    <tr>
                        <th style="min-width: 25px">#</th>
                        <th class="text-center" >Type</th>
                        <th class="text-center" >Amount</th>
                        <th class="text-center" >Fee</th>
                        <th class="text-center" >Total Paid</th>
                        <th class="text-center" >Payment Method</th>
                        <th class="text-center">Note</th>
                        <th class="text-center" style="min-width: 200px">Created at</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    @include('seller.pages.payment-history.modal')
@endsection