    <div class="page-content">

        <div class="page-title page-title-small">
            <h2><a href="#">M-Cashless</h2>
            <!-- <a href="#" data-menu="menu-main" class="bg-fade-gray1-dark shadow-xl preload-img" data-src="<?= base_url('code/') ;?>images/avatars/5s.png" style="pointer-events: none;"></a> -->
        </div>
        <?php echo $this->session->flashdata('msg');?>
        <div data-card-height="200" class="card card-style bg-14">
            <div class="card-center ml-3">
                <h3 class="color-white mb-0 font-15"><?php echo $this->session->userdata('ses_nama');?></h3>
                <p class="color-white opacity-50 mb-0 font-12">1234 5678 9012 3456</p>
            </div>
            <div class="card-center pr-3 pb-3">
                <h4 class="text-right color-white font-13">Rp.<?php echo number_format($this->session->userdata('ses_saldo'));?></h4>
            </div>
            <div class="card-bottom pl-3">
                <p class="mb-3 font-8 font-500 opacity-50 color-white">Exp: 10/22</p>
            </div>       
            <div class="card-bottom pr-3 pb-3 ">
                <i class="float-right fa fa-wifi font-10 rotate-90"></i>
            </div>
            <div class="card-overlay bg-black opacity-70"></div>
        </div>  
        
        <div class="card card-style">
            <div class="content mb-0">
                <h3 class="font-600">History Transaksi</h3>
                <p>Transaksi harian Anda akan muncul di area ini, Anda dapat mengunjungi halaman Detail untuk mengetahui lebih lanjut.
                </p>
                <div class="list-group list-custom-large">
                 
                    <a href="#" class="border-0">
                        <i class="fa fa-check rounded-xl shadow-s bg-green1-dark"></i>
                        <span>transaksi</span>
                        <strong>TR-001/002332/24</strong>
                        <span class="badge bg-green1-dark font-11">Rp.50.000</span>
                        <i class="fa fa-angle-right"></i>
                    </a>    
					<a href="#" class="border-0">
                        <i class="fa fa-check rounded-xl shadow-s bg-green1-dark"></i>
                        <span>transaksi</span>
                        <strong>TR-001/002332/24</strong>
                        <span class="badge bg-green1-dark font-11">Rp.50.000</span>
                        <i class="fa fa-angle-right"></i>
                    </a>    
					<a href="#" class="border-0">
                        <i class="fa fa-check rounded-xl shadow-s bg-green1-dark"></i>
                        <span>transaksi</span>
                        <strong>TR-001/002332/24</strong>
                        <span class="badge bg-green1-dark font-11">Rp.50.000</span>
                        <i class="fa fa-angle-right"></i>
                    </a>    
					<a href="#" class="border-0">
                        <i class="fa fa-check rounded-xl shadow-s bg-green1-dark"></i>
                        <span>transaksi</span>
                        <strong>TR-001/002332/24</strong>
                        <span class="badge bg-green1-dark font-11">Rp.50.000</span>
                        <i class="fa fa-angle-right"></i>
                    </a>   
                </div>
            </div>
        </div>

        <div class="content mb-3">
            <h5 class="float-left font-16 font-500">Informasi pondok</h5>
                <a class="float-right font-12 color-highlight mt-n1" href="#">View All</a>
            <div class="clearfix"></div>
        </div>
        
        <div class="double-slider owl-carousel owl-no-dots text-center">
            <div class="item bg-theme pb-3 rounded-m shadow-l">
                <div data-card-height="200" class="card mb-2 bg-29">
                    <h5 class="card-bottom color-white mb-2">Sticky Mobile</h5>
                    <div class="card-overlay bg-gradient opacity-70"></div>
                </div>  
                <p class="mb-3 pl-2 pr-2 pt-2 font-12">
                    Classic, elegant and powerful. A best seller.
                </p>
                <a href="#" class="btn btn-xs bg-highlight btn-center-xs rounded-s shadow-s text-uppercase font-900">View</a>
            </div>
            <div class="item bg-theme pb-3 rounded-m shadow-l">
                <div data-card-height="200" class="card mb-2 bg-18">
                    <h5 class="card-bottom color-white mb-2">Eazy Mobile</h5>
                    <div class="card-overlay bg-gradient opacity-70"></div>
                </div>  
                <p class="mb-3 pl-2 pr-2 pt-2 font-12">
                    A best seller, elegant multi use design.
                </p>
                <a href="#" class="btn btn-xs bg-highlight btn-center-xs rounded-s shadow-s text-uppercase font-900">View</a>
            </div>
            <div class="item bg-theme pb-3 rounded-m shadow-l">
                <div data-card-height="200" class="card mb-2 bg-11">
                    <h5 class="card-bottom color-white mb-2">Bars Mobile</h5>
                    <div class="card-overlay bg-gradient opacity-70"></div>
                </div>  
                <p class="mb-3 pl-2 pr-2 pt-2 font-12">
                    Modern sidebars and a very intuitive interface.
                </p>
                <a href="#" class="btn btn-xs bg-highlight btn-center-xs rounded-s shadow-s text-uppercase font-900">View</a>
            </div>
        </div>

       