232 lines
15 KiB
PHP
232 lines
15 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="bg-gray-900 opacity-50 hidden fixed inset-0 z-10" id="sidebarBackdrop"></div>
|
|
<div id="main-content" class="h-full w-full bg-gray-50 relative overflow-y-auto">
|
|
<main>
|
|
|
|
<div class="pt-6 px-4">
|
|
|
|
<breadcrumb
|
|
:items="[{ 'title': 'Laporan Keseluruhan', 'icon': 'fas fa-users', 'url': '{{ route('reports') }}' }, { 'title': 'Ansuran', 'icon': 'fas fa-users' }]">
|
|
</breadcrumb>
|
|
|
|
<div class="container">
|
|
<div class="flex w-full">
|
|
<div class="xl:w-2/3 2xl:w-1/2 p-8 mx-auto">
|
|
<div class="bg-yellow-600 text-gray-200 text-lg px-6 py-4 rounded-t-lg"><a href="/akaunhome"
|
|
class="router-link-active"><i class="fas fa-backspace text-white"></i></a> <span
|
|
class="text-center mx-auto text-white font-bold">Laporan Ansuran Pembiayaan</span></div>
|
|
<form method="get" id="formansuran" action="{{ route('reports.ansuran.index') }}">
|
|
<div class="rounded bg-white shadow p-6">
|
|
<div class="pb-6"><label for="username"
|
|
class="font-semibold text-gray-700 block pb-1">Tarikh</label>
|
|
<div class="flex">
|
|
<span
|
|
class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap"
|
|
style="background-color: rgb(249, 250, 251);">Mula</span>
|
|
<input id="tarikhmula" name="startDate" type="date"
|
|
value="{{ request()->startDate ?? $startDate }}"
|
|
class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2">
|
|
<span
|
|
class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap"
|
|
style="background-color: rgb(249, 250, 251);">Hingga</span>
|
|
<input id="tarikhhingga" name="endDate" type="date"
|
|
value="{{ request()->endDate ?? $endDate }}"
|
|
class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2">
|
|
<button
|
|
class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300 ml-5">
|
|
<i class="fas fa-magnifying-glass mr-2"></i>Search
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div kodcaw="operasi">
|
|
<div><!----> <!----></div>
|
|
<div><!----> <!----></div>
|
|
<div class="flex justify-between mb-2">
|
|
|
|
|
|
</div>
|
|
<table class="min-w-full leading-normal">
|
|
<thead class="text-center">
|
|
<tr>
|
|
<th
|
|
class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
|
|
No
|
|
</th>
|
|
<th
|
|
class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
|
|
Kod Cawangan
|
|
</th>
|
|
<th
|
|
class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
|
|
Cawangan
|
|
</th>
|
|
<th
|
|
class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
|
|
Bil Ansuran
|
|
</th>
|
|
<th
|
|
class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
|
|
Bayaran Pembiayaan
|
|
</th>
|
|
<th
|
|
class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
|
|
Bayaran Kos Keuntungan
|
|
</th>
|
|
<th
|
|
class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
|
|
Jumlah Bayaran
|
|
</th>
|
|
<th
|
|
class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
|
|
Action
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse ($summary_ansuran_by_cawangan as $ansuran)
|
|
<tr>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">{{ $loop->iteration }}</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ $ansuran['kod_cawangan'] }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ $ansuran['cawangan_detail'] }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ $ansuran['bilangan_ansuran'] }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ number_format($ansuran['bayaran_pembiayaan'], 2) }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ number_format($ansuran['bayaran_kos_keuntungan'], 2) }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ number_format($ansuran['jumlah_bayaran'], 2) }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<a href="{{ route('reports.ansuran.cawangan.excel', [$ansuran['kod_cawangan'], 'startDate' => request()->startDate, 'endDate' => request()->endDate]) }}"
|
|
target="_blank" rel="noopener noreferrer"
|
|
class="border border-blue-600 text-blue-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-blue-600 hover:text-white transition-all duration-300">
|
|
<i class="fas fa-download mr-2"></i>Download
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="8" class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">Data not available</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@endforelse
|
|
@if (count($summary_ansuran_by_cawangan) !== 0)
|
|
<tr>
|
|
<td colspan="3" class="px-5 py-5 border-b border-gray-200 bg-white text-sm"></td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ $summary_ansuran['bilangan_ansuran'] }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ number_format($summary_ansuran['bayaran_pembiayaan'], 2) }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ number_format($summary_ansuran['bayaran_kos_keuntungan'], 2) }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
|
<div class="flex items-center">
|
|
<div class="ml-3">
|
|
<p class="text-gray-900 whitespace-no-wrap">
|
|
{{ number_format($summary_ansuran['jumlah_bayaran'], 2) }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm"></td>
|
|
</tr>
|
|
@endif
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
@include('layouts.footer')
|
|
|
|
</div>
|
|
@endsection
|