@extends('layouts.app')

@section('content')
<div class="container mx-auto py-8">
    <h1 class="text-3xl font-bold mb-6">Add New Document</h1>

    <form action="{{ route('libraries.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <div class="mb-4">
            <label for="name" class="block text-sm font-semibold text-gray-700">Document Name</label>
            <input type="text" name="name" id="name" class="w-full px-4 py-2 border rounded-md" value="{{ old('name') }}" required>
            @error('name')
                <span class="text-red-500 text-sm">{{ $message }}</span>
            @enderror
        </div>

        <div class="mb-4">
            <label for="file_path" class="block text-sm font-semibold text-gray-700">Upload File</label>
            <input type="file" name="file_path" id="file_path" class="w-full px-4 py-2 border rounded-md" required>
            @error('file_path')
                <span class="text-red-500 text-sm">{{ $message }}</span>
            @enderror
        </div>

        <div class="mb-4">
            <label for="file_type" class="block text-sm font-semibold text-gray-700">File Type</label>
            <input type="text" name="file_type" id="file_type" class="w-full px-4 py-2 border rounded-md" value="{{ old('file_type') }}" required>
            @error('file_type')
                <span class="text-red-500 text-sm">{{ $message }}</span>
            @enderror
        </div>

        <div class="mb-4">
            <label for="file_size" class="block text-sm font-semibold text-gray-700">File Size (KB)</label>
            <input type="number" name="file_size" id="file_size" class="w-full px-4 py-2 border rounded-md" value="{{ old('file_size') }}" required>
            @error('file_size')
                <span class="text-red-500 text-sm">{{ $message }}</span>
            @enderror
        </div>

        <div class="mb-4">
            <label for="description" class="block text-sm font-semibold text-gray-700">Description</label>
            <textarea name="description" id="description" class="w-full px-4 py-2 border rounded-md" rows="4">{{ old('description') }}</textarea>
            @error('description')
                <span class="text-red-500 text-sm">{{ $message }}</span>
            @enderror
        </div>

        <div class="mb-4">
            <label for="url_dokumen" class="block text-sm font-semibold text-gray-700">Document URL</label>
            <input type="text" name="url_dokumen" id="url_dokumen" class="w-full px-4 py-2 border rounded-md" value="{{ old('url_dokumen') }}">
            @error('url_dokumen')
                <span class="text-red-500 text-sm">{{ $message }}</span>
            @enderror
        </div>

        <div class="mb-4">
            <label for="is_active" class="inline-flex items-center">
                <input type="checkbox" name="is_active" id="is_active" class="form-checkbox text-blue-500" checked>
                <span class="ml-2 text-sm font-semibold">Active</span>
            </label>
        </div>

        <div class="mb-4">
            <button type="submit" class="bg-blue-500 text-white px-6 py-2 rounded-md hover:bg-blue-600">Save Document</button>
        </div>
    </form>
</div>
@endsection