@extends('layouts.app')

@section('content')

<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">

    <div class="bg-white shadow rounded-lg p-6">

        <h2 class="text-2xl font-bold mb-6">
            Riwayat Peminjaman Saya
        </h2>

        @if(session('success'))
            <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
                {{ session('success') }}
            </div>
        @endif

        <div class="overflow-x-auto">

            <table class="min-w-full border border-gray-300">

                <thead class="bg-gray-100">

                    <tr>
                        <th class="border px-4 py-2">No</th>
                        <th class="border px-4 py-2">Nama Produk</th>
                        <th class="border px-4 py-2">Jumlah</th>
                        <th class="border px-4 py-2">Tanggal Pinjam</th>
                        <th class="border px-4 py-2">Tanggal Kembali</th>
                        <th class="border px-4 py-2">Status</th>
                    </tr>

                </thead>

                <tbody>

                    @forelse($borrowings as $borrowing)

                        @foreach($borrowing->details as $detail)

                            <tr>

                                <td class="border px-4 py-2 text-center">
                                    {{ $loop->iteration }}
                                </td>

                                <td class="border px-4 py-2">
                                    {{ $detail->product->name }}
                                </td>

                                <td class="border px-4 py-2 text-center">
                                    {{ $detail->quantity }}
                                </td>

                                <td class="border px-4 py-2 text-center">
                                    {{ $borrowing->borrow_date }}
                                </td>

                                <td class="border px-4 py-2 text-center">
                                    {{ $borrowing->return_date }}
                                </td>

                                <td class="border px-4 py-2 text-center">

                                    @if($borrowing->status == 'Dipinjam')

                                        <span class="bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full text-sm">
                                            Dipinjam
                                        </span>

                                    @else

                                        <span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">
                                            Dikembalikan
                                        </span>

                                    @endif

                                </td>

                            </tr>

                        @endforeach

                    @empty

                        <tr>

                            <td colspan="6" class="border px-4 py-4 text-center text-gray-500">
                                Belum ada riwayat peminjaman.
                            </td>

                        </tr>

                    @endforelse

                </tbody>

            </table>

        </div>

    </div>

</div>

@endsection