siopas-istw-website/resources/views/pages/user/Master_Data/Warehouse/index.blade.php

<div class="card shadow mb-4">
    <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 Gudang</h5>
    </nav>
    <div class="card-body">
        <div class="row">
            <div class="col-6">
                <!-- Fitur page -->
                <form method="GET" action="{{ route('dashboard.warehouse.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="{{ $warehouse->total() }}"
                            {{ request('perPage', 5) == $warehouse->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.warehouse.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="table-responsive">
            <table class="table table-bordered" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th class="text-center" style="width: 50px;">No.</th>
                        <th>Nama Gudang</th>
                        <th>Deskripsi</th>
                        <th>Alamat</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($warehouse as $data)
                        <tr>
                            <td class="text-center" style="width: 50px;">{{ $i++ }}</td>
                            <td>{{ optional($data)->name }}</td>
                            <td>{{ optional($data)->description }}</td>
                            <td>{{ optional($data)->address }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" 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 (!$warehouse->isEmpty())
                    <p class="d-inline-block">Showing {{ $warehouse->firstItem() }} to
                        {{ $warehouse->lastItem() }} of
                        {{ $warehouse->total() }} entries</p>
                @endif
            </div>
            <div class="col-8 d-flex justify-content-end">
                @if ($warehouse->total() > $warehouse->perPage())
                    <nav aria-label="Page navigation">
                        <ul class="pagination justify-content-center">
                            <li class="page-item {{ $warehouse->onFirstPage() ? 'disabled' : '' }}">
                                <a class="page-link"
                                    href="{{ $warehouse->appends(['perPage' => Request::get('perPage')])->url(1) }}"
                                    aria-label="First">
                                    <span aria-hidden="true">First</span>
                                </a>
                            </li>
                            {{ $warehouse->appends(['perPage' => Request::get('perPage')])->links() }}
                            <li class="page-item {{ $warehouse->hasMorePages() ? '' : 'disabled' }}">
                                <a class="page-link"
                                    href="{{ $warehouse->appends(['perPage' => Request::get('perPage')])->url($warehouse->lastPage()) }}"
                                    aria-label="Last">
                                    <span aria-hidden="true">Last</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                @endif
            </div>
        </div>
    </div>
</div>