@extends('layouts.app')
@section('title',$document ? 'Edit document' : 'Add Documents')
@section('content')
<x-page-header :title="$document ? 'Edit document' : 'Add Documents'" description="Choose who the documents belong to, add files and dates, then save."><a class="button secondary" href="{{ $base }}/documents">All Documents</a></x-page-header>
@php($choices=$types->map(fn($type)=>['id'=>$type->id,'name'=>$type->name,'owner'=>$type->owner_type,'expiry'=>$type->expiry_required?'required':($type->has_expiry?'optional':'none')])->values())
@php($people=$employees->map(fn($person)=>['id'=>$person->id,'label'=>$person->full_name.' ('.$person->employee_number.')'])->values())
@php($latestVersion=$document?->versions->sortByDesc('id')->first())
@php($storedFiles=$latestVersion?->upload_group ? $document->versions->where('upload_group',$latestVersion->upload_group)->sortBy(fn($file)=>$file->file_position ?? $file->id) : collect([$latestVersion])->filter())
@php($initial=$document ? ['id'=>$document->id,'files'=>$storedFiles->pluck('filename')->values(),'owner_type'=>$document->owner_type,'owner_id'=>$document->employee_id,'document_type_id'=>$document->document_type_id,'type_name'=>$document->type->name,'expiry_rule'=>$document->type->expiry_required?'required':($document->type->has_expiry?'optional':'none'),'document_category_id'=>$document->document_category_id,'title'=>$document->title,'reference'=>$document->reference,'issued_on'=>$document->issued_on?->toDateString(),'expires_on'=>$document->expires_on?->toDateString(),'does_not_expire'=>$document->does_not_expire,'note'=>$document->note] : null)
<form method="post" enctype="multipart/form-data" class="document-batch" data-document-batch data-base="{{ $base }}" data-max-bytes="{{ $maxBytes }}" data-ocr="{{ $ocrEnabled?'1':'0' }}" novalidate>@csrf
@php($batchChoices=['types'=>$choices,'employees'=>$people,'initial'=>$initial,'employee_id'=>request('employee_id')])
<script type="application/json" data-batch-choices>@json($batchChoices)</script>
<div role="status" aria-live="polite" class="notice" data-batch-summary hidden></div>
<section class="panel"><div class="panel-body form-grid">
@if($document)<div class="form-span"><strong>{{ $document->owner_label }}</strong><p>Owner and document type remain unchanged.</p></div><input type="hidden" name="owner_type" value="{{ $document->owner_type }}">
@else
<label>Belongs to<select name="owner_type" aria-label="Document belongs to"><option value="employee">Employee</option>@if($companyAccess)<option value="company">Company</option>@endif</select></label>
<div data-batch-employee class="document-employee-field"><label for="batch-employee-search">Employee</label><div class="document-employee-picker"><input id="batch-employee-search" role="combobox" aria-label="Employee" aria-autocomplete="list" aria-expanded="false" aria-controls="batch-employee-results" placeholder="Search employee name or code" autocomplete="off"><div id="batch-employee-results" class="document-employee-results" role="listbox" aria-label="Matching employees" hidden></div></div><small data-employee-selected aria-live="polite">Search, then select an employee.</small></div>
<div data-employee-guidance class="form-span hint" aria-live="polite"></div>
@endif
<input type="hidden" name="owner_id" value="{{ $document?->employee_id ?? request('employee_id') }}">
</div></section>
<div class="document-batch-heading"><h2>{{ $document ? 'Document details & files' : 'Documents' }}</h2>@if(!$document)<button class="button secondary" type="button" data-add-card>+ Add Document</button>@endif</div>
<div id="document-files" data-document-cards></div>
@if(!$document)<button class="button secondary" type="button" data-add-card>+ Add Document</button>@endif
<div class="document-batch-footer"><a href="{{ $document ? $base.'/documents/'.$document->id : $base.'/documents' }}" class="button secondary">Cancel</a><button class="button primary" data-save-batch>{{ $document ? 'Save document' : 'Save All Documents' }}</button></div>
<p class="hint">Files stay private. Secure access becomes available automatically after background safety checks.</p>
<template data-card-template><section class="panel document-upload-card"><div class="panel-heading"><h3 data-card-heading>Document</h3><button type="button" class="text-button" data-remove-card>Remove document</button></div><div class="panel-body">
<div class="notice" data-card-message role="status" hidden></div>
<div class="form-grid">
<label>Document type<select name="document_type_id" aria-label="Document type" required></select></label>
<label data-card-category hidden>Company category<select name="document_category_id" aria-label="Company category"><option value="">Choose a category</option>@foreach($categories as $category)<option value="{{ $category->id }}">{{ $category->name }}{{ !$category->active?' (inactive)':'' }}</option>@endforeach</select></label>
<label>Document number<input name="reference" aria-label="Document number" maxlength="120"></label>
<label>Issue date<input name="issued_on" aria-label="Issue date" type="date"></label>
<div class="document-expiry-field"><label>Expiry date<input name="expires_on" aria-label="Expiry date" type="date"></label><label class="document-never"><input type="checkbox" name="does_not_expire" data-card-never>Does not expire</label></div>
<div class="form-span"><p class="hint" data-existing-files hidden></p><div class="document-upload-actions" role="group" aria-label="Attach document files"><label class="button primary document-file-button"><x-icon name="plus"/><span>Add files</span><input type="file" multiple aria-label="Add files" accept="application/pdf,image/jpeg,image/png,.pdf,.png,.jpg,.jpeg" data-card-files></label><button class="button secondary document-camera-button" type="button" data-card-camera-button><x-icon name="camera"/><span>Take photo</span></button></div><input type="file" accept="image/jpeg,image/png" capture="environment" aria-label="Photograph document" data-card-camera hidden><small class="hint document-upload-help">PDF, PNG or JPEG. Up to {{ round($maxBytes/1048576,2) }} MB each; 10 files per document.</small><ol data-card-file-list class="document-card-file-list"></ol></div>
<details class="form-span" data-card-extra><summary>More details (optional)</summary><div class="form-grid"><label>Document name<input name="title" aria-label="Document name" maxlength="160" placeholder="Uses the document type"></label><label>Note<textarea name="note" aria-label="Note" maxlength="2000"></textarea></label><div class="form-span"><button class="button secondary" type="button" data-card-ocr @disabled(!$ocrEnabled)>Read text from document</button><p class="hint">{{ $ocrEnabled?'Optional. Review suggestions before using them.':'OCR is off. You can enter all details manually.' }}</p><div data-card-suggestions></div></div></div></details>
</div></div></section></template>
</form>
@endsection