@extends('layouts.app')

@section('content')
<div class="container py-4">
    <h4>Edit Department Post</h4>

    @if(session('success'))
      <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form
      action="{{ route('departments.updatePost', $post->id) }}"
      method="POST"
      enctype="multipart/form-data"
    >
      @csrf
      @method('PUT')

      <div class="mb-3">
        <label class="form-label">Post Title*</label>
        <input
          type="text"
          name="title"
          class="form-control"
          value="{{ old('title', $post->title) }}"
          required
        >
      </div>

      <div class="mb-3">
        <label class="form-label">Current Photo</label><br>
        @if($post->image)
          <img
            src="{{ asset('storage/'.$post->image) }}"
            class="img-thumbnail mb-2"
            style="max-height:120px;"
          >
        @else
          <p class="text-muted">No image uploaded.</p>
        @endif
      </div>

      <div class="mb-3">
        <label class="form-label">Change Article Photo</label>
        <input type="file" name="image" class="form-control">
      </div>

      <div class="mb-3">
        <label class="form-label">Department</label>
        <select name="department_id" class="form-select" required>
          @foreach($departments as $dept)
            <option
              value="{{ $dept->id }}"
              {{ old('department_id', $post->department_id)==$dept->id ? 'selected':'' }}
            >{{ $dept->name }}</option>
          @endforeach
        </select>
      </div>

      <div class="mb-3">
        <label class="form-label">Description</label>
        <textarea
          name="description"
          id="description-editor"
          class="form-control"
          rows="6"
        >{{ old('description', $post->description) }}</textarea>
      </div>

      <button type="submit" class="btn btn-primary">Save Changes</button>
      <a href="{{ route('departments.index') }}" class="btn btn-secondary ms-2">Cancel</a>
    </form>
</div>

{{-- CKEditor (latest LTS) --}}
<script src="https://cdn.ckeditor.com/4.25.1-lts/standard/ckeditor.js"></script>
<script>
  CKEDITOR.replace('description-editor');
</script>
@endsection