@extends('layouts.app')
@section('title', '編輯文件 — ' . $systemName)

@section('content')
<div class="container py-4" style="max-width:680px">
  <div class="d-flex align-items-center justify-content-between mb-3">
    <h4 class="mb-0"><i class="bi bi-pencil me-2"></i>編輯文件 <small class="text-muted fw-normal fs-6">{{ $systemName }}</small></h4>
    <a href="{{ route($routePrefix . '.show', $document) }}" class="btn btn-sm btn-outline-secondary">
      <i class="bi bi-arrow-left me-1"></i>返回文件
    </a>
  </div>

  @if($errors->any())
  <div class="alert alert-danger">
    <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
  </div>
  @endif

  <div class="card shadow-sm">
    <div class="card-body p-4">
      <form method="POST" action="{{ route($routePrefix . '.update', $document) }}" enctype="multipart/form-data">
        @csrf @method('PUT')

        <div class="mb-3">
          <label class="form-label fw-semibold">文件名稱 <span class="text-danger">*</span></label>
          <input type="text" name="title" class="form-control"
                 value="{{ old('title', $document->title) }}" required maxlength="255">
        </div>

        <div class="mb-3">
          <label class="form-label fw-semibold" for="isms_category_id">所屬目錄</label>
          <select name="isms_category_id" class="form-select" id="isms_category_id">
            <option value="">— 未分類 —</option>
            @foreach($categories as $id => $label)
            <option value="{{ $id }}"
              {{ old('isms_category_id', $document->isms_category_id) == $id ? 'selected' : '' }}>
              {{ $label }}
            </option>
            @endforeach
          </select>
        </div>

        <div class="mb-3">
          <label class="form-label fw-semibold" for="description">說明</label>
          <textarea name="description" class="form-control" rows="3" maxlength="2000" id="description">{{ old('description', $document->description) }}</textarea>
        </div>

        <div class="row g-3 mb-3">
          <div class="col-sm-4">
            <label class="form-label fw-semibold">版本 <span class="text-danger">*</span></label>
            <input type="text" name="version" class="form-control"
                   value="{{ old('version', $document->version) }}" required maxlength="20">
          </div>
          <div class="col-sm-4">
            <label class="form-label fw-semibold">排序</label>
            <input type="number" name="sort_order" class="form-control"
                   value="{{ old('sort_order', $document->sort_order) }}" min="0">
          </div>
          <div class="col-sm-4 d-flex align-items-end pb-1">
            <div class="form-check form-switch">
              <input class="form-check-input" type="checkbox" role="switch"
                     name="is_published" value="1" id="isPublished"
                     {{ old('is_published', $document->is_published) ? 'checked' : '' }}>
              <label class="form-check-label fw-semibold" for="isPublished">已發布</label>
            </div>
          </div>
        </div>

        {{-- 現有檔案 --}}
        <div class="mb-3 p-3 rounded bg-light-subtle border">
          <div class="small fw-semibold text-muted mb-1">目前檔案</div>
          <div class="d-flex align-items-center gap-2">
            <i class="bi bi-file-earmark-pdf text-danger fs-5"></i>
            <span>{{ $document->original_name }}</span>
            <span class="text-muted small">({{ $document->humanFileSize() }})</span>
          </div>
        </div>

        <div class="mb-4">
          <label class="form-label fw-semibold" for="pdf_file">更換 PDF 檔案（留空保留原檔）</label>
          <input type="file" name="pdf_file" class="form-control" accept=".pdf" id="pdf_file">
          <div class="form-text">僅接受 PDF，最大 50 MB</div>
        </div>

        <div class="d-flex justify-content-end gap-2">
          <a href="{{ route($routePrefix . '.index') }}" class="btn btn-secondary">取消</a>
          <button type="submit" class="btn btn-primary">
            <i class="bi bi-floppy me-1"></i>儲存
          </button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection