<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <!-- Main content -->
    <section class="content-header mt-4">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                    <h4>System Settings</h4>
                </div>
                <div class="col-sm-4 d-flex justify-content-end">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="<?= base_url('admin/home') ?>">Home</a>
                        </li>
                        <li class="breadcrumb-item active">System settings</li>
                    </ol>
                </div>
            </div>
        </div>
        <!-- /.container-fluid -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="row col-12 d-flex">
                        <?php if (has_permissions('read', 'store_settings')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/setting') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fas fa-store nav-icon  link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>
                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Store Setting <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <div class="col-md-3">
                            <a href="<?= base_url('admin/system-health') ?>">
                                <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                    <div class="card-body card-hover">
                                        <div
                                            class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                            <i
                                                class="fas fa-heartbeat nav-icon  link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                        </div>
                                        <div class="d-flex flex-column ">
                                            <span class="fw-semibold d-block col-md-12 h7 mt-4">System Health <i
                                                    class='bx bxs-right-arrow-circle'></i></span>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        </div>

                        <?php if (has_permissions('read', 'email_settings')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/email-settings') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fas fa-envelope-open-text link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Email setting <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'payment_methods_settings')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/payment-settings') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fas fa-rupee-sign link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Payment methods <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'shipping_settings')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/shipping-settings') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fas fa-rocket  link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Shipping methods <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'time_slot_settings')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/time-slots') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fas fa-calendar-alt link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Time slots <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'notification_setting')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/notification-settings') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fa fa-bell link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Notification settings <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'authentication_settings')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/authentication-settings') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fa fa-cogs link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Authentication settings
                                                    <i class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'sms_gateway_settings')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/sms-gateway-settings') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fa fa-sms link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">SMS Gateway settings <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>


                        <div class="col-md-3">
                            <a href="<?= base_url('admin/contact-us') ?>">
                                <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                    <div class="card-body card-hover">
                                        <div
                                            class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                            <i
                                                class="fa fa-phone-alt link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                        </div>

                                        <div class="d-flex flex-column ">
                                            <span class="fw-semibold d-block col-md-12 h7 mt-4">Contact us <i
                                                    class='bx bxs-right-arrow-circle'></i></span>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3">
                            <a href="<?= base_url('admin/about-us') ?>">
                                <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                    <div class="card-body card-hover">
                                        <div
                                            class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                            <i
                                                class="fas fa-info-circle link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                        </div>

                                        <div class="d-flex flex-column ">
                                            <span class="fw-semibold d-block col-md-12 h7 mt-4">About us <i
                                                    class='bx bxs-right-arrow-circle'></i></span>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        </div>

                        <?php if (has_permissions('read', 'privacy_policy')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/privacy-policy') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fa fa-user-secret link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Privacy policy <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'return_policy')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/privacy-policy/return-policy') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fa fa-undo link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Return policy <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'shipping_policy')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/privacy-policy/shipping-policy') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fa fa-shipping-fast link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Shipping policy <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>


                        <?php if (has_permissions('read', 'admin_policies')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/admin-privacy-policy') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fa fa-user link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Admin policies <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'delivery_boy_policies')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/delivery-boy-privacy-policy') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fas fa-motorcycle link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Delivery boy policies<i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'client_api_keys')) { ?>
                            <div class="col-md-3">
                                <a href="<?= base_url('admin/client-api-keys/') ?>">
                                    <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                        <div class="card-body card-hover">
                                            <div
                                                class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                                <i
                                                    class="fa fa-key link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                            </div>

                                            <div class="d-flex flex-column ">
                                                <span class="fw-semibold d-block col-md-12 h7 mt-4">Client API Keys <i
                                                        class='bx bxs-right-arrow-circle'></i></span>
                                            </div>

                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                        <?php if (has_permissions('read', 'system_update')) { ?>
                        <div class="col-md-3">
                            <a href="<?= base_url('admin/updater') ?>">
                                <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                    <div class="card-body card-hover">
                                        <div
                                            class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                            <i
                                                class="fas fa-sync link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                        </div>

                                        <div class="d-flex flex-column ">
                                            <span class="fw-semibold d-block col-md-12 h7 mt-4">System Updater <i
                                                    class='bx bxs-right-arrow-circle'></i></span>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        </div>
                        <?php } ?>

                        <div class="col-md-3">
                            <a href="<?= base_url('admin/purchase-code') ?>">
                                <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                    <div class="card-body card-hover">
                                        <div
                                            class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                            <i
                                                class="fas fa-check link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                        </div>

                                        <div class="d-flex flex-column ">
                                            <span class="fw-semibold d-block col-md-12 h7 mt-4">System Registeration <i
                                                    class='bx bxs-right-arrow-circle'></i></span>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        </div>




                    </div>

                    <!--/.card-->
                </div>
                <!--/.col-md-12-->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>