@extends('layouts.admin')
@section('title', 'New Collection')
@section('subtitle', 'Create a new repository collection')

@section('content')
<div class="max-w-2xl">
    <div class="mb-6">
        <a href="{{ route('admin.collections.index') }}" class="flex items-center gap-2 text-xs font-bold text-slate-400 hover:text-primary uppercase tracking-widest transition-colors">
            <span class="material-icons text-sm">arrow_back</span> Back to Collections
        </a>
    </div>
    <div class="bg-white rounded-3xl shadow-sm border border-slate-100 p-8">
        <form action="{{ route('admin.collections.store') }}" method="POST" class="space-y-6">
            @csrf
            <div>
                <label class="block text-[10px] font-black uppercase tracking-widest text-slate-400 mb-2">Collection Name <span class="text-red-400">*</span></label>
                <input name="name" value="{{ old('name') }}" required class="w-full border border-slate-200 rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-primary focus:border-primary" placeholder="e.g. Computer Science Theses">
            </div>
            <div>
                <label class="block text-[10px] font-black uppercase tracking-widest text-slate-400 mb-2">Parent Community <span class="text-red-400">*</span></label>
                <select name="community_id" required class="w-full border border-slate-200 rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-primary focus:border-primary">
                    <option value="">— Select a Community —</option>
                    @foreach($communities as $c)
                        <option value="{{ $c->id }}" {{ old('community_id') == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-[10px] font-black uppercase tracking-widest text-slate-400 mb-2">License</label>
                <input name="license" value="{{ old('license', 'MTU Open Access License') }}" class="w-full border border-slate-200 rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-primary focus:border-primary">
            </div>
            <div class="flex items-center gap-4">
                <button type="submit" class="px-8 py-3 bg-primary text-white font-black rounded-2xl text-xs uppercase tracking-widest shadow-lg shadow-primary/30 hover:scale-[1.02] transition-all">Create Collection</button>
                <a href="{{ route('admin.collections.index') }}" class="px-8 py-3 bg-slate-100 text-slate-600 font-bold rounded-2xl text-xs uppercase tracking-widest hover:bg-slate-200 transition-all">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection