Move charge to under service

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

@@ -0,0 +1,102 @@
+@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" id="{{ $oo->id }}" href="#"><i class="fas fa-fw fa-edit"></i></a>
+										<a class="charge_delete" id="{{ $oo->id }}" href="#"><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 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(item) {
+				// Open our charge add tab automatically
+				$('.nav-item a[href="#charge_add"]').tab('show');
+
+				if (loaded[item.currentTarget.id])
+					return false;
+
+				console.log(item.currentTarget.id);
+				// Prepopulate with the details of the charge
+				$.ajax({
+					url: '{{ url('r/charge/edit') }}',
+					method: 'POST',
+					data: { id: item.currentTarget.id },
+					dataType: 'html',
+
+				}).done(function(html) {
+					$('div[id="charge_add"]').empty().append(html);
+					loaded[item.currentTarget.id] = true;
+
+				}).fail(function() {
+					alert('Failed');
+				});
+
+				return false;
+			});
+		});
+
+		//<a href="{{ url('/api/charge/delete',$o->id) }}">
+	</script>
+@append