@extends('layouts.authUser')

@section('content')
<h2>Laporan / Laporan inventori</h2>

<div class="table-responsive mt-3">
    <a href="{{ route('ManageItemReport.ItemReportList.Export') }}" class="btn btn-exportExcel">
        <span class="icon-exportExcel">
            <i class="bx bx-export"></i>
        </span>
        <span class="btn-exportExcelText">Eksport ke Excel</span>
    </a>

    <div class="search">
        <input type="search" name="search" class="form-control" id="Search" placeholder="Carian...">
        <span class="icon-search">
            <i class="bx bx-search"></i>
        </span>
    </div>

    <table class="table table-striped table-bordered table-sm mt-3">
    <thead>
        <tr>
            <th style="width: 1%; text-align:center;">No.</th> 
            <th>Alat radas</th>
            <th>No. kod</th>
            <th>No. bilik penyediaan</th>
            <th>Kategori</th>
            <th>Kuantiti terima</th>
            <th>Kuantiti baki</th>
            <th>Kuantiti rosak/hilang</th>
            <th>Status</th>
        </tr>
    </thead>
    <tbody>
        @forelse($items as $index => $item)
            <tr>
                <td style="text-align:center;">{{ ($items->currentPage() - 1) * $items->perPage() + $index + 1 }}</td>
                <td class="search1">{{ $item->item_name }}</td>
                <td class="search2">{{ $item->item_series_num }}</td>
                <td class="search3">{{$item->itemLocation->storageRoomNo}}</td>
                <td class="search4">{{$item->itemCategory->itemCategory_name}}</td>
                <td class="centered">{{ $item->item_quantity }}</td>
                <td class="centered">{{ $item->item_currentQuantity }}</td>
                <td class="centered">{{ $item->itemDamaged->sum('itemDamaged_quantity') }}</td>
                <td class="search5">{{ $item->item_status }}</td>
            </tr>
        @empty
            <tr>
                <td colspan="9" class="text-center">Tiada data dalam rekod</td>
            </tr>
        @endforelse
    </tbody>
</table>
<div id="custom-pagination" class="pagination d-flex flex-row-reverse">
    {{ $items->links() }}
</div>
</div>

@endsection