@extends('layouts.app')
@section('title',$document ? 'Edit document' : 'Add Document')
@section('content')
<x-page-header :title="$document ? 'Edit document' : 'Add Document'" description="Choose who it belongs to, enter the expiry date and add your file."><a href="{{ $base }}/documents" class="button secondary">Back to documents</a></x-page-header>
<section class="panel"><div class="panel-body">
<form action="{{ $base }}/documents{{ $document ? '/'.$document->id : '' }}/save" method="post" enctype="multipart/form-data" class="form-grid simple-document-form" data-simple-document-form data-base="{{ $base }}" data-existing="{{ $document ? '1' : '0' }}">@csrf
<input type="hidden" name="session_key" value="{{ $uploadSession }}">
<div class="notice form-span" data-document-message hidden role="alert"></div>
<div class="form-span form-grid document-owner-fields">
@if($document)
<div class="form-span"><strong>{{ $document->owner_label }}</strong><p class="hint">Owner and document type remain unchanged.</p></div>
<input type="hidden" name="owner_type" value="{{ $document->owner_type }}"><input type="hidden" name="document_type_id" value="{{ $document->document_type_id }}">
@else
<label>Document 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-employee-field class="document-employee-field">
<label for="document-employee-search">Employee</label>
<div class="document-employee-picker">
<input id="document-employee-search" aria-label="Employee" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="document-employee-results" aria-describedby="document-employee-help" data-simple-employee-search autocomplete="off" placeholder="Type an employee name or code">
<input type="hidden" name="owner_id" value="{{ request('employee_id') }}">
<div id="document-employee-results" class="document-employee-results" role="listbox" aria-label="Matching employees" hidden>
@foreach($employees as $person)<button type="button" role="option" id="document-employee-option-{{ $person->id }}" aria-selected="false" data-employee-option data-id="{{ $person->id }}" data-label="{{ $person->full_name }} ({{ $person->employee_number }})"><strong>{{ $person->full_name }}</strong><small>{{ $person->employee_number }}</small></button>@endforeach
<p data-employee-empty hidden>No matching employees. Try another name or code.</p>
</div></div>
<small id="document-employee-help" data-employee-help aria-live="polite">Search by name or code, then tap a matching employee.</small>
</div>
@endif
<label data-company-field @class(['form-span'=>$document]) @if(!$document || $document->owner_type==='employee') hidden @endif>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 }}" @selected($document?->document_category_id===$category->id)>{{ $category->name }}{{ !$category->active ? ' (inactive)' : '' }}</option>@endforeach</select><small>Manage groups under Documents → Company Categories.</small></label>
</div>
@if(!$document)
<label>Document type<select name="document_type_id" aria-label="Document type" required><option value="">Choose a document type</option>@foreach($types as $type)<option value="{{ $type->id }}" data-owner="{{ $type->owner_type }}" data-expiry-required="{{ $type->expiry_required ? '1':'0' }}">{{ $type->name }}</option>@endforeach</select><button type="button" class="text-button" data-add-document-type>Add new type</button></label>
@else
<label>Document type<input value="{{ $document->type->name }}" readonly aria-label="Document type"></label>
@endif
<div class="document-expiry-field">
<label>Expiry date<input name="expires_on" aria-label="Expiry date" type="date" value="{{ $document?->expires_on?->toDateString() }}"></label>
<label class="document-never"><input type="hidden" name="does_not_expire" value="0"><input type="checkbox" name="does_not_expire" value="1" @checked($document?->does_not_expire) data-no-expiry @disabled($document?->type->expiry_required)>Does not expire</label>
<small data-expiry-help>Used for expiry status and reminders.</small>
</div>
<div class="form-span" id="document-files">
@if($document)
@php($latest=$document->versions->sortByDesc('id')->first())
@php($currentFiles=$latest?->upload_group ? $document->versions->where('upload_group',$latest->upload_group) : $document->versions->where('id',$latest?->id))
<p class="hint">Keep the existing files, or select replacements. Earlier uploads remain in history.</p><ul>@foreach($currentFiles as $version)<li>{{ $version->filename }} ({{ $version->fileAccessAllowed() ? 'Available' : 'Safety check pending' }})</li>@endforeach</ul>
@endif
<x-secure-document-input label="Document file" :required="!$document"/>
<p class="hint">Use one PDF for all pages, or a front photo with the optional back below.</p>
<details><summary>Add a back side (optional)</summary><x-secure-document-input name="back_file" label="Back side file" :required="false"/></details>
<button type="button" class="button secondary" data-document-ocr @disabled(!$ocrEnabled)>Read text from document</button>
@if(!$ocrEnabled)<p class="hint">OCR is off. You can enter the details manually. A platform administrator can enable OCR under Companies → your company → Company security.</p>@else<p class="hint">Optional. Suggestions appear only when you click this button and after safety checks pass.</p>@endif
<div data-ocr-suggestions hidden class="notice"><strong>Review suggested details</strong><p data-ocr-warning></p><div data-ocr-values></div><details><summary>View text read from document</summary><pre data-ocr-text class="ocr-result"></pre></details></div>
</div>
<details class="form-span document-extra-details" data-document-extra @if($document) open @endif><summary>More details (optional) <span>Number, issue date, name & note</span></summary><div class="form-grid">
<label>Document number<input name="reference" aria-label="Document number" value="{{ $document?->reference }}" maxlength="120"></label>
<label>Issue date<input name="issued_on" aria-label="Issue date" type="date" value="{{ $document?->issued_on?->toDateString() }}"></label>
<label>Document name (optional)<input name="title" aria-label="Document name" value="{{ $document?->title }}" maxlength="160" placeholder="Uses the document type if left blank"><small>Filled from the type. Change it only if you want a different name.</small></label>
<label>Note (optional)<textarea name="note" aria-label="Note" maxlength="2000">{{ $document?->note }}</textarea></label>
</div></details>
<div class="form-actions form-span"><button class="button primary" data-document-save>Save document</button><a class="button secondary" href="{{ $document ? $base.'/documents/'.$document->id : $base.'/documents' }}">Cancel</a></div>
<p class="hint form-span">Dates save even if scanning is pending. Files stay private until safety checks pass.</p>
@if(!$document)<dialog class="ui-record-dialog" data-type-dialog aria-label="Add document type"><div class="panel-heading"><h2>Add new type</h2></div><div class="panel-body"><label>Type name<input data-type-name aria-label="Type name" maxlength="100"></label><p data-type-error role="alert"></p><div class="form-actions"><button type="button" class="button secondary" data-type-cancel>Cancel</button><button type="button" class="button primary" data-type-save>Add type</button></div></div></dialog>@endif
</form>
</div></section>
@endsection