MIF_E31210245/resources/views/pages/siswa/pembayaran-daftarulang.blad...

217 lines
10 KiB
PHP

@extends('layouts.app')
@section('title')
Pembayaran Daftar Ulang
@endsection
@section('content')
<div class="container-fluid">
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Pembayaran Daftar Ulang</h1>
</div>
<!-- Content Row -->
{{-- <div class="row"> --}}
<div class="dashboard-content mb-3">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="row ml-2 mt-2">
<div class="col-md-6">
<h5>Pembayaran Daftar Ulang</h5>
</div>
</div>
<div class="table-responsive m-5">
<table class="table table-striped">
<thead>
<tr>
<th>No</th>
<th>Name</th>
<th>Nominal</th>
</tr>
</thead>
<tbody>
@if($transaksi->isEmpty())
<tr>
<td colspan="3" class="text-center">Tidak ada tagihan.</td>
</tr>
@else
@foreach ($transaksi as $item)
<tr>
<td>{{ $no++ }}</td>
<td>{{ $item->keterangan }}</td>
<td>{{ $item->total }}</td>
</tr>
@endforeach
@foreach($total as $item)
<tr>
<td colspan="2" class="text-right"><strong>Total:</strong></td>
<td><strong>{{ $item->total_sum }}</strong></td>
</tr>
@endforeach
@endif
</tbody>
</div>
</table>
</div>
</div>
</div>
</div>
<br>
{{-- </div> --}}
<div class="dashboard-content mb-3">
<div class="card">
<div class="row ml-2 mt-2">
<div class="col-md-6">
<h5>Pembayaran/Cicilan</h5>
</div>
</div>
<hr>
<div class="row m-5">
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<p>Total Yang di Bayarkan</p>
<p>Kurang</p>
</div>
<div class="col-md-6">
@if($transaksi->isEmpty())
<p>: Rp. </p>
<p>: Rp. </p>
@else
@foreach($total as $transaksi)
@php
$totalTransaksi = $transaksi->total_sum;
$totalCicilan = $totalcicilan->isNotEmpty() ? $totalcicilan->first()->total_sum : 0;
$saldoSisa = $totalTransaksi - $totalCicilan;
@endphp
<script>
document.addEventListener('DOMContentLoaded', function() {
const totalInput = document.getElementById('total');
const submitBtn = document.getElementById('submitBtn');
const totalError = document.getElementById('totalError');
const saldoSisa = {{ $saldoSisa }};
totalInput.addEventListener('input', function() {
const totalValue = parseFloat(totalInput.value.replace(/[^0-9.-]+/g,"")) || 0;
if (totalValue > saldoSisa) {
submitBtn.disabled = true;
totalError.style.display = 'block';
} else {
submitBtn.disabled = false;
totalError.style.display = 'none';
}
});
});
</script>
<p>: Rp. {{ $totalCicilan }}</p>
<p>: Rp. {{ $saldoSisa }}</p>
@if ($saldoSisa == 0)
<!-- Jika saldo sisa sama dengan nol, tampilkan pesan atau konten sesuai kebutuhan -->
<h4 class="text-success">Lunas.</h4>
@foreach ($transaksi2 as $data)
<a href="/cetak-nota/{{ $data->tagihan_id }}" class="btn btn-primary"><i class="fa fa-print"></i> Cetak</a>
@endforeach
@else
<!-- Jika masih ada saldo sisa, tampilkan tombol bayar -->
<a href="" class="btn btn-success" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#bayar">
Bayar
</a>
@endif
@endforeach
@endif
</div>
</div>
</div>
<div class="col-md-6">
<div class="table-responsive m-2">
<table class="table table-striped">
<thead>
<tr>
<th>No</th>
<th>Tgl Pembayaran</th>
<th>Nominal</th>
</tr>
</thead>
<tbody>
@if($cicilan->isEmpty())
<tr>
<td colspan="3" class="text-center">Tidak ada pembayaran.</td>
</tr>
@else
@foreach ($cicilan as $item)
<tr>
<td>{{ $no++ }}</td>
<td>{{ $item->tgl }}</td>
<td>{{ $item->total }}</td>
</tr>
@endforeach
@endif
</tbody>
</div>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="bayar" tabindex="1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-3" id="exampleModalLabel">Pembayaran
</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{{ route('Tagihan-DaftarUlang.store') }}" method="POST" enctype="multipart/form-data">
@method('POST')
@csrf
<input type="hidden" name="tagihan_id" value="2" id="tagihan_id">
<input type="hidden" name="user_id" value="{{ Auth::user()->id }}" id="user_id">
<div class="mb-3">
Informasi Pembayaran
<ul>
@foreach ($rekening as $item)
<li>({{ $item->nama_bank }}) {{ $item->atas_nama }}- {{ $item->norek }}</li>
@endforeach
</ul>
</div>
<div class="mb-3">
<label for="total" class="form-label">Total yg Dibayarkan</label>
<input type="number" name="total" id="total" class="form-control">
<small id="totalError" class="text-danger" style="display: none;">Pembayaran melebihi saldo sisa.</small>
</div>
<div class="mb-3">
<label for="bukti_pembayaran" class="form-label">Bukti Pembayaran</label>
<input type="file" name="bukti_pembayaran" id="bukti_pembayaran" class="form-control-file">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success" id="submitBtn">Selesaikan Pembayaran</button>
</form>
</div>
</div>
</div>
</div>
@endsection
@push('addon-script')
@endpush