update function callcenter
This commit is contained in:
Nur Izzati Zulkifli
@@ -0,0 +1,310 @@
|
||||
@extends('layouts.app_operasi')
|
||||
<style>
|
||||
|
||||
.radiostyle .radio-green {
|
||||
background-color: #27ae60;
|
||||
color:white;
|
||||
box-shadow: 5px 10px #888888;
|
||||
width:200px;
|
||||
margin-right:5px;
|
||||
transition: 0.5s ease;
|
||||
}
|
||||
|
||||
.radiostyle .radio-red {
|
||||
background-color: #e74c3c;
|
||||
color:white;
|
||||
width:200px;
|
||||
margin-right:5px;
|
||||
box-shadow: 5px 10px #888888;
|
||||
transition: 0.5s ease;
|
||||
}
|
||||
|
||||
.radiostyle .radio-yellow {
|
||||
background-color: #3498db;
|
||||
color:white;
|
||||
width:200px;
|
||||
margin-right:5px;
|
||||
box-shadow: 5px 10px #888888;
|
||||
transition: 0.5s ease;
|
||||
}
|
||||
|
||||
.radiostyle .radio-green:hover {
|
||||
box-shadow: 5px 5px #888888;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.radiostyle .radio-red:hover {
|
||||
box-shadow: 5px 5px #888888;
|
||||
|
||||
}
|
||||
|
||||
.radiostyle .radio-yellow:hover {
|
||||
box-shadow: 5px 5px #888888;
|
||||
|
||||
}
|
||||
|
||||
.radiostyle .radio-green input[type="radio"]:checked{
|
||||
box-shadow: 5px 10px #888888;
|
||||
}
|
||||
|
||||
.radiostyle .radio-yellow input[type="radio"]:checked{
|
||||
box-shadow: 5px 10px #888888;
|
||||
}
|
||||
|
||||
.radiostyle .radio-red input[type="radio"]:checked{
|
||||
box-shadow: 5px 10px #888888;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<style>
|
||||
#details {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#details td,
|
||||
#details th {
|
||||
|
||||
padding: 8px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#details tr:nth-child(even) {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#details tr:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
#details th {
|
||||
padding-top: 12px;
|
||||
font-style: bold;
|
||||
padding-bottom: 12px;
|
||||
text-align: left;
|
||||
padding: 4px;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb pb-3">
|
||||
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="{{ route('arcc.notisperingatan') }}">Notis Peringatan</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Carian No.Rujukan</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="card-body text-center">
|
||||
<div class="row form-group">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
</div>
|
||||
</div>
|
||||
@if ($message = Session::get('success'))
|
||||
<div class="alert alert-success">
|
||||
<p>{{ $message }}</p>
|
||||
</div>
|
||||
@elseif ($message = Session::get('failed'))
|
||||
<div class="alert alert-danger">
|
||||
<p>{{ $message }}</p>
|
||||
</div>
|
||||
@endif
|
||||
<form action="{{route('arcc.janadatanotisperingatan')}}" method="POST" enctype="multipart/form-data">
|
||||
@csrf
|
||||
|
||||
<input type="hidden" class="form-control" id="daritempoh" name="daritempoh" value="{{$daritempoh}}">
|
||||
<input type="hidden" class="form-control" id="hinggatempoh" name="hinggatempoh" value="{{$hinggatempoh}}">
|
||||
<input type="hidden" class="form-control" id="kodcaw" name="kodcaw" value="{{$kodcaw}}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="table text-left table-bordered" id="senaraitemp" style="width:100%">
|
||||
<thead class="bg-primary text-white">
|
||||
<tr>
|
||||
<th><input type="checkbox" aria-label="Checkbox for following text input" id="checkall"></th>
|
||||
<th>Bil</th>
|
||||
<th align="center">Kod Cawangan</th>
|
||||
<th align="center">Cawangan</th>
|
||||
<th align="left">Bilangan SAG</th>
|
||||
<th align="left">Total Berat (RM)</th>
|
||||
<th align="left">Total Pembiayaan (RM)</th>
|
||||
<th align="left">Total Baki Pembiayaan (RM)</th>
|
||||
<th align="left">Total Tunggakan Keuntungan (RM)</th>
|
||||
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@php $count = 1; $totalsagall = 0; $totalberatall = 0; $totalpembiayaanall = 0; $totalbakipjmall = 0; $totaltunggakanall = 0; @endphp
|
||||
@foreach($senarai as $send)
|
||||
<tr>
|
||||
<td><input type="checkbox" aria-label="Checkbox for following text input" name="caw[]" id="caw" value = "{{ $send['kodcaw'] }}" class="checkbox"></td>
|
||||
<td>{{ $count++ }}</td>
|
||||
<td align="center">{{ $send['kodcaw'] }}</td>
|
||||
<td align="left" style="white-space: nowrap;">{{ $send['caw_name'] }}<input type="hidden" class="form-control" id="caw_name" name="caw_name[]" value="{{$send['caw_name']}}"></td>
|
||||
<td align="right">{{$send['datagadai']['totalsag']}}</td>
|
||||
<td align="right">{{number_format($send['datagadai']['totalberat'], 2)}}</td>
|
||||
<td align="right">{{number_format($send['datagadai']['totalpembiayaan'], 2)}}</td>
|
||||
<td align="right">{{number_format($send['datagadai']['totalbakipjm'], 2)}}</td>
|
||||
<td align="right">{{number_format($send['datagadai']['totaltunggakan'], 2)}}</td>
|
||||
</tr>
|
||||
@php
|
||||
$totalsagall += $send['datagadai']['totalsag'];
|
||||
$totalberatall += $send['datagadai']['totalberat'];
|
||||
$totalpembiayaanall += $send['datagadai']['totalpembiayaan'];
|
||||
$totalbakipjmall += $send['datagadai']['totalbakipjm'];
|
||||
$totaltunggakanall += $send['datagadai']['totaltunggakan'];
|
||||
@endphp
|
||||
@endforeach
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="4"><b>JUMLAH KESELURUHAN</b></td>
|
||||
<td align = 'right'><b>{{ number_format($totalsagall, 0, '.', ',') }}</b></td>
|
||||
<td align = 'right'><b>{{ number_format($totalberatall, 2, '.', ',') }}</b></td>
|
||||
<td align = 'right'><b>{{ number_format($totalpembiayaanall, 2, '.', ',') }}</b></td>
|
||||
<td align = 'right'><b>{{ number_format($totalbakipjmall, 2, '.', ',') }}</b></td>
|
||||
<td align = 'right'><b>{{ number_format($totaltunggakanall, 2, '.', ',') }}</b></td> {{-- <td align = 'right'></td> --}}
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-center">
|
||||
<a href="{{ route('arcc.notisperingatan') }}" class="btn btn-primary" style="width:8%;">Kembali</a>
|
||||
<button type="submit" class="btn btn-success">Jana Notis Peringatan</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type='text/javascript'>
|
||||
$(document).ready(function(){
|
||||
// Check or Uncheck All checkboxes
|
||||
$("#checkall").change(function(){
|
||||
var checked = $(this).is(':checked');
|
||||
if(checked){
|
||||
$(".checkbox").each(function(){
|
||||
$(this).prop("checked",true);
|
||||
});
|
||||
}else{
|
||||
$(".checkbox").each(function(){
|
||||
$(this).prop("checked",false);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Changing state of CheckAll checkbox
|
||||
$(".checkbox").click(function(){
|
||||
|
||||
if($(".checkbox").length == $(".checkbox:checked").length) {
|
||||
$("#checkall").prop("checked", true);
|
||||
} else {
|
||||
$("#checkall").prop("checked", false);
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var tablecustomers = $('#myTable').DataTable({
|
||||
"ordering": false
|
||||
});
|
||||
|
||||
$(document).ready( function () {
|
||||
$('#datetimepicker1').datepicker({
|
||||
format: 'dd-mm-yyyy'
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
var tablelelongbid= $('#details').DataTable( {
|
||||
"columnDefs": [
|
||||
{
|
||||
"targets": 0,
|
||||
"target": '_blank',
|
||||
"orderable": false
|
||||
},
|
||||
{
|
||||
"targets": 5,
|
||||
"orderable": false
|
||||
}
|
||||
],
|
||||
// order: [[1, 'asc']],
|
||||
// // "ordering": false,
|
||||
"info": false,
|
||||
"lengthChange": false,
|
||||
"pageLength": 9999999,
|
||||
dom: 'Bfrtip',
|
||||
buttons: [
|
||||
|
||||
// {
|
||||
// className: 'btn btn-outline-success pl-4 pr-4 btn-sm export',
|
||||
// target: "_blank",
|
||||
// titleAttr: 'Export to Excel',
|
||||
// text: '<h8><b>EXCEL</b></h8>',
|
||||
// action: function ( e, dt, node, config ) {
|
||||
// $('#typedonwload').val('excel');
|
||||
// $("#exportpdf").submit();
|
||||
// // window.open("_blank");
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// className: 'btn btn-outline-danger pl-4 pr-4 btn-sm export',
|
||||
// titleAttr: 'Export to PDF',
|
||||
// text: '<h8><b>PDF</b></h8>',
|
||||
// action: function ( e, dt, node, config ) {
|
||||
// $('#typedonwload').val('pdf');
|
||||
// $("#exportpdf").submit();
|
||||
// }
|
||||
|
||||
// },
|
||||
// {
|
||||
// className: 'btn btn-outline-info pl-4 pr-4 btn-sm export',
|
||||
// target: "_blank",
|
||||
// titleAttr: 'Blast Whatsapp',
|
||||
// text: '<h8><b>WHATSAPP</b></h8>',
|
||||
// action: function ( e, dt, node, config ) {
|
||||
// $('#typedonwload').val('whatsapp');
|
||||
// $("#exportpdf").submit();
|
||||
// // window.open("_blank");
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
]
|
||||
|
||||
});
|
||||
|
||||
$('.export').tooltip();
|
||||
$( '.export').removeClass('dt-button');
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user