@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>

                <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