@extends('layouts.app')
@section('title', 'Staff Documents')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Staff Documents & Contracts</h4>
    <button class="btn btn-dark btn-sm" data-bs-toggle="modal" data-bs-target="#addDoc">+ Add Document</button>
</div>
<table class="table bg-white">
    <thead><tr><th>Staff</th><th>Title</th><th>Type</th><th>Expiry</th><th></th></tr></thead>
    <tbody>
    @foreach ($documents as $d)
    <tr class="{{ $d->isExpiringSoon() ? 'table-warning' : '' }}">
        <td>{{ $d->user->name }}</td>
        <td>{{ $d->title }}</td>
        <td>{{ $d->document_type }}</td>
        <td>{{ $d->expiry_date?->format('d M Y') ?? '-' }} @if($d->isExpiringSoon()) <span class="badge bg-warning text-dark">Expiring soon</span> @endif</td>
        <td>
            <form method="POST" action="{{ route('admin.staff-documents.destroy', $d) }}" onsubmit="return confirm('Remove this record?')">
                @csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger">Delete</button>
            </form>
        </td>
    </tr>
    @endforeach
    </tbody>
</table>

<div class="modal fade" id="addDoc" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('admin.staff-documents.store') }}">
                @csrf
                <div class="modal-header"><h5>Add Document Record</h5></div>
                <div class="modal-body">
                    <div class="mb-2">
                        <label class="form-label">Staff</label>
                        <select name="user_id" class="form-select" required>
                            @foreach ($users as $u)<option value="{{ $u->id }}">{{ $u->name }}</option>@endforeach
                        </select>
                    </div>
                    <div class="mb-2"><label class="form-label">Title</label><input name="title" class="form-control" placeholder="e.g. Employment Contract" required></div>
                    <div class="mb-2"><label class="form-label">Type</label><input name="document_type" class="form-control" placeholder="e.g. Contract, ID, Certificate"></div>
                    <div class="mb-2"><label class="form-label">Expiry Date (optional)</label><input type="date" name="expiry_date" class="form-control"></div>
                    <div class="mb-2"><label class="form-label">Notes</label><textarea name="notes" class="form-control"></textarea></div>
                </div>
                <div class="modal-footer"><button class="btn btn-dark">Save</button></div>
            </form>
        </div>
    </div>
</div>
<p class="small text-muted mt-3">This is a document <em>registry</em> (titles, types, expiry dates) — it doesn't store the actual files. Ask if you'd like real file uploads added.</p>
@endsection