<?php $this->load->view('admin/includes/header'); ?>

<?php $this->load->view('admin/includes/adminheader'); ?>

<?php $this->load->view('admin/includes/rightsidebar'); ?>

<!-- Page Wrapper -->
<div class="page-wrapper profile-set-wrapper">

    <div class="content container-fluid profile-set-content">
        <div class="page-header">
            <div class="page-title">
                <h4>Notification Setting</h4>
            </div>
        </div>
            <div class="row">
                <div class="col-12">

                    <div class="noti-header">
                        <div class="noti-wrapper d-flex align-items-center justify-content-between">
                            <h6>Mobile Push Notifications</h6>
                            <div class="active-switch">
                                <label class="switch">
                                    <input type="checkbox" checked>
                                    <span class="sliders round"></span>
                                  </label>
                            </div>
                        </div>
                        <div class="noti-wrapper d-flex align-items-center justify-content-between">
                            <h6>Desktop Notifications</h6>
                            <div class="active-switch">
                                <label class="switch">
                                    <input type="checkbox" checked>
                                    <span class="sliders round"></span>
                                  </label>
                            </div>
                        </div>
                        <div class="noti-wrapper d-flex align-items-center justify-content-between">
                            <h6>Email Notifications</h6>
                            <div class="active-switch">
                                <label class="switch">
                                    <input type="checkbox" checked>
                                    <span class="sliders round"></span>
                                  </label>
                            </div>
                        </div>
                        <div class="noti-wrapper d-flex align-items-center justify-content-between mb-0">
                            <h6>SMS Notification</h6>
                            <div class="active-switch">
                                <label class="switch">
                                    <input type="checkbox" checked>
                                    <span class="sliders round"></span>
                                  </label>
                            </div>
                        </div>
                    </div>


                    <div class="table-resposnive general-noti">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>General Notification</th>
                                    <th>Push</th>
                                    <th>SMS</th>
                                    <th>Email</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="table-content">
                                            <h6>Payment</h6>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="table-content">
                                            <h6>Transaction</h6>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="table-content">
                                            <h6>Email Verification</h6>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="table-content">
                                            <h6>OTP</h6>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="table-content">
                                            <h6>Activity</h6>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="table-content">
                                            <h6>Account</h6>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox">
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="active-switch">
                                            <label class="switch">
                                                <input type="checkbox" checked>
                                                <span class="sliders round"></span>
                                              </label>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="acc-submit">
                        <a href="#" class="btn btn-secondary">Cancel</a>
                        <a href="#" class="btn btn-primary">Save Changes</a>
                    </div>
                </div>
            </div>
        
    </div>          
</div>
<!-- /Page Wrapper -->

<?php $this->load->view('admin/includes/footer'); ?>