<?php
$title = 'Category';
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');
$package = $basicFunctn->selectAllDlt($basicFunctn->package_tb);
$investment = $basicFunctn->selectAllDlt($basicFunctn->investment_plan_tb);

$category = $basicFunctn->selectAllDlt($basicFunctn->category_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="row">
                                            <div class="col-md-8  ml-auto mr-auto">
                                                <form class="form-horizontal mrg-top-40 new_package_form">
                                                    <div class="form-group row">
                                                        <label for="form-1-1" class="col-md-3 control-label">
                                                            Name
                                                        </label>
                                                        <div class="col-md-9">
                                                            <input type="text" value="" class="form-control" name="create_category_name" placeholder="">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <div class="col-md-11 col-xs-11">
                                                            <div class="text-right">
                                                                <button type="submit" id="referrer_percent" class="btn btn-primary new_package_btn">Save Category</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="card-block">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-hover table-sm">
                                                <thead>
                                                    <tr>
                                                        <th>S/N</th>
                                                        <th>Category Name</th>
                                                        <th>Subcategory</th>
                                                        <th>Edit</th>
                                                        <th>Remove</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <?php
                                                    $i = 1;
                                                    foreach ($category as $e) { ?>
                                                        <tr>
                                                            <td><?php print $i; ?></td>
                                                            <td><?php print $e['name']; ?></td>
                                                            <td>
                                                                <a href="view-subcategory?category=<?php print $e['unique_id']; ?>" class="btn btn-primary text-white ">
                                                                    view subcategories
                                                                </a>
                                                            </td>
                                                            <td>
                                                                <a class="mrg-top-15 ico" href="edit-category?category=<?php print $e['unique_id']; ?>">
                                                                    <i class="fa fa-edit fa-2x"></i>
                                                                </a>
                                                            </td>
                                                            <td>
                                                                <a href="" id="<?php print $e['unique_id']; ?>" class="mrg-top-15 cursor-pointer delete_package_modal">
                                                                    <i class="fa fa-trash fa-2x"></i>
                                                                </a>
                                                            </td>
                                                        </tr>
                                                    <?php $i++;
                                                    } ?>
                                                </tbody>
                                            </table>


                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal fade zoomInUp" id="delete_package_modal">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4>Delete Category?</h4>
                            </div>
                            <form class="delete_package_form">
                                <div class="modal-body">
                                    <p class="text-danger">By clicking continue, this category will be deleted permanently. <br> Users won't be able to purchase products under this category.</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_package_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>
        $('.delete_package_modal').click(function(e) {
            e.preventDefault();
            append_id('delete_category_id', '.delete_package_form', '#delete_package_modal', this)
            $('#delete_package_modal').modal('toggle');
        });

        $('.new_package_btn').click(async function(e) {
            e.preventDefault();
            let new_package_form = $('.new_package_form').serializeArray();
            let form_data = set_form_data(new_package_form);
            // console.log(new_package_form);return;
            let returned = await ajaxRequest('ajax.php', form_data);
            throwSweetalert(returned, 'category', 1);
        });
        $('.delete_package_btn').click(async function(e) {
            e.preventDefault();
            let delete_package_form = $('.delete_package_form').serializeArray();
            let form_data = set_form_data(delete_package_form);
            // console.log(delete_package_form);return;
            let returned = await ajaxRequest('ajax.php', form_data);
            // console.log(returned);return;
            throwSweetalert(returned, 'category', 1);
        });
    </script>