@extends('layouts.app')

@section('content')
    <link rel="stylesheet" href="{{ asset('css/riwayat-mutasi.css') }}">

    <div class="page-wrapper">
        <div class="page-container">
            <div class="card">
                <h2 class="section-title">
                    RIWAYAT PEMINDAHAN BARANG
                </h2>

                <form method="GET" class="filter-wrapper">
                    <div class="filter-row">
                        <input type="text" name="keyword" class="form-control" placeholder="Cari nama barang" value="{{ request('keyword') }}">

                        <button class="btn btn-primary" type="submit">
                            Cari
                        </button>
                    </div>

                    <div class="action-group">
                        <a href="{{ route('mutasi.export.pdf', request()->query()) }}" class="btn btn-pdf">
                            <i class="fa-solid fa-file-pdf"></i>
                            PDF
                        </a>

                        <a href="{{ route('mutasi.export.excel', request()->query()) }}" class="btn btn-excel">
                            <i class="fa-solid fa-file-excel"></i>
                            Excel
                        </a>
                    </div>
                </form>
            </div>

            <div class="card">
                <div class="table-responsive">
                    <table class="inventaris-table">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Tanggal</th>
                                <th>Barang</th>
                                <th>Asal</th>
                                <th>Tujuan</th>
                                <th>Lokasi Asal</th>
                                <th>Lokasi Tujuan</th>
                                <th>Keterangan</th>
                            </tr>
                        </thead>

                        <tbody>
                            @forelse($mutasi as $index => $item)
                                <tr>
                                    <td>{{ $mutasi->firstItem() + $index }}</td>
                                    <td>{{ date('d/m/Y', strtotime($item->tanggal_mutasi)) }}</td>
                                    <td>{{ $item->barang->nama_barang }}</td>
                                    <td>{{ $item->asal }}</td>
                                    <td>{{ $item->tujuan }}</td>
                                    <td>{{ $item->lokasi_asal }}</td>
                                    <td>{{ $item->lokasi_tujuan }}</td>
                                    <td>{{ $item->keterangan }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" align="center">
                                        Belum ada riwayat mutasi
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <!-- PAGINATION -->
<div class="pagination-wrapper">

    <div class="pagination-info">
        Menampilkan {{ $mutasi->firstItem() ?? 0 }} - {{ $mutasi->lastItem() ?? 0 }} dari {{ $mutasi->total() }} data
    </div>

    <div class="pagination">

        {{-- Tombol Previous (Kembali) --}}
        @if ($mutasi->onFirstPage())
            <span class="disabled">‹ Prev</span>
        @else
            <a href="{{ $mutasi->previousPageUrl() }}">‹ Prev</a>
        @endif

        {{-- Indikator Halaman Aktif --}}
        <span class="active">{{ $mutasi->currentPage() }}</span>

        {{-- Tombol Next (Lanjut) --}}
        @if ($mutasi->hasMorePages())
            <a href="{{ $mutasi->nextPageUrl() }}">Next ›</a>
        @else
            <span class="disabled">Next ›</span>
        @endif

    </div>

</div>
            </div>
        </div>
    </div>
@endsection