@extends('layouts.admin')

@section('title', 'Nouvel emprunt')

@section('page-title', 'Nouvel emprunt')
@section('page-subtitle', 'Enregistrer un prêt de livre.')

@section('content')
<div class="max-w-2xl mx-auto">
    <div class="bg-white rounded-3xl shadow-xl border border-gray-100 overflow-hidden">
        <form action="{{ route('admin.library.issues.store') }}" method="POST" class="p-8 lg:p-12 space-y-8">
            @csrf

            @if(session('error'))
                <div class="bg-red-50 text-red-600 p-4 rounded-2xl text-sm font-medium border border-red-100">
                    {{ session('error') }}
                </div>
            @endif
            @if($errors->any())
                <div class="bg-red-50 text-red-600 p-4 rounded-2xl text-sm font-medium border border-red-100">
                    <ul class="list-disc list-inside space-y-1">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div>
                <label class="block text-sm font-bold text-gray-700 mb-2">Livre <span class="text-red-500">*</span></label>
                <select name="book_id" required class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-50">
                    <option value="">-- Sélectionner un livre --</option>
                    @foreach($books as $book)
                        <option value="{{ $book->id }}" {{ old('book_id') === $book->id ? 'selected' : '' }}>
                            {{ $book->title }} — {{ $book->author }} ({{ $book->available_copies }} dispo.)
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="block text-sm font-bold text-gray-700 mb-2">Étudiant <span class="text-red-500">*</span></label>
                <select name="user_id" required class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-50">
                    <option value="">-- Sélectionner un étudiant --</option>
                    @foreach($users as $user)
                        <option value="{{ $user->id }}" {{ old('user_id') === $user->id ? 'selected' : '' }}>
                            {{ $user->name }} ({{ $user->email }})
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="block text-sm font-bold text-gray-700 mb-2">Date de retour prévue <span class="text-red-500">*</span></label>
                <input type="date" name="due_at" value="{{ old('due_at') }}" required min="{{ date('Y-m-d', strtotime('+1 day')) }}"
                    class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-50">
            </div>

            <div>
                <label class="block text-sm font-bold text-gray-700 mb-2">Notes (optionnel)</label>
                <textarea name="notes" rows="3" class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-50 resize-none"
                    placeholder="Remarques éventuelles...">{{ old('notes') }}</textarea>
            </div>

            <div class="pt-4 flex items-center gap-4">
                <a href="{{ route('admin.library.issues.index') }}"
                    class="px-8 py-3 bg-gray-100 text-gray-700 font-bold rounded-xl hover:bg-gray-200 transition-all">
                    Annuler
                </a>
                <button type="submit"
                    class="px-8 py-3 bg-amber-500 text-white font-bold rounded-xl hover:bg-amber-600 transition-all shadow-lg shadow-amber-500/20">
                    Enregistrer l'emprunt
                </button>
            </div>
        </form>
    </div>
</div>
@endsection