@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row mb-3">
        <div class="col">
            <h4 class="fw-bold">✏️ Edit Peminjaman Buku</h4>
        </div>
    </div>

    <div class="card">
        <div class="card-body">

            {{-- INFO BUKU --}}
            <div class="mb-4">
                <h6 class="fw-bold">Informasi Buku</h6>
                <table class="table table-sm table-bordered">
                    <tr>
                        <th width="200">Judul Buku</th>
                        <td>{{ $peminjaman->buku->judul }}</td>
                    </tr>
                    <tr>
                        <th>Stok Saat Ini</th>
                        <td>
                            <span class="badge bg-info">
                                {{ $peminjaman->buku->jumlah }}
                            </span>
                        </td>
                    </tr>
                </table>
            </div>

            {{-- FORM EDIT --}}
            <form action="{{ route('peminjaman.update', $peminjaman->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <label class="form-label">Peminjam (Anggota)</label>
                    <select name="anggota_id" class="form-select" required>
                        @foreach ($anggota as $item)
                            <option value="{{ $item->id }}"
                                {{ $item->id == $peminjaman->anggota_id ? 'selected' : '' }}>
                                {{ $item->siswa->nama }} - NIS: {{ $item->siswa->nis }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="mb-3">
                    <label class="form-label">Tanggal Pinjam</label>
                    <input type="date"
                        name="tanggal_pinjam"
                        class="form-control"
                        value="{{ $peminjaman->tanggal_pinjam }}"
                        required>
                </div>

                <div class="mb-3">
                    <label class="form-label">Jumlah Buku</label>
                    <input type="number"
                        name="jumlah"
                        class="form-control"
                        min="1"
                        max="{{ $peminjaman->buku->jumlah + $peminjaman->jumlah }}"
                        value="{{ $peminjaman->jumlah }}"
                        required>
                    <small class="text-muted">
                        Maksimal {{
                            $peminjaman->buku->jumlah + $peminjaman->jumlah
                        }} buku
                    </small>
                </div>

                <div class="d-flex justify-content-between">
                    <a href="{{ route('peminjaman.index') }}" class="btn btn-secondary">
                        Kembali
                    </a>
                    <button type="submit" class="btn btn-primary">
                        Update
                    </button>
                </div>

            </form>

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