You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

172 lines
7.2 KiB
PHTML

@extends('layouts.app')
@section('page-name','Dashboard')
@section('content')
<div class="page-header">
<h1 class="page-title">
Dashboard
</h1>
</div>
<div class="row">
<div class="col-6 col-sm-3 col-lg-3">
<div class="card">
<div class="card-body p-3 text-center">
<div class="h1 m-0">IDR {{ format_idr($total_uang) }}</div>
<div class="text-muted mb-4">Total Uang</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3">
<div class="card">
<div class="card-body p-3 text-center">
<div class="h1 m-0">IDR {{ format_idr($total_uang_masuk) }}</div>
<div class="text-muted mb-4">Total Uang Masuk</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3">
<div class="card">
<div class="card-body p-3 text-center">
<div class="h1 m-0">IDR {{ format_idr($total_uang_keluar) }}</div>
<div class="text-muted mb-4">Total Uang Keluar</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3">
<div class="card">
<div class="card-body p-3 text-center">
<div class="h1 m-0">IDR {{ format_idr($total_uang_spp) }}</div>
<div class="text-muted mb-4">Total Uang SPP</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3">
<div class="card">
<div class="card-body p-3 text-center">
<div class="h1 m-0">IDR {{ format_idr($total_uang_tabungan) }}</div>
<div class="text-muted mb-4">Total Uang Tabungan</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3">
<div class="card">
<div class="card-body p-3 text-center">
<div class="h1 m-0">{{ $siswa }}</div>
<div class="text-muted mb-4">Siswa</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3">
<div class="card">
<div class="card-body p-3 text-center">
<div class="h1 m-0">{{ $kelas }}</div>
<div class="text-muted mb-4">Kelas</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-lg-3">
<div class="card">
<div class="card-body p-3 text-center">
<div class="h1 m-0">{{ $item }}</div>
<div class="text-muted mb-4">Item Tagihan</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">Laporan Harian : {{ now()->format('d-m-Y') }}</h3>
<div class="card-options">
<input class="form-control mr-2" type="text" name="dates" style="max-width: 200px" data-toggle="datepicker" autocomplete="off" value="{{ now()->format('d-m-Y') }}" id="date">
<button id="btn-cetak-spp" class="btn btn-primary mr-1" value="#">Cetak</button>
<button id="btn-export-spp" class="btn btn-primary">Export</button>
</div>
</div>
<div class="card-body">
<table class="table card-table table-hover table-vcenter text-nowrap title" id="print">
<thead>
<tr>
<th>Tanggal</th>
<th>Nama</th>
<th>Pembayaran</th>
<th>Total</th>
</tr>
</thead>
<tbody>
@foreach ($transaksi as $item)
<tr>
<td>{{ $item->created_at->format('d-m-Y') }}</td>
<td>{{ $item->siswa->nama }}</td>
<td>{{ $item->tagihan->nama }}</td>
<td>IDR. {{ format_idr($item->keuangan->jumlah) }}</td>
@php
$jumlah += $item->keuangan->jumlah
@endphp
</tr>
@endforeach
<tr>
<td><b>Total</b></td>
<td></td>
<td></td>
<td>IDR. {{ format_idr($jumlah) }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script>
require(['jquery', 'selectize','datepicker'], function ($, selectize) {
$(document).ready(function () {
$('[data-toggle="datepicker"]').datepicker({
format: 'dd-MM-yyyy'
});
$('#btn-cetak-spp').on('click', function(){
var form = document.createElement("form");
form.setAttribute("style", "display: none");
form.setAttribute("method", "post");
form.setAttribute("action", "{{route('laporan-harian.cetak')}}");
form.setAttribute("target", "_blank");
var token = document.createElement("input");
token.setAttribute("name", "_token");
token.setAttribute("value", "{{csrf_token()}}");
var dateForm = document.createElement("input");
dateForm.setAttribute("name", "date");
dateForm.setAttribute("value", $('#date').val());
form.appendChild(token);
form.appendChild(dateForm);
document.body.appendChild(form);
form.submit();
})
$('#btn-export-spp').on('click', function(){
var form = document.createElement("form");
form.setAttribute("style", "display: none");
form.setAttribute("method", "post");
form.setAttribute("action", "{{route('laporan-harian.export')}}");
form.setAttribute("target", "_blank");
var token = document.createElement("input");
token.setAttribute("name", "_token");
token.setAttribute("value", "{{csrf_token()}}");
var dateForm = document.createElement("input");
dateForm.setAttribute("name", "date");
dateForm.setAttribute("value", $('#date').val());
form.appendChild(token);
form.appendChild(dateForm);
document.body.appendChild(form);
form.submit();
})
});
});
</script>
@endsection