@extends('layouts.admin')
@section('title', 'Employee documents')
@section('content')
<div class="mx-auto max-w-4xl space-y-6 p-6">
 <div><a class="text-sm font-medium text-indigo-600" href="{{ route('operations.index', 'employees') }}">&larr; Employees</a><h1 class="mt-3 text-2xl font-bold">Private employee documents</h1></div>
 @if(session('status'))<div class="rounded bg-emerald-50 p-3 text-emerald-800">{{ session('status') }}</div>@endif
 <form method="POST" enctype="multipart/form-data" action="{{ route('operations.employee.documents.store', $userId) }}" class="grid gap-4 rounded-xl border bg-white p-5 md:grid-cols-2">@csrf
  <input name="title" placeholder="Document title" class="rounded border-slate-300" required><select name="type" class="rounded border-slate-300"><option value="contract">Contract</option><option value="certification">Certification</option><option value="other">Other</option></select>
  <input name="document" type="file" class="rounded border-slate-300" required><input name="expires_at" type="date" class="rounded border-slate-300"><textarea name="notes" class="rounded border-slate-300 md:col-span-2" placeholder="Notes"></textarea><button class="w-fit rounded bg-indigo-600 px-4 py-2 font-semibold text-white">Upload private document</button>
 </form>
 <div class="overflow-hidden rounded-xl border bg-white"><table class="min-w-full text-sm"><thead class="bg-slate-50"><tr><th class="p-3 text-left">Title</th><th class="p-3 text-left">Type</th><th class="p-3"></th></tr></thead><tbody>
 @forelse($documents as $document)<tr class="border-t"><td class="p-3">{{ $document->title }}</td><td class="p-3">{{ $document->type }}</td><td class="p-3 text-right"><a class="text-indigo-600" href="{{ route('operations.employee.documents.download', [$userId,$document->id]) }}">Download</a><form class="inline" method="POST" action="{{ route('operations.employee.documents.destroy', [$userId,$document->id]) }}">@csrf @method('DELETE')<button class="ml-3 text-red-600">Delete</button></form></td></tr>@empty<tr><td class="p-6 text-slate-500" colspan="3">No documents uploaded.</td></tr>@endforelse
 </tbody></table></div>
</div>
@endsection