2020-02-18 11:35:20 +00:00
|
|
|
@extends('adminlte::layouts.app')
|
|
|
|
|
|
|
|
@section('htmlheader_title')
|
|
|
|
Product List
|
|
|
|
@endsection
|
|
|
|
@section('page_title')
|
|
|
|
Product List
|
|
|
|
@endsection
|
|
|
|
|
|
|
|
@section('contentheader_title')
|
|
|
|
Product List
|
|
|
|
@endsection
|
|
|
|
@section('contentheader_description')
|
|
|
|
@endsection
|
|
|
|
|
|
|
|
@section('main-content')
|
|
|
|
<div class="col-md-12">
|
|
|
|
<table class="table table-sm table-striped" id="table">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th>ID</th>
|
|
|
|
<th>Service</th>
|
|
|
|
<th>Product</th>
|
|
|
|
<th>Monthly</th>
|
|
|
|
<th>Cost</th>
|
|
|
|
<th>Traffic</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
<tbody>
|
|
|
|
@foreach (\App\Models\Service::active()->get() as $o)
|
|
|
|
<tr>
|
|
|
|
<td><a href="{{ url('u/service',[$o->id]) }}">{{ $o->id }}</a></td>
|
|
|
|
<td>{{ $o->sname }}</td>
|
|
|
|
<td>{{ $o->product->name }}</td>
|
|
|
|
<td>{{ number_format($o->billing_monthly_price,2) }}</td>
|
|
|
|
<td>{{ $o->product->type ? number_format($o->product->type->cost,2) : 'NO TYPE' }}</td>
|
|
|
|
<td>{{ $o->product->type ? $o->product->type->allowance_string() : '-' }}</td>
|
|
|
|
</tr>
|
|
|
|
@endforeach
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
|
|
|
|
@section('page-scripts')
|
2021-12-20 03:08:00 +00:00
|
|
|
@css(datatables,bootstrap4|fixedheader|responsive|rowgroup|buttons)
|
|
|
|
@js(datatables,bootstrap4|fixedheader|responsive|rowgroup|buttons)
|
2020-02-18 11:35:20 +00:00
|
|
|
|
|
|
|
<style>
|
|
|
|
tr.odd td:first-child,
|
|
|
|
tr.even td:first-child {
|
|
|
|
padding-left: 3em;
|
|
|
|
}
|
|
|
|
table.dataTable tr.dtrg-group.dtrg-level-1 td {
|
|
|
|
background-color: #e0e0e0;
|
|
|
|
color: #4c110f;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
$(document).ready(function() {
|
|
|
|
$('#table').DataTable({
|
|
|
|
//oSearch: { sSearch: searchString ? decodeURIComponent(searchString) : '' },
|
|
|
|
aLengthMenu: [
|
|
|
|
[25, 50, 100, 200, -1],
|
|
|
|
[25, 50, 100, 200, "All"]
|
|
|
|
],
|
|
|
|
paging: true,
|
|
|
|
pageLength: 25,
|
|
|
|
lengthChange: true,
|
|
|
|
searching: true,
|
|
|
|
ordering: true,
|
|
|
|
info: true,
|
|
|
|
autoWidth: false,
|
|
|
|
fixedHeader: true,
|
|
|
|
order: [
|
|
|
|
[2,'asc'],
|
|
|
|
[1,'asc'],
|
|
|
|
],
|
|
|
|
rowGroup: {
|
|
|
|
dataSrc: [2],
|
|
|
|
},
|
|
|
|
columnDefs: [
|
|
|
|
{
|
|
|
|
targets: [2],
|
|
|
|
visible: false,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
@append
|