osb/resources/views/theme/backend/adminlte/service/widget/charge.blade.php

100 lines
2.8 KiB
PHP

@use(App\Models\Charge)
<div class="card card-secondary card-outline card-outline-tabs">
<div class="card-header p-0 border-bottom-0">
<ul class="nav nav-tabs">
<li class="nav-item"><a class="nav-link active" href="#charge_add" data-toggle="tab">Charge</a></li>
<li class="nav-item"><a class="nav-link" href="#charge_pending" data-toggle="tab">Pending</a></li>
</ul>
</div>
<div class="card-body">
<div class="tab-content">
<div class="tab-pane fade show active" id="charge_add">
@include('theme.backend.adminlte.charge.widget.addedit',['o'=>NULL,'so'=>$o])
</div>
<div class="tab-pane fade" id="charge_pending">
<table class="table table-sm" id="svc_bill_hist">
<thead>
<tr>
<th>ID</th>
<th>Created</th>
<th>Charge</th>
<th>Type</th>
<th class="text-right">Q</th>
<th class="text-right">Total</th>
<th>Processed</th>
</tr>
</thead>
<tbody>
@forelse(Charge::where('service_id',$o->id)->active()->orderBy('charge_at','DESC')->with(['account'])->get() as $oo)
<tr>
<td>{{ $oo->id }}</td>
<td>{{ $oo->created_at->format('Y-m-d') }}</td>
<td>{{ $oo->charge_at?->format('Y-m-d') }}</td>
<td>{{ $oo->type_name }}</td>
<td class="text-right">{{ number_format($oo->quantity) }}</td>
<td class="text-right">{{ number_format($oo->total,2) }}</td>
<td>
{{ $oo->processed ? 'YES' : 'NO' }}
@if(! $oo->processed)
<span class="float-right">
<a class="charge_edit" data-id="{{ $oo->id }}" href="#"><i class="fas fa-fw fa-edit"></i></a>
<a class="charge_delete" data-id="{{ $oo->id }}" href="{{ url('/r/charge/delete',$oo->id) }}"><i class="fas fa-fw fa-trash"></i></a>
</span>
@endif
</td>
</tr>
@empty
<tr>
<td colspan="7">No Charges for this Service</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
</div>
</div>
<x-leenooks::modal.delete hide="row" trigger="charge_delete"/>
@section('page-scripts')
<script type="text/javascript">
function total() {
$('#total').val(($('#quantity').val()*$('#amount').val()).toFixed(2));
}
$(document).ready(function() {
var loaded = [];
$('.charge_edit').on('click',function() {
var that = $(this);
if (loaded[that.data('id')])
return false;
// Prepopulate with the details of the charge
$.ajax({
url: '{{ url('r/charge/edit') }}',
method: 'POST',
data: { id: that.data('id') },
dataType: 'html',
}).done(function(html) {
// Open our charge add tab aut1omatically
$('.nav-item a[href="#charge_add"]').tab('show');
$('div[id="charge_add"]').empty().append(html);
loaded[that.data('id')] = true;
}).fail(function() {
alert('Hmm, that didnt work?');
});
return false;
});
});
</script>
@append