131 lines
4.7 KiB
PHP
131 lines
4.7 KiB
PHP
@extends('main')
|
|
|
|
@section('body_section')
|
|
<section class="section">
|
|
|
|
{{-- FORM FILTER --}}
|
|
<form method="GET" action="{{ url()->current() }}" class="mb-4 ">
|
|
<div class="row ">
|
|
<div class="col-md-4">
|
|
<select name="filter" id="filter" class="form-control border-info">
|
|
<option value="today" {{ request('filter') == 'today' ? 'selected' : '' }}>Hari Ini</option>
|
|
<option value="yesterday" {{ request('filter') == 'yesterday' ? 'selected' : '' }}>Kemarin</option>
|
|
<option value="7days" {{ request('filter') == '7days' ? 'selected' : '' }}>7 Hari Terakhir</option>
|
|
<option value="30days" {{ request('filter') == '30days' ? 'selected' : '' }}>30 Hari Terakhir</option>
|
|
<option value="this_month" {{ request('filter') == 'this_month' ? 'selected' : '' }}>Bulan Ini</option>
|
|
<option value="custom" {{ request('filter') == 'custom' ? 'selected' : '' }}>Custom Range</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6" id="custom-range" style="display: none;">
|
|
<div class="row">
|
|
<div class="col">
|
|
<input type="date" name="start_date" class="form-control" value="{{ request('start_date') }}">
|
|
</div>
|
|
<div class="col">
|
|
<input type="date" name="end_date" class="form-control" value="{{ request('end_date') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<button type="submit" class="btn btn-info w-100">Filter</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
{{-- KONTEN --}}
|
|
<div class="row">
|
|
|
|
{{-- KOLOM KIRI: TABEL INVOICE --}}
|
|
<div class="col-md-8">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4>Transaksi</h4>
|
|
<div class="card-header-action">
|
|
<a href="/transaksi" class="btn btn-danger">View More <i class="fas fa-chevron-right"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<div class="table-responsive table-invoice">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Nama Pasien</th>
|
|
<th>Tanggal Lahir</th>
|
|
<th>Tindakan</th>
|
|
<th>Asuransi</th>
|
|
<th>Tarif</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{-- Contoh Data --}}
|
|
@foreach ($transaksi as $item)
|
|
<tr>
|
|
<td>{{ $item->register?->patient->name ?? '-' }}</td>
|
|
<td>{{ $item->register?->patient->birth ?? '-' }}</td>
|
|
<td>{{ $item->register?->asuransi->name ?? '-' }}</td>
|
|
<td class="font-weight-600">{{ $item->tindakan?->name ?? '-' }}</td>
|
|
<td><div class="badge badge-success">{{ number_format($item->price ?? 0, 0, ',', '.') }}</div></td>
|
|
</tr>
|
|
@endforeach
|
|
|
|
{{-- Tambah looping data invoice kalau mau dynamic --}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- KOLOM KANAN: CARD STATISTIK --}}
|
|
<div class="col-md-4">
|
|
<div class="card card-hero">
|
|
<div class="card-header">
|
|
<div class="card-icon">
|
|
<i class="far fa-question-circle"></i>
|
|
</div>
|
|
<h4>{{ $trx_today }} (Rp {{ number_format($trx_nominal ?? 0, 0, ',', '.') }})</h4>
|
|
<div class="card-description">Total Pasien dan Pendapatan Hari Ini</div>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<div class="tickets-list">
|
|
<a href="#" class="ticket-item">
|
|
<div class="ticket-title">
|
|
<h4>Total Ruangan Pelayanan</h4>
|
|
</div>
|
|
<div class="ticket-info">
|
|
<h4>{{ $total_rp }}</h4>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="ticket-item">
|
|
<div class="ticket-title">
|
|
<h4>Total Asuransi yang Bekerja Sama</h4>
|
|
</div>
|
|
<div class="ticket-info">
|
|
<h4>{{ $asuransi }}</h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> {{-- End Row --}}
|
|
</section>
|
|
|
|
<script>
|
|
document.getElementById('filter').addEventListener('change', function() {
|
|
if (this.value === 'custom') {
|
|
document.getElementById('custom-range').style.display = 'block';
|
|
} else {
|
|
document.getElementById('custom-range').style.display = 'none';
|
|
}
|
|
});
|
|
|
|
// Pastikan saat reload, custom-range tetap tampil kalau "custom" dipilih
|
|
if (document.getElementById('filter').value === 'custom') {
|
|
document.getElementById('custom-range').style.display = 'block';
|
|
}
|
|
|
|
</script>
|
|
@endsection
|