@extends('layouts.master')

@section('title', 'Souvenir Requisition Log')

@section('style')
    <style></style>

@endsection

@section('script')
    <script></script>

@endsection

@section('content')

    @include('layouts.header')
    @include('layouts.title')

    <section>
        <div class="container py-4">
            <h3 class="mb-4">ประวัติการเบิกของที่ระลึก</h3>

            <form method="GET" class="row g-3 mb-4">
                <div class="col-md-3">
                    <label>ค้นหาข้อความ</label>
                    <input type="search" name="keyword" value="{{ request('keyword') }}" class="form-control"
                        placeholder="พิมพ์คำค้นหา...">
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary w-100">ค้นหา</button>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="table-light">
                        <tr>
                            <th>No.</th>
                            <th>เลขที่คำขอเบิก</th>
                            <th>ชื่อผู้ขอเบิก</th>
                            <th>รายการของที่ระลึก</th>
                            <th>วันที่ขอเบิก</th>
                            <th>วันที่อนุมัติ</th>
                            <th>จำนวน</th>
                            <th>สถานะ</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($logs as $index => $log)
                            <tr>
                                <td>{{ $logs->firstItem() + $index }}</td> {{-- ลำดับที่ในหน้า --}}
                                <td>{{ $log->request_code }}</td>
                                <td>{{ $log->requester_name }}</td>
                                <td>{{ $log->souvenir_name ?? $log->product_name }}</td>
                                <td>{{ \Carbon\Carbon::parse($log->request_date)->format('d/m/Y') }}</td>
                                <td>{{ isset($log->approved_date) ? \Carbon\Carbon::parse($log->approved_date)->format('d/m/Y') : '-' }}
                                </td>
                                <td>{{ $log->quantity }}</td>
                                <td></td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center">ไม่พบข้อมูล</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>

                {{ $logs->withQueryString()->links() }}
            </div>

        </div>

    </section>

    @include('layouts.footer')
@endsection