<div class="block-title">Report</div>

<div class="block block-strong block-outline-ios no-padding-horizontal">

  <div class="treeview">



    <div class="treeview-item">

      <div class="treeview-item-root">

        <div class="treeview-toggle">

        </div>

        <div class="treeview-item-content">

          <div class="treeview-item-label">Laba/Rugi</div>

        </div>

      </div>    

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Pendapatan/Penjualan</div>

              <div class="align-self-flex-end">a01</div>

            </div>

          </div>

      

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Harga Pokok Penjualan</div>

              <div class="align-self-flex-end">a02</div>

            </div>

          </div>

      

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Beban Penjualan</div>

              <div class="align-self-flex-end">a03</div>

            </div>

          </div>

      

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Laba Kotor</div>

              <div class="align-self-flex-end">a04</div>

            </div>

          </div>

      

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Beban Administrasi</div>

              <div class="align-self-flex-end">a05</div>

            </div>

          </div>

      

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Pendapatan Lain-lain</div>

              <div class="align-self-flex-end">a06</div>

            </div>

          </div>

      

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Beban Lain-lain</div>

              <div class="align-self-flex-end">a07</div>

            </div>

          </div>

      

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Laba/Rugi Operasional Sebelum Pajak</div>

              <div class="align-self-flex-end">a08</div>

            </div>

          </div>

      

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Pajak</div>

              <div class="align-self-flex-end">a09</div>

            </div>

          </div>

      

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Laba/Rugi Bersih/Setelah Pajak</div>

              <div class="align-self-flex-end">a10</div>

            </div>

          </div>

      

        </div>

      </div>

      

    </div>

    <div class="treeview-item">

      <div class="treeview-item-root">

        <div class="treeview-toggle">

        </div>

        <div class="treeview-item-content">

          <div class="treeview-item-label">Persamaan Akuntansi</div>

        </div>

      </div>    

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Aktiva</div>

              <div class="align-self-flex-end">b1</div>

            </div>

          </div>

      

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Aktiva/Aset Lancar</div>

                  <div class="align-self-flex-end">b11</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Aktiva/Aset Tetap</div>

                  <div class="align-self-flex-end">b12</div>

                </div>

              </div>

            </div>

          </div>        

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Pasiva</div>

              <div class="align-self-flex-end">b2</div>

            </div>

          </div>

      

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Utang/Kewajiban/Liabilitas</div>

                  <div class="align-self-flex-end">b21</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Ekuitas</div>

                  <div class="align-self-flex-end">b33</div>

                </div>

              </div>

            </div>

          </div>        

        </div>

      </div>

      

    </div>

    <div class="treeview-item">

      <div class="treeview-item-root">

        <div class="treeview-toggle">

        </div>

        <div class="treeview-item-content">

          <div class="treeview-item-label">Neraca</div>

        </div>

      </div>    

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Aktiva</div>

              <div class="align-self-flex-end">c1</div>

            </div>

          </div>

      

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Aktiva/Aset Lancar</div>

                  <div class="align-self-flex-end">c11</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Aktiva/Aset Tetap</div>

                  <div class="align-self-flex-end">c12</div>

                </div>

              </div>

            </div>

          </div>        

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Pasiva</div>

              <div class="align-self-flex-end">c2</div>

            </div>

          </div>

      

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Utang/Kuwajiban/Liabilitas</div>

                  <div class="align-self-flex-end">c21</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Modal/Equity</div>

                  <div class="align-self-flex-end">c31</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pendapatan/Penjualan</div>

                  <div class="align-self-flex-end">c41</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Harga Pokok Penjualan</div>

                  <div class="align-self-flex-end">c51</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Beban Penjualan</div>

                  <div class="align-self-flex-end">c61</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Beban Administrasi</div>

                  <div class="align-self-flex-end">c62</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pendapatan Lain-lain</div>

                  <div class="align-self-flex-end">c71</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Beban Lain-lain</div>

                  <div class="align-self-flex-end">c81</div>

                </div>

              </div>

            </div>

          </div>        

        </div>

      </div>

      

    </div>

    <div class="treeview-item">

      <div class="treeview-item-root">

        <div class="treeview-toggle">

        </div>

        <div class="treeview-item-content">

          <div class="treeview-item-label">Arus Kas</div>

        </div>

      </div>    

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Arus Kas dari aktivitas operasional</div>

              <div class="align-self-flex-end">d1</div>

            </div>

          </div>

      

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Kas Diterima dari customer</div>

                  <div class="align-self-flex-end">d11</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran kas untuk supplier</div>

                  <div class="align-self-flex-end">d12</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran kas untuk beban operasi</div>

                  <div class="align-self-flex-end">d13</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran kas untuk bunga</div>

                  <div class="align-self-flex-end">d14</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran kas untuk pajak</div>

                  <div class="align-self-flex-end">d15</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Jumlah kas dari aktivitas operasi</div>

                  <div class="align-self-flex-end">d19</div>

                </div>

              </div>

            </div>

          </div>        

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Arus Kas dari aktivitas investasi</div>

              <div class="align-self-flex-end">d2</div>

            </div>

          </div>

      

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Kas diterima dari penjualan aktiva</div>

                  <div class="align-self-flex-end">d21</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Kas diterima dari bunga/bagi hasil bank</div>

                  <div class="align-self-flex-end">d22</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran kas untuk pembelian aktiva tetap</div>

                  <div class="align-self-flex-end">d23</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Jumlah kas untuk aktivitas investasi</div>

                  <div class="align-self-flex-end">d29</div>

                </div>

              </div>

            </div>

          </div>        

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Arus Kas dari aktivitas pendanaan</div>

              <div class="align-self-flex-end">d3</div>

            </div>

          </div>

      

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Kas diterima dari penyertaan saham</div>

                  <div class="align-self-flex-end">d31</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Kas diterima dari hutang/pinjaman</div>

                  <div class="align-self-flex-end">d32</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran kas untuk deviden</div>

                  <div class="align-self-flex-end">d33</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran kas untuk prive</div>

                  <div class="align-self-flex-end">d34</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran kas untuk bunga/bagi hasil</div>

                  <div class="align-self-flex-end">d35</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran kas untuk pelunasan hutang/pinjaman</div>

                  <div class="align-self-flex-end">d36</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Jumlah kas dari aktivitas pendanaan</div>

                  <div class="align-self-flex-end">d39</div>

                </div>

              </div>

            </div>

          </div>        

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Arus Kas bersih/saldo akhir</div>

              <div class="align-self-flex-end">d4</div>

            </div>

          </div>

      

        </div>

      </div>

      

    </div>

    <div class="treeview-item">

      <div class="treeview-item-root">

        <div class="treeview-toggle">

        </div>

        <div class="treeview-item-content">

          <div class="treeview-item-label">Perubahan Modal</div>

        </div>

      </div>    

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Modal Usaha</div>

              <div class="align-self-flex-end">m1</div>

            </div>

          </div>

      

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran prive</div>

                  <div class="align-self-flex-end">m11</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Pembayaran Deviden</div>

                  <div class="align-self-flex-end">m12</div>

                </div>

              </div>

            </div>

          </div>        

          <div class="treeview-item-children">

            <div class="treeview-item">

              <div class="treeview-item-root">

                <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

                  <div class="treeview-item-label">Laba/Rugi Periode Ini</div>

                  <div class="align-self-flex-end">m13</div>

                </div>

              </div>

            </div>

          </div>        

        </div>

      </div>

      

      <div class="treeview-item-children">

        <div class="treeview-item">

          <div class="treeview-item-root">

            <div class="treeview-toggle">

            </div>

            <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">

              <div class="treeview-item-label">Perubahan Modal atau Laba/Rugi Periode Ini</div>

              <div class="align-self-flex-end">m2</div>

            </div>

          </div>

      

        </div>

      </div>

      

    </div>

  </div>

</div>

<p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the <head> and JS files in the end of</p>

<p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the <head> and JS files in the end of</p>

<p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the <head> and JS files in the end of</p>

<p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the <head> and JS files in the end of</p>

<p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the <head> and JS files in the end of</p>