Zakwan Hamdan
116 lines
4.5 KiB
PHP
116 lines
4.5 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-12">
|
|
<a href="{{ url('/') }}"><i class="fas fa-arrow-left"></i> Kembali</a>
|
|
<h3 class="text-uppercase text-center">aliran tunai</h3>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-4 col-md-6 col-sm-12">
|
|
<div class="small-box bg-info">
|
|
<div class="inner">
|
|
<h3>RM 5,000.00</h3>
|
|
|
|
<p>Baki Awal Tunai</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ion ion-bag"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-12">
|
|
<div class="small-box bg-success">
|
|
<div class="inner">
|
|
<h3>RM 3,020.00</h3>
|
|
|
|
<p>Tunai Diterima</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ion ion-stats-bars"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-12">
|
|
<div class="small-box bg-warning">
|
|
<div class="inner">
|
|
<h3>RM 4,000.00</h3>
|
|
|
|
<p>Tunai Dikeluar</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ion ion-person-add"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-4 col-md-6 col-sm-12">
|
|
<div class="small-box bg-danger">
|
|
<div class="inner">
|
|
<h3 style="margin-bottom:60px !important">RM 5,000.00</h3>
|
|
<p>Baki Akhir Tunai</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ion ion-pie-graph"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-12">
|
|
<div class="small-box bg-danger">
|
|
<div class="inner">
|
|
<h3>RM 4,000.00</h3>
|
|
<h3>23</h3>
|
|
<p>Gadaian</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ion ion-android-contacts"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-12">
|
|
<div class="small-box bg-danger">
|
|
<div class="inner">
|
|
<h3>RM 4,020.00</h3>
|
|
<h3>18</h3>
|
|
<p>Penebusan</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="ion ion-pie-graph"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<input type="button" class="btn btn-lg btn-primary" value="TAMBAH MODAL">
|
|
<input type="button" class="btn btn-lg btn-primary" value="SERAHAN MODAL">
|
|
</div>
|
|
</div>
|
|
<div class="row mt-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<table class="table" id="myTable">
|
|
<thead>
|
|
<tr>
|
|
<th>Bil</th>
|
|
<th>Masa</th>
|
|
<th>Debit</th>
|
|
<th>Kredit</th>
|
|
<th>Baki</th>
|
|
<th>Nota</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(document).ready( function () {
|
|
$('#myTable').DataTable();
|
|
} );
|
|
</script>
|
|
@endsection |