@extends('layouts.app')

@section('content')

<link rel="stylesheet" href="{{ asset('css/gudang-inventaris.css') }}">
    <div class="page-wrapper">

    <div class="page-container">

            <!-- FILTER -->

            <form method="GET" action="{{ route('gudang') }}">

                <div class="filter-card">

                    <div class="filter-header">
                        <h3>Filter Barang Gudang</h3>
                    </div>

                    <div class="filter-grid">

                        <!-- SEARCH -->
                        <div class="search-box">

                            <i class="fa-solid fa-magnifying-glass"></i>

                            <input type="text" name="keyword" value="{{ request('keyword') }}"
                                placeholder="Cari nama barang atau kode inventaris...">

                        </div>

                        <!-- KATEGORI -->
                        <select name="kategori">

                            <option value="">Semua Kategori</option>

                            @foreach ($kategori ?? [] as $k)
                                <option value="{{ $k->id_kategori }}"
                                    {{ request('kategori') == $k->id_kategori ? 'selected' : '' }}>
                                    {{ $k->nama_kategori }}
                                </option>
                            @endforeach

                        </select>

                        <!-- TANGGAL -->
                        <input type="date" name="tanggal" value="{{ request('tanggal') }}">

                    </div>

                    <!-- BUTTON -->
                    <div class="action-group">

                        <button type="submit" class="btn btn-primary">
                            <i class="fa-solid fa-search"></i>
                            Filter
                        </button>

                        <a href="{{ route('gudang') }}" class="btn btn-secondary">
                            Reset
                        </a>

                        <a href="{{ route('gudang.export.pdf', request()->query()) }}"
                        class="btn btn-pdf">

                            <i class="fa-solid fa-file-pdf"></i>

                            PDF

                        </a>

                        <a href="{{ route('gudang.export.excel', request()->query()) }}"
                        class="btn btn-excel">

                            <i class="fa-solid fa-file-excel"></i>

                            Excel

                        </a>

                    </div>

                </div>



                <!-- TABEL -->

                <div class="table-card">

                    <div class="table-header">

                        <h3>Daftar Barang Gudang</h3>

                    </div>

                    <div class="table-responsive">

                        <table>

                            <thead>

                                <tr>
                                    <th>No</th>
                                    <th>Kode Inventaris Gudang</th>
                                    <th>Nama Barang</th>
                                    <th>Kategori</th>
                                    <th>Merek</th>
                                    <th>Tipe</th>
                                    <th>Tanggal Masuk</th>
                                    <th>Aksi</th>
                                </tr>

                            </thead>

                            <tbody>

                                @forelse($gudang as $item)
                                    <tr>

                                        <td>
                                            {{ $loop->iteration + ($gudang->firstItem() - 1) }}
                                        </td>

                                        <td>
                                            {{ $item->kode_gudang }}
                                        </td>

                                        <td>
                                            {{ $item->barang->nama_barang }}
                                        </td>

                                        <td>
                                            {{ $item->barang->kategori->nama_kategori ?? '-' }}
                                        </td>

                                        <td>
                                            {{ $item->barang->merek }}
                                        </td>

                                        <td>
                                            {{ $item->barang->tipe->nama_tipe ?? '-' }}
                                        </td>

                                        <td>
                                            {{ \Carbon\Carbon::parse($item->tanggal_masuk)->translatedFormat('d F Y') }}
                                        </td>

                                        <td class="aksi-group">

                                            <button type="button"
                                                    class="icon-btn btn-transfer"
                                                onclick="openPindahModal(
                                                    '{{ $item->id_gudang }}',
                                                    '{{ $item->id_gedung_tujuan }}',
                                                    '{{ $item->id_ruangan_tujuan }}',
                                                    '{{ $item->gedungTujuan->nama_gedung ?? '' }}',
                                                    '{{ $item->ruanganTujuan->nama_ruangan ?? '' }}'
                                                )">

                                                <i class="fa-solid fa-right-left"></i>

                                            </button>

                                            <form action="{{ route('gudang.destroy', $item->id_gudang) }}" method="POST"
                                                onsubmit="return confirm('Yakin ingin menghapus?')">

                                                @csrf
                                                @method('DELETE')

                                                {{-- <button type="submit"
                                                    class="icon-btn btn-delete">
                                                    <i class="fa-solid fa-trash"></i>
                                                </button> --}}

                                            </form>

                                        </td>



                                    </tr>

                                @empty

                                    <tr>
                                        <td colspan="8" align="center">
                                            Tidak ada data gudang
                                        </td>
                                    </tr>
                                @endforelse

                            </tbody>

                        </table>

                    </div>

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

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

    <div class="pagination">

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

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

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

    </div>

</div>

                </div>

        </div>
    </div>




    <div id="modalPindah" class="modal hidden">

        <div class="modal-content">

            <div class="modal-header">

                <h3>
                    <i class="fa-solid fa-right-left"></i>
                    Pindahkan ke Inventaris
                </h3>

                <button type="button" class="close-modal" onclick="closePindahModal()">

                    &times;

                </button>

            </div>

            <form id="formPindah" method="POST">

                @csrf

                <input type="hidden" name="id_gedung" id="modal_id_gedung">

                <input type="hidden" name="id_ruangan" id="modal_id_ruangan">

                <div class="form-group">

                    <label>Gedung Tujuan</label>

                    <input type="text" id="modal_gedung" readonly>

                </div>

                <div class="form-group">

                    <label>Ruangan Tujuan</label>

                    <input type="text" id="modal_ruangan" readonly>

                </div>

                <div class="form-group">

                    <label>Tanggal Masuk Inventaris</label>

                    <input type="date" name="tanggal_masuk" required>

                </div>

                <div class="modal-footer">

                    <button type="button" onclick="closePindahModal()" class="btn-modal-cancel">

                        Batal

                    </button>

                    <button type="submit" class="btn-modal-save">

                        Simpan

                    </button>

                </div>

            </form>

        </div>

    </div>

    <script src="{{ asset('js/gudang-inventaris.js') }}"></script>



@endsection