@extends('layouts.app')

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

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

    <form action="{{ route('departments.posts.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <div class="mb-3">
            <label class="form-label">Post Title*</label>
            <input type="text" name="title" class="form-control" placeholder="Enter post title" required>
        </div>

        <div class="mb-3">
            <label class="form-label">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>
                <option selected disabled>Select Department..</option>
                @foreach($departments as $dept)
                    <option value="{{ $dept->id }}">{{ $dept->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label class="form-label">Description</label>
            <textarea name="description" class="form-control" id="description-editor"></textarea>
        </div>

        <button type="submit" class="btn btn-primary">Add Post</button>
    </form>
</div>

<script>
    CKEDITOR.replace('description-editor');
</script>
@endsection