@extends('admin.layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card bg-dark border-warning">
                    <div class="card-header">
                        <h3 class="card-title text-warning">
                            <i class="fas fa-plus me-2"></i>Add Announcement
                        </h3>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('admin.announcements.store') }}" method="POST">
                            @csrf
                            <div class="mb-3">
                                <label for="title" class="form-label text-warning">Title</label>
                                <input type="text"
                                    class="form-control bg-dark text-white border-warning @error('title') is-invalid @enderror"
                                    id="title" name="title" value="{{ old('title') }}" required>
                                @error('title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="content" class="form-label text-warning">Content</label>
                                <textarea class="form-control bg-dark text-white border-warning @error('content') is-invalid @enderror" id="content"
                                    name="content" rows="5" required>{{ old('content') }}</textarea>
                                @error('content')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="is_active" class="form-label text-warning">Status</label>
                                <select
                                    class="form-select bg-dark text-white border-warning @error('is_active') is-invalid @enderror"
                                    id="is_active" name="is_active" required>
                                    <option value="1" {{ old('is_active', 1) == 1 ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ old('is_active') == 0 ? 'selected' : '' }}>Inactive</option>
                                </select>
                                @error('is_active')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="published_at" class="form-label text-warning">Published At</label>
                                <input type="datetime-local"
                                    class="form-control bg-dark text-white border-warning @error('published_at') is-invalid @enderror"
                                    id="published_at" name="published_at" value="{{ old('published_at') }}">
                                @error('published_at')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="d-flex justify-content-end">
                                <a href="{{ route('admin.announcements.index') }}"
                                    class="btn btn-secondary me-2">Cancel</a>
                                <button type="submit" class="btn btn-warning">Add Announcement</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection