@extends('layouts.app')
@section('page-title', isset($notice) ? 'Edit Notice' : 'Post Notice')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-{{ isset($notice) ? 'edit':'bullhorn' }}" style="color:#0097c4"></i>
        {{ isset($notice) ? 'Edit Notice' : 'Post New Notice' }}
    </h1>
    <a href="{{ route('notices.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Back</a>
</div>

<div class="card" style="max-width:650px;">
    <div class="card-header"><i class="fas fa-bullhorn"></i> Notice Details</div>
    <div class="card-body">
        <form method="POST" action="{{ isset($notice) ? route('notices.update', $notice) : route('notices.store') }}">
            @csrf
            @if(isset($notice)) @method('PUT') @endif

            <div class="form-group">
                <label class="form-label">Title *</label>
                <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
                       value="{{ old('title', $notice->title ?? '') }}" placeholder="Notice title..." required>
                @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="form-group">
                <label class="form-label">Content *</label>
                <textarea name="content" rows="6" class="form-control @error('content') is-invalid @enderror"
                          placeholder="Write the notice content here..." required>{{ old('content', $notice->content ?? '') }}</textarea>
                @error('content')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Published Date *</label>
                    <input type="date" name="published_date" class="form-control"
                           value="{{ old('published_date', isset($notice) ? $notice->published_date->format('Y-m-d') : today()->format('Y-m-d')) }}" required>
                </div>
                <div class="form-group" style="display:flex;align-items:flex-end;padding-bottom:2px;">
                    <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:0.875rem;font-weight:500;">
                        <input type="hidden" name="is_active" value="0">
                        <input type="checkbox" name="is_active" value="1"
                               {{ old('is_active', $notice->is_active ?? true) ? 'checked' : '' }}
                               style="width:16px;height:16px;accent-color:#0097c4;">
                        Active (visible on dashboard)
                    </label>
                </div>
            </div>

            <div class="flex gap-2 mt-4">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> {{ isset($notice) ? 'Update Notice' : 'Publish Notice' }}
                </button>
                <a href="{{ route('notices.index') }}" class="btn btn-secondary"><i class="fas fa-times"></i> Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection