<?= $this->extend('layout'); ?>

<?= $this->section('css'); ?>
<link rel="stylesheet" href="/css/mawim.css">
<?= $this->endSection(); ?>
<?= $this->section('menu'); ?>
    <?= $this->include('sidebar') ?>
<?= $this->endSection(); ?>
<?= $this->section('content'); ?>
<div class="page-content">
    <div class="row">
        <div id="alertbox"></div>
    </div>    
    <div class="row">
        <div class="col-xl-4 col-md-8 col-sm-12">
            <div class="text-white-50"><h2>Aktuelle Buchungen</h2></div>
            <div class="">
                <table class="table table-striped table-sm" id="bookings" cellspacing="0">
                </table>
            </div>
        </div>
        <div class="col-xl-4 col-md-8 col-sm-12">
            <div class="text-white-50"><h2>Aktuelle Kontostände</h2></div>
            <div class="">
                <table class="table table-striped table-sm" id="accounts" cellspacing="0">
                </table>
            </div>
        </div>
        <div class="col-xl-4 col-md-8 col-sm-12">
            <div class="text-white-50"><h2>Überfällige</h2></div>
            <div class="">
                <table class="table table-striped table-sm" id="todos" cellspacing="0">
                </table>
            </div>
        </div>
    </div>
</div>

<?= $this->endSection(); ?>
<?= $this->section('scripts'); ?> 
   <script src="/js/tables.js"></script>
   <script src="/js/tab_accounts.js"></script>
   <script src="/js/tabs_overview.js"></script>
 
<?= $this->endSection(); ?>