<?php
$title = 'Purchases';
require_once('header-links.php');
// require_once('../lib/basic-function.php');
// require_once('../lib/user-functions.php');
// require_once('../lib/investment-plan-functions.php');
// require_once('../lib/package-functions.php');
// require_once('../lib/currency-functions.php');
$purchases = $basicFunctn->selectAllDlt($basicFunctn->purchase_tb);
?>

<body>
    <div class="app">
        <div class="layout">
            <?php require_once('sidebar.php'); ?>

            <!-- Page Container START -->
            <div class="page-container">
                <?php require_once('header.php'); ?>



                <!-- Content Wrapper START -->
                <div class="main-content">
                    <div class="container-fluid">
                        <div class="page-title">
                            <h4><?php print $title; ?></h4>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="card-block">
                                        <div class="table-overflow table-responsive">
                                            <table id="dt-opt" class="table table-lg table-hover">
                                                <thead>
                                                    <tr>
                                                        <th>S/N</th>
                                                        <th>Order ID</th>
                                                        <th>Product</th>
                                                        <th>Includes</th>
                                                        <th>Status</th>
                                                        <th>Type</th>
                                                        <th>Balance</th>
                                                        <th>Price</th>
                                                        <th>Created</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <?php
                                                    $i = 1;
                                                    foreach ($purchases as $e) {
                                                        $product = ($basicFunctn->selectWhere($basicFunctn->product_tb, 'unique_id', $e['product_id'])[0]);
                                                        $subcategory = ($basicFunctn->selectWhere($user->subcategory_tb, 'unique_id', $product['subcategory_id']))[0];
                                                    ?>
                                                        <tr>
                                                            <td><?php print $i; ?></td>
                                                            <td>
                                                                <div class="relative mrg-top-15">
                                                                    <span class="text-info"><?php print $e['unique_id']; ?></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="mrg-top-15">
                                                                    <span class="text-primary"><?php print $subcategory['name']; ?></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="mrg-top-15">
                                                                    <span class="text-success"><?php print $product['includes']; ?></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="relative mrg-top-15">

                                                                    <?php if ($e['status'] == 'pending') { ?>
                                                                        <span class="status warning"> </span>
                                                                    <?php } elseif ($e['status'] == 'confirmed') { ?>
                                                                        <span class="status success"> </span>
                                                                    <?php } ?>

                                                                    <span class="pdd-left-10 text-capitalize"><b><?php print $e['status']; ?></b></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="mrg-top-15">
                                                                    <span class=""><?php print $product['type']; ?></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="mrg-top-15">
                                                                    <span class=""><?php print $product['balance']; ?></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="mrg-top-15">
                                                                    <span class=""><?php print $product['price']; ?></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="mrg-top-15">
                                                                    <span><?php print $e['created_at']; ?></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="mrg-top-10 text-center">
                                                                    <button class="btn btn-icon btn-flat btn-rounded dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                        <i class="ti-more-alt"></i>
                                                                    </button>
                                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                                        <?php if ($e['status'] == 'pending') { ?>
                                                                            <a id="<?php print $e['unique_id']; ?>" class="dropdown-item cursor-pointer confirm_modal">Confirm Purchase</a>
                                                                        <?php } elseif ($e['status'] == 'confirmed') { ?>
                                                                            <a id="<?php print $e['unique_id']; ?>" class="dropdown-item cursor-pointer unconfirm_modal">Unconfirm Purchase</a>
                                                                        <?php } ?>
                                                                        <a id="<?php print $e['unique_id']; ?>" class="dropdown-item cursor-pointer delete_txn_modal">Delete Purchase</a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    <?php $i++;
                                                    } ?>
                                                    <!-- <tr>
                                                        <td>1</td>
                                                        <td>
                                                            <div class="list-info mrg-top-10">
                                                                <img class="thumb-img" src="assets/images/avatars/thumb-4.jpg" alt="">
                                                                <div class="info">
                                                                    <span class="title">Samuel Field</span>
                                                                    <span class="sub-title">ID 861</span>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="relative mrg-top-15">
                                                                <span class="status away"> </span>
                                                                <span class="pdd-left-20">Trade Pendding</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="mrg-top-15">
                                                                <span class="text-info"><b>#33667</b></span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="mrg-top-15">
                                                                <span>8 May 2017</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="mrg-top-15">
                                                                <span>8 May 2017</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="mrg-top-15">
                                                                <span>8 May 2017</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="mrg-top-15">
                                                                <span>8 May 2017</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="mrg-top-15">
                                                                <span>8 May 2017</span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="mrg-top-15">
                                                                <b class="text-dark font-size-16">$168.00</b>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="mrg-top-10 text-center">
                                                                <button class="btn btn-icon btn-flat btn-rounded dropdown-toggle">
                                                                    <i class="ti-more-alt"></i>
                                                                </button>
                                                            </div>
                                                        </td>
                                                    </tr> -->
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Modal START-->
                <div class="modal fade zoomInUp" id="confirm-modal">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4>Confirm Purchase?</h4>
                            </div>
                            <form class="confirm_txn_form">
                                <div class="modal-body">
                                    <p class="">By confirming this, you acknowledge to have recieved payment for this purchase. <br> User will be awaiting their product.</p>
                                </div>
                            </form>
                            <div class="modal-footer no-border">
                                <div class="text-right">
                                    <button class="btn btn-default btn-sm" data-dismiss="modal">Cancel</button>
                                    <button class="btn btn-primary btn-sm confirm_txn_btn" data-dismiss="modal">Continue</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Modal START-->
                <div class="modal fade zoomInUp" id="end_txn_modal">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4>End Transaction?</h4>
                            </div>
                            <form class="end_txn_form">
                                <div class="modal-body">
                                    <p class="">By clicking continue, you acknowledge this transaction has completed its duration. <br> Interest will no longer be added to this transaction.</p>
                                </div>
                            </form>
                            <div class="modal-footer no-border">
                                <div class="text-right">
                                    <button class="btn btn-default btn-sm" data-dismiss="modal">Cancel</button>
                                    <button class="btn btn-primary btn-sm end_txn_btn" data-dismiss="modal">Continue</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Modal START-->
                <div class="modal fade zoomInUp" id="unconfirm_modal">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4>Unconfirm Purchase?</h4>
                            </div>
                            <form class="unconfirm_form">
                                <div class="modal-body">
                                    <p class="">By clicking continue, this purchase will be made pending.</p>
                                </div>
                            </form>
                            <div class="modal-footer no-border">
                                <div class="text-right">
                                    <button class="btn btn-default btn-sm" data-dismiss="modal">Cancel</button>
                                    <button class="btn btn-primary btn-sm unconfirm_btn" data-dismiss="modal">Continue</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Modal START-->
                <div class="modal fade zoomInUp" id="delete_txn_modal">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4>Delete Purchase?</h4>
                            </div>
                            <form class="delete_txn_form">
                                <div class="modal-body">
                                    <p class="text-danger">By clicking continue, this purchase will be deleted permanently. <br> Users won't be able to view this purchase.</p>
                                </div>
                            </form>
                            <div class="modal-footer no-border">
                                <div class="text-right">
                                    <button class="btn btn-default btn-sm" data-dismiss="modal">Cancel</button>
                                    <button class="btn btn-primary btn-sm delete_txn_btn" data-dismiss="modal">Continue</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Content Wrapper END -->
                <?php require_once('footer.php'); ?>
                <!-- Footer END -->

            </div>
            <!-- Page Container END -->

        </div>
    </div>

    <?php require_once('footer-links.php'); ?>
    <script>
        $('.confirm_modal').click(function(e) {
            e.preventDefault();
            append_id('purchase_status_id', '.confirm_txn_form', '#confirm-modal', this)
            $('#confirm-modal').modal('toggle');
        });
        $('.end_txn_modal').click(function(e) {
            e.preventDefault();
            append_id('end_txn_id', '.end_txn_form', '#end_txn_modal', this)
            $('#end_txn_modal').modal('toggle');
        });
        $('.unconfirm_modal').click(function(e) {
            e.preventDefault();
            append_id('purchase_status_id', '.unconfirm_form', '#unconfirm_modal', this)
            $('#unconfirm_modal').modal('toggle');
        });
        $('.delete_txn_modal').click(function(e) {
            e.preventDefault();
            append_id('delete_txn_id', '.delete_txn_form', '#delete_txn_modal', this)
            $('#delete_txn_modal').modal('toggle');
        });


        $('.confirm_txn_btn').click(async function(e) {
            e.preventDefault();
            let confirm_txn_form = $('.confirm_txn_form').serializeArray();
            let form_data = set_form_data(confirm_txn_form);
            // console.log(confirm_txn_form);return;
            let returned = await ajaxRequest('ajax.php', form_data);
            throwSweetalert(returned, 'purchases', 1);
        });
        $('.end_txn_btn').click(async function(e) {
            e.preventDefault();
            let end_txn_form = $('.end_txn_form').serializeArray();
            let form_data = set_form_data(end_txn_form);
            // console.log(end_txn_form);return;
            let returned = await ajaxRequest('ajax.php', form_data);
            // console.log(returned);return;
            throwSweetalert(returned, 'transactions', 1);
        });
        $('.unconfirm_btn').click(async function(e) {
            e.preventDefault();
            let unconfirm_form = $('.unconfirm_form').serializeArray();
            let form_data = set_form_data(unconfirm_form);
            // console.log(unconfirm_form);return;
            let returned = await ajaxRequest('ajax.php', form_data);
            // console.log(returned);return;
            throwSweetalert(returned, 'purchases', 1);
        });
        $('.delete_txn_btn').click(async function(e) {
            e.preventDefault();
            let delete_txn_form = $('.delete_txn_form').serializeArray();
            let form_data = set_form_data(delete_txn_form);
            // console.log(delete_txn_form);return;
            let returned = await ajaxRequest('ajax.php', form_data);
            // console.log(returned);return;
            throwSweetalert(returned, 'purchases', 1);
        });
    </script>