@extends('layouts.app')

@section('title', 'Edit Document · ' . config('app.name'))
@section('page-title', 'Edit Document Details')

@section('content')
    <div class="card">
        <div class="card-header bg-white fw-semibold">Edit Document Details</div>
        <div class="card-body">
            <form method="POST" action="{{ route('documents.update', $document) }}">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <label class="form-label small fw-semibold">Title</label>
                    <input type="text" name="title" value="{{ old('title', $document->title) }}" class="form-control @error('title') is-invalid @enderror">
                    @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="mb-3">
                    <label class="form-label small fw-semibold">Description</label>
                    <textarea name="description" rows="4" class="form-control @error('description') is-invalid @enderror">{{ old('description', $document->description) }}</textarea>
                    @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="mb-3">
                    <label class="form-label small fw-semibold">Priority</label>
                    <select name="priority" class="form-select @error('priority') is-invalid @enderror">
                        @foreach(['high', 'medium', 'low'] as $priority)
                            <option value="{{ $priority }}" @selected(old('priority', $document->priority) === $priority)>{{ ucfirst($priority) }}</option>
                        @endforeach
                    </select>
                    @error('priority')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                @can('manageAccess', $document)
                    <div class="mb-3">
                        <div class="form-check form-switch border rounded p-2 ps-5 bg-light">
                            <input class="form-check-input" type="checkbox" name="visible_to_all" value="1" id="visible_to_all"
                                @checked(old('visible_to_all', $document->visible_to_all))>
                            <label class="form-check-label small fw-semibold" for="visible_to_all">
                                Visible to all staff
                                <span class="text-secondary fw-normal">&mdash; every user can view, download and add remarks (no editing).</span>
                            </label>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label small fw-semibold">Assignee Access</label>
                        <p class="text-secondary small mb-2">Turn on <em>Can edit</em> to let that person edit the document. Everyone else keeps view &amp; remarks access.</p>
                        <div class="border rounded p-2">
                            @forelse($document->assignments as $assignment)
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="editors[]" value="{{ $assignment->user_id }}" id="editor-{{ $assignment->user_id }}"
                                        @checked(collect(old('editors', $document->assignments->where('can_edit', true)->pluck('user_id')->all()))->contains($assignment->user_id))>
                                    <label class="form-check-label small" for="editor-{{ $assignment->user_id }}">
                                        {{ $assignment->user->name }}
                                        <span class="text-secondary">({{ $assignment->user->designation?->name ?? $assignment->user->employee_id }})</span>
                                    </label>
                                </div>
                            @empty
                                <div class="text-secondary small">No staff assigned.</div>
                            @endforelse
                        </div>
                        @error('editors')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                    </div>
                @endcan

                <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg"></i> Save Changes</button>
                <a href="{{ route('documents.show', $document) }}" class="btn btn-outline-secondary"><i class="bi bi-x-lg"></i> Cancel</a>
            </form>
        </div>
    </div>
@endsection