@extends('layouts.app')
@section('title', 'Issue Book')
@section('content')
<div class="card" style="max-width:520px;">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Issue Book</h2>
    <form method="POST" action="{{ url('/api/library/loans') }}">
        @csrf
        <label style="display:block;font-size:12px;margin-bottom:4px;">Book</label>
        <select name="book_id" required style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
            <option value="">Select an available book</option>
            @foreach($books as $book)
                <option value="{{ $book->id }}">{{ $book->title }} ({{ $book->copies_available }} available)</option>
            @endforeach
        </select>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Borrower (Student)</label>
        <select name="student_id" style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;">
            <option value="">Select student</option>
            @foreach($students as $student)
                <option value="{{ $student->id }}">{{ $student->full_name }}</option>
            @endforeach
        </select>
        <label style="display:block;font-size:12px;margin-bottom:4px;">Due Date</label>
        <input type="date" name="due_at" required style="width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;margin-bottom:16px;">
        <button type="submit" style="background:#0b4f2c;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:13px;cursor:pointer;">Issue Book</button>
    </form>
</div>
@endsection