|
|
|
@ -1,14 +1,39 @@
|
|
|
|
|
<div class="card shadow mb-4"> |
|
|
|
|
<div class="card-header py-3"> |
|
|
|
|
<nav class="navbar navbar-expand navbar-light bg-light py-3" style="border-bottom: 1px solid #ddd;"> |
|
|
|
|
<h5 class="m-0 font-weight-bold text-primary mt-2">Data Customer</h5> |
|
|
|
|
</nav> |
|
|
|
|
<div class="card-body"> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-6"> |
|
|
|
|
<h5 class="m-0 font-weight-bold text-primary mt-2">Data Customer</h5> |
|
|
|
|
<!-- Fitur page --> |
|
|
|
|
<form method="GET" action="{{ route('dashboard.customer.index') }}"> |
|
|
|
|
<label for="perPage">Tampilkan:</label> |
|
|
|
|
<select id="perPage" name="perPage" class="form-select" onchange="this.form.submit()"> |
|
|
|
|
<option value="5" {{ request('perPage', 5) == '5' ? 'selected' : '' }}>5</option> |
|
|
|
|
<option value="10" {{ request('perPage', 5) == '10' ? 'selected' : '' }}>10</option> |
|
|
|
|
<option value="25" {{ request('perPage', 5) == '25' ? 'selected' : '' }}>25</option> |
|
|
|
|
<option value="50" {{ request('perPage', 5) == '50' ? 'selected' : '' }}>50</option> |
|
|
|
|
<option value="100" {{ request('perPage', 5) == '100' ? 'selected' : '' }}>100</option> |
|
|
|
|
<option value="{{ $customers->total() }}" |
|
|
|
|
{{ request('perPage', 5) == $customers->total() ? 'selected' : '' }}>Semua</option> |
|
|
|
|
</select> |
|
|
|
|
<input type="hidden" name="search" value="{{ $search }}"> |
|
|
|
|
<input type="hidden" name="page" value="{{ request('page', 1) }}"> |
|
|
|
|
</form> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-6 d-flex justify-content-end mb-3"> |
|
|
|
|
<!-- Fitur search --> |
|
|
|
|
<form method="GET" action="{{ route('dashboard.customer.index') }}" class="form-inline"> |
|
|
|
|
<input type="text" name="search" class="form-control mr-2" placeholder="Cari..." |
|
|
|
|
value="{{ $search }}"> |
|
|
|
|
<input type="hidden" name="page" value="1"> |
|
|
|
|
<input type="hidden" name="perPage" value="{{ request('perPage', 5) }}"> |
|
|
|
|
<button type="submit" class="btn btn-primary">Cari</button> |
|
|
|
|
</form> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="card-body"> |
|
|
|
|
<div class="table-responsive"> |
|
|
|
|
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0"> |
|
|
|
|
<table class="table table-bordered" width="100%" cellspacing="0"> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th class="text-center">No</th> |
|
|
|
@ -19,21 +44,54 @@
|
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
@php |
|
|
|
|
$nocustomer = 1; |
|
|
|
|
@endphp |
|
|
|
|
@forelse ($customer as $data_customer) |
|
|
|
|
@forelse ($customers as $data_customer) |
|
|
|
|
<tr> |
|
|
|
|
<td class="text-center">{{ $nocustomer++ }}</td> |
|
|
|
|
<td>{{ $data_customer->name }}</td> |
|
|
|
|
<td>{{ $data_customer->code_customer }}</td> |
|
|
|
|
<td>{{ $data_customer->no_tlp }}</td> |
|
|
|
|
<td>{{ $data_customer->address }}</td> |
|
|
|
|
<td class="text-center">{{ $i++ }}</td> |
|
|
|
|
<td>{{ optional($data_customer)->name }}</td> |
|
|
|
|
<td>{{ optional($data_customer)->code_customer }}</td> |
|
|
|
|
<td>{{ optional($data_customer)->no_tlp }}</td> |
|
|
|
|
<td>{{ optional($data_customer)->address }}</td> |
|
|
|
|
</tr> |
|
|
|
|
@empty |
|
|
|
|
<tr> |
|
|
|
|
<td colspan="6" class="text-center">Data Kosong</td> |
|
|
|
|
</tr> |
|
|
|
|
@endforelse |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
<div class="row mt-3"> |
|
|
|
|
<div class="col-4"> |
|
|
|
|
<!-- Tampilkan jumlah data yang ditampilkan --> |
|
|
|
|
@if (!$customers->isEmpty()) |
|
|
|
|
<p class="d-inline-block">Showing {{ $customers->firstItem() }} to |
|
|
|
|
{{ $customers->lastItem() }} of |
|
|
|
|
{{ $customers->total() }} entries</p> |
|
|
|
|
@endif |
|
|
|
|
</div> |
|
|
|
|
<div class="col-8 d-flex justify-content-end"> |
|
|
|
|
@if ($customers->total() > $customers->perPage()) |
|
|
|
|
<nav aria-label="Page navigation"> |
|
|
|
|
<ul class="pagination justify-content-center"> |
|
|
|
|
<li class="page-item {{ $customers->onFirstPage() ? 'disabled' : '' }}"> |
|
|
|
|
<a class="page-link" |
|
|
|
|
href="{{ $customers->appends(['perPage' => Request::get('perPage')])->url(1) }}" |
|
|
|
|
aria-label="First"> |
|
|
|
|
<span aria-hidden="true">First</span> |
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
{{ $customers->appends(['perPage' => Request::get('perPage')])->links() }} |
|
|
|
|
<li class="page-item {{ $customers->hasMorePages() ? '' : 'disabled' }}"> |
|
|
|
|
<a class="page-link" |
|
|
|
|
href="{{ $customers->appends(['perPage' => Request::get('perPage')])->url($customers->lastPage()) }}" |
|
|
|
|
aria-label="Last"> |
|
|
|
|
<span aria-hidden="true">Last</span> |
|
|
|
|
</a> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</nav> |
|
|
|
|
@endif |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|