@extends('backend.layouts.app')

@section('title', 'Edit Notice')

@section('content')

<div class="row">
    <div class="col-12 col-md-12">
        <div class="card">

            <h5 class="card-header">Edit 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.update', $notice->id) }}"
                      method="POST" enctype="multipart/form-data">

                    @csrf
                    @method('PUT')

                    <div class="row">

                        {{-- Notice Title --}}
                        <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', $notice->title) }}"
                                class="form-control @error('notice_title') is-invalid @enderror">

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

                        {{-- Notice For --}}
                        <div class="col-12 col-sm-3 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" {{ $notice->notice_for == 'HSC Program' ? 'selected' : '' }}>HSC Program</option>
                                <option value="Hon's Program" {{ $notice->notice_for == 'Hon's Program' ? 'selected' : '' }}>Hon's Program</option>
                                <option value="Teacher&Staff" {{ $notice->notice_for == 'Teacher&Staff' ? 'selected' : '' }}>Teacher&Staff</option>

                            </select>

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

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

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

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

                        {{-- Upload File --}}
                        <div class="col-12 mb-4">
                            <label class="form-label">Replace File (optional)</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>

                        {{-- Current File Preview --}}
                        <div class="col-12 mb-4">
                            <label class="form-label">Current File Preview:</label>

                            @if ($notice->file_path)

                                {{-- Image View --}}
                                @if ($notice->file_type === 'image')
                                    <img src="{{ asset($notice->file_path) }}"
                                         class="img-fluid rounded border mb-2"
                                         style="max-height: 300px;">
                                @endif

                                {{-- PDF View --}}
                                @if ($notice->file_type === 'pdf')
                                    <iframe src="{{ asset($notice->file_path) }}"
                                            style="width: 100%; height: 350px;"
                                            class="border rounded mb-2"></iframe>
                                @endif

                            @else
                                <p class="text-danger">No file uploaded.</p>
                            @endif
                        </div>

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

                    </div>

                </form>

            </div>
        </div>
    </div>
</div>

@endsection