<?php
$title = 'Support Tickets';
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');
$all_tickets = $basicFunctn->selectWhereDlt($basicFunctn->support_tb, 'main', 1);
?>

<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-lg-12">
                                <div class="card-block">
                                    <div class="col-md-6">
                                    </div>
                                    <div class="col-md-8" style="float:right;width:40% !important;">
                                        <div class="card">
                                            <div class="card-heading border bottom">
                                                <h4 class=""><strong>ALL TICKETS</strong></h4>
                                            </div>
                                            <?php foreach ($all_tickets as $e) { ?>
                                                <div class="row">
                                                    <div style="padding:0px 20px ;" class="col-md-12">
                                                        <a style="text-decoration:underline;" href="reply-ticket.php?ticket=<?php print $e['unique_id']; ?>" class="text-dark text-capitalize">
                                                            <b><?php print strtolower($e['title']); ?></b>
                                                        </a>
                                                        <p class="text-right mt-4 "><?php print $e['created_at']; ?></p>
                                                    </div>
                                                </div>
                                                <hr>
                                            <?php } ?>
                                        </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 Transaction?</h4>
                            </div>
                            <form class="confirm_txn_form">
                                <div class="modal-body">
                                    <p class="">By confirming this, you acknowledge to have recieved payment for this deposit. <br> Interest will begin to 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 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 Transaction?</h4>
                            </div>
                            <form class="unconfirm_form">
                                <div class="modal-body">
                                    <p class="">By clicking continue, this transaction will be made pending. <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 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 Transaction?</h4>
                            </div>
                            <form class="delete_txn_form">
                                <div class="modal-body">
                                    <p class="text-danger">By clicking continue, this transaction will be deleted permanently. <br> Users won't be able to view 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 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('confirm_deposit_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('unconfirm_txn_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);
            let returned = await ajaxRequest('ajax.php', form_data);
            throwSweetalert(returned, 'transactions', 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, 'transactions', 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, 'transactions', 1);
        });
    </script>