@extends('layouts.app')
@section('title', 'Pinjam Buku')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
    <h4>Form Peminjaman Buku</h4>
    <a href="{{ route('loans.index') }}" class="btn btn-secondary btn-sm">Kembali</a>
</div>

<div class="card" style="max-width:550px;">
    <div class="card-body">
        <form action="{{ route('loans.store') }}" method="POST">
            @csrf
            <div class="mb-3">
                <label class="form-label">Anggota <span class="text-danger">*</span></label>
                <select name="member_id" class="form-select">
                    <option value="">-- Pilih Anggota --</option>
                    @foreach($anggota as $a)
                    <option value="{{ $a->id }}" {{ old('member_id') == $a->id ? 'selected' : '' }}>
                        [{{ $a->no_anggota }}] {{ $a->nama }}
                    </option>
                    @endforeach
                </select>
                @error('member_id')<small class="text-danger">{{ $message }}</small>@enderror
            </div>
            <div class="mb-3">
                <label class="form-label">Buku <span class="text-danger">*</span></label>
                <select name="book_id" class="form-select">
                    <option value="">-- Pilih Buku --</option>
                    @foreach($buku as $b)
                    <option value="{{ $b->id }}" {{ old('book_id') == $b->id ? 'selected' : '' }}>
                        {{ $b->judul }} (stok: {{ $b->stok }})
                    </option>
                    @endforeach
                </select>
                @error('book_id')<small class="text-danger">{{ $message }}</small>@enderror
            </div>
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Tanggal Pinjam <span class="text-danger">*</span></label>
                    <input type="date" name="tanggal_pinjam" class="form-control" value="{{ old('tanggal_pinjam', date('Y-m-d')) }}">
                    @error('tanggal_pinjam')<small class="text-danger">{{ $message }}</small>@enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Tanggal Kembali <span class="text-danger">*</span></label>
                    <input type="date" name="tanggal_kembali" class="form-control" value="{{ old('tanggal_kembali', date('Y-m-d', strtotime('+7 days'))) }}">
                    @error('tanggal_kembali')<small class="text-danger">{{ $message }}</small>@enderror
                </div>
            </div>
            <small class="text-muted">* Denda keterlambatan Rp 1.000/hari</small>
            <br><br>
            <button type="submit" class="btn btn-primary">Simpan</button>
            <a href="{{ route('loans.index') }}" class="btn btn-secondary">Batal</a>
        </form>
    </div>
</div>

@endsection