@extends('backend.layouts.app')
@section('title')
    Add New Notice
@endsection

@section('content')
    <div class="row">
        <div class="col-12 col-md-12">
            <div class="card">
                <h5 class="card-header">Add New Notice</h5>
                <div class="card-body">

                    <a href="{{ route('admin.notices.index') }}" class="btn btn-secondary mb-3">
                        <i class="bx bx-arrow-back me-1"></i> Back to all notices
                    </a>

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

                        <div class="row">
                            <div class="col-12 mb-4">
                                <label class="form-label">Notice Title <span class="text-danger">*</span></label>
                                <input type="text" name="notice_title" value="{{ old('notice_title') }}"
                                    class="form-control @error('notice_title') is-invalid @enderror"
                                    placeholder="Enter notice title">

                                @error('notice_title')
                                    <span class="invalid-feedback"><strong>{{ $message }}</strong></span>
                                @enderror
                            </div>

                            <div class="col-12 col-sm-4 mb-4">
                                <label class="form-label">Notice For <span class="text-danger">*</span></label>
                                <select name="notice_for" class="form-select @error('notice_for') is-invalid @enderror">

                                    <option value="HSC Program" {{ old('notice_for') == 'HSC Program' ? 'selected' : '' }}>
                                        HSC Program</option>
                                    <option value="Hon's Program"
                                        {{ old('notice_for') == "Hon's Program" ? 'selected' : '' }}>Hon's Program</option>
                                    <option value="Teacher&Staff"
                                        {{ old('notice_for') == 'Teacher&Staff' ? 'selected' : '' }}>Teacher&Staff</option>

                                </select>
                                @error('notice_for')
                                    <span class="invalid-feedback"><strong>{{ $message }}</strong></span>
                                @enderror
                            </div>

                            <div class="col-12 col-sm-4 mb-4">
                                <label class="form-label">Pinned To Home</label>
                                <select name="is_pinned" class="form-select">
                                    <option value="1" {{ old('is_pinned', 1) == 1 ? 'selected' : '' }}>Yes</option>
                                    <option value="0" {{ old('is_pinned') == 0 ? 'selected' : '' }}>No</option>
                                </select>
                            </div>

                            <div class="col-12 col-sm-4 mb-4" hidden>
                                <label class="form-label">File Type</label>
                                <select name="file_type" class="form-select">
                                    <option value="image" {{ old('file_type') == 'image' ? 'selected' : '' }}>Image
                                    </option>
                                    {{-- <option value="pdf" {{ old('file_type') == 'pdf' ? 'selected' : '' }}>PDF</option> --}}
                                </select>
                            </div>

                            <div class="col-12 col-sm-4 mb-4">
                                <label class="form-label">Active</label>
                                <select name="is_active" class="form-select">
                                    <option value="1" {{ old('is_active', 1) == 1 ? 'selected' : '' }}>Yes</option>
                                    <option value="0" {{ old('is_active') == 0 ? 'selected' : '' }}>No</option>
                                </select>
                            </div>

                            <div class="col-12 mb-4">
                                <label class="form-label">File <span class="text-danger">*</span></label>
                                <input type="file" name="file"
                                    class="form-control @error('file') is-invalid @enderror">

                                @error('file')
                                    <span class="invalid-feedback"><strong>{{ $message }}</strong></span>
                                @enderror
                            </div>

                            <div class="col-12">
                                <button class="btn btn-primary px-4" type="submit">Save</button>
                            </div>

                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
@endsection