<!-- Begin Page Content -->
<div class="container-fluid">
    <!-- Page Heading -->
    <div class="row">
        <div class="col-md-6">
            <h1 class="h3 mb-2 text-gray-800">Recharge History</h1>
        </div>
    </div>
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Filters</h6>
        </div>
        <div class="card-body">
            <form name="search_txn" id="search_txn" method="post"  action="list_recharge_history.php" onsubmit="return false;" >
                <div class="row">
                    <div class="col-md-3">
                        <label>Service</label>
                        <select name="service_id" id="service_id" class="form-control">
                            <option value="0">Select Service</option>
                            <?= service_list(0); ?>
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label>Provider</label>
                        <div id="provider_list">
                            <select name="provider_id" id="provider_id" class="form-control" disabled="disabled">
                                <option value="0">Select Provider</option>
                                <?= get_provider_list_by_service($provider_id, 0); ?>
                            </select>
                        </div>
                    </div>
                  <div class="col-md-3">
                        <label>Status</label>
                        <select name="status" id="status" class="form-control">
                            <option value="0">Select Status</option>
                            <option value="Failed">Failed</option>
                            <option value="Pending">Pending</option>
                            <option value="Success">Success</option>
                     
                        </select>
                    </div>
                        <div class="col-md-3">
                        <label>Api</label>
                        <select name="api_id" id="api_id" class="form-control">
                            <option value="0">Select Api</option>
                            <?= api_list(0); ?>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label>From</label>
                        <input type="date" class="form-control" name="from_date" id="from_date" placeholder="From Date" />
                    </div>
                    <div class="col-md-3">
                        <label>To</label>
                        <input type="date" class="form-control" name="to_date" id="to_date" placeholder="To Date"   />
                    </div>
                  
                      <div class="col-md-3">
                        <label>User</label>
                        <select name="user_id_search" id="user_id_search" class="form-control">
                            <option value="0">Select User</option>
                            <?= user_list_dropdown_retailer(0); ?>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label>Mobile / DTH / Ref Number</label>
                        <input type="text" class="form-control" name="search_val" id="search_val" placeholder="Mobile / DTH / Reference Number"   />
                    </div>
                    <div class="col-md-3">
                        <label>&nbsp;</label>
                        <input type="submit" name="search_result" id="search_result" class="form-control btn btn-primary" value="Search Records" />
                    </div>

                </div>
            </form>
        </div>
    </div>
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <div class="col-md-12 text-left ">
                Transaction History 
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-12 ">
                    <div id="tabled_data">
                        <table class="table table-responsive table-striped table-bordered" style="width:100%" id="recharge_history">
                            <thead style="color:#fff;background-color:#034ea1">
                                <tr>
                                    <th>Date</th>
                                    <th>User Detail</th>
                                    <th>Recharge Number</th>
                                    <th>Ref. Number</th>
                                    <th width="7%">Opid</th>
                                    <th>Api Name</th>
                                    <th>Amount</th>
                                    <th>Commission</th>
                                    <th>Total Commission</th>
                                    <th>Profit/Loss</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div id="processing" style="display: none;" class="col-md-12 text-center">
                        <?php include "processing.php"; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /.container-fluid -->
<div class="modal fade " id="action_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-modal="true" style="padding-right: 17px; display: none;">
    <div class="modal-dialog modal-lg" role="document" style="    margin-top: 5px;">

        <div class="modal-content">
            <div class="modal-header head_modal">
                <h5 class="modal-title" id="exampleModalLabel"><span id="modal_head"></span></h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div id="retry_div">
                <div class="modal-body">

                    <div id="modal_body1"></div>  
                </div>

            </div>
            <div id="processing_wallet" style="display:none;width:100%;text-align: center;">
                <?php include "html/processing.php"; ?>
            </div>

        </div>
    </div>
</div>
<!-- /.container-fluid -->