@extends('layouts.app')
@section('page-title', 'Upload New Version — ' . $document->doc_number)

@section('content')

<x-admin-hero-header
    :title="'Upload New Version'"
    :subtitle="$document->title . ' · ' . $document->doc_number"
    eyebrow="Document versioning"
>
    <x-slot:icon>
        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/>
        </svg>
    </x-slot:icon>
    <x-slot:actions>
        <a href="{{ route('admin.documents.show', $document) }}" class="btn border-white/15 bg-white/15 text-white backdrop-blur hover:bg-white/20 focus:ring-white/30">
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
            Back
        </a>
    </x-slot:actions>
</x-admin-hero-header>


<div class="mb-5 flex items-start gap-3 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3.5">
    <svg class="mt-0.5 h-4 w-4 shrink-0 text-amber-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/>
    </svg>
    <div>
        <p class="text-sm font-semibold text-amber-800">Current version <span class="font-bold">v{{ $document->version }}</span> will be archived to the Amended Documents list.</p>
        <p class="mt-0.5 text-xs text-amber-600">The document number <span class="font-semibold">{{ $document->doc_number }}</span> stays the same — only the version and file change.</p>
    </div>
</div>

<form method="POST" action="{{ route('admin.documents.versions.store', $document) }}"
      enctype="multipart/form-data" class="enhanced-form">
    @csrf

    <div class="rounded-2xl border border-surface-100 bg-white shadow-soft">
        <div class="p-5 sm:p-6">
            <x-form-section-header title="New version details" description="Upload the new file and set the version number." icon="document" />

            <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">

                
                <div>
                    <label for="new_version" class="form-label">New Version Number <span class="text-red-500">*</span></label>
                    <input type="text" id="new_version" name="new_version"
                           value="{{ old('new_version', $suggestedVersion) }}"
                           placeholder="e.g. 2.0"
                           class="form-input {{ $errors->has('new_version') ? 'form-input-error' : '' }}" />
                    <p class="mt-1 text-xs text-surface-400">Suggested based on current version (v{{ $document->version }}). Must be unique for this document.</p>
                    @error('new_version')
                        <p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                
                <div>
                    <label for="status" class="form-label">Status <span class="text-red-500">*</span></label>
                    <select id="status" name="status" class="form-input {{ $errors->has('status') ? 'form-input-error' : '' }}">
                        <option value="draft" {{ old('status', 'draft') === 'draft' ? 'selected' : '' }}>Draft</option>
                        <option value="active" {{ old('status') === 'active' ? 'selected' : '' }}>Active</option>
                    </select>
                    @error('status')
                        <p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                
                <div class="col-span-full">
                    <label for="change_notes" class="form-label">Change Notes</label>
                    <textarea id="change_notes" name="change_notes" rows="3"
                              placeholder="Describe what changed in this version..."
                              class="form-input resize-none {{ $errors->has('change_notes') ? 'form-input-error' : '' }}">{{ old('change_notes') }}</textarea>
                    @error('change_notes')
                        <p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>
                    @enderror
                </div>
            </div>
        </div>

        
        <div class="border-t border-surface-100 p-5 sm:p-6">
            <x-single-file-upload
                name="document_file"
                title="New document file"
                description="PDF, Word, Excel, PowerPoint or TXT · Maximum 50MB"
                icon="upload"
                accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt"
                :required="true"
            />
        </div>

        
        <div class="border-t border-surface-100 p-5 sm:p-6">
            <x-single-file-upload
                name="change_request_file"
                title="Change Request Form"
                :description="$document->document_type === 'controlled_documents' ? 'Required for Controlled Documents. Stored alongside the old version.' : 'Optional — stored alongside the old version if provided.'"
                icon="clipboard"
                accept=".pdf,.doc,.docx"
                :badges="\App\Support\DocumentUiData::FORMAT_BADGES_CRF"
                :required="$document->document_type === 'controlled_documents'"
                error-key="change_request_file"
            />
        </div>

        
        @if($document->versions->isNotEmpty())
            <div class="border-t border-surface-100 p-5 sm:p-6">
                <p class="section-label mb-3">Existing Version History</p>
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead>
                            <tr class="border-b border-surface-100">
                                <th class="pb-2 text-left text-xs font-bold uppercase tracking-wide text-surface-400">Version</th>
                                <th class="pb-2 text-left text-xs font-bold uppercase tracking-wide text-surface-400">File</th>
                                <th class="pb-2 text-left text-xs font-bold uppercase tracking-wide text-surface-400">Superseded</th>
                                <th class="pb-2 text-left text-xs font-bold uppercase tracking-wide text-surface-400">By</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-surface-50">
                            @foreach($document->versions as $ver)
                                <tr>
                                    <td class="py-2.5 pr-4"><span class="font-mono text-xs font-bold text-surface-600">v{{ $ver->version }}</span></td>
                                    <td class="py-2.5 pr-4 text-xs text-surface-500">{{ $ver->file_name ?? '-' }}</td>
                                    <td class="py-2.5 pr-4 text-xs text-surface-500">{{ $ver->superseded_at->format('d M Y') }}</td>
                                    <td class="py-2.5 text-xs text-surface-500">{{ $ver->supersededBy?->full_name ?? '-' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif

        <div class="flex flex-wrap items-center justify-end gap-3 rounded-b-2xl border-t border-surface-100 bg-surface-50/70 px-5 py-4 sm:px-6">
            <a href="{{ route('admin.documents.show', $document) }}" class="btn-secondary">Cancel</a>
            <button type="submit" class="btn-primary">
                <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/>
                </svg>
                Upload New Version
            </button>
        </div>
    </div>
</form>

@endsection