@extends('layouts.master')
@section('page_title', 'Edit Announcement - '.$announcement->title)
@section('content')

    <div class="card">
        <div class="card-header header-elements-inline">
            <h6 class="card-title">Edit Announcement</h6>
            {!! Qs::getPanelOptions() !!}
        </div>

        <div class="card-body">
            <div class="row">
                <div class="col-md-8">
                    <form class="ajax-update" data-reload="#page-header" method="post" action="{{ route('announcements.update', $announcement->id) }}">
                        @csrf @method('PUT')
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Title <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <input name="title" value="{{ $announcement->title }}" required type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Message <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <textarea name="body" required rows="4" class="form-control">{{ $announcement->body }}</textarea>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Audience <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <select name="audience" required class="form-control select">
                                    <option {{ $announcement->audience == 'all' ? 'selected' : '' }} value="all">Everyone</option>
                                    <option {{ $announcement->audience == 'students' ? 'selected' : '' }} value="students">All Students</option>
                                    <option {{ $announcement->audience == 'parents' ? 'selected' : '' }} value="parents">All Parents</option>
                                    <option {{ $announcement->audience == 'teachers' ? 'selected' : '' }} value="teachers">All Teachers</option>
                                    <option {{ $announcement->audience == 'staff' ? 'selected' : '' }} value="staff">All Staff</option>
                                    <option {{ $announcement->audience == 'class' ? 'selected' : '' }} value="class">A Specific Class</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Class</label>
                            <div class="col-lg-9">
                                <select name="my_class_id" class="form-control select">
                                    <option value="">— Only used when Audience is "A Specific Class" —</option>
                                    @foreach($my_classes as $c)
                                        <option {{ $announcement->my_class_id == $c->id ? 'selected' : '' }} value="{{ $c->id }}">{{ $c->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Publish Date <span class="text-danger">*</span></label>
                            <div class="col-lg-9">
                                <input required autocomplete="off" name="publish_date" data-date-format="yyyy-mm-dd" value="{{ $announcement->publish_date }}" type="text" class="form-control date-pick">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Expiry Date</label>
                            <div class="col-lg-9">
                                <input autocomplete="off" name="expiry_date" data-date-format="yyyy-mm-dd" value="{{ $announcement->expiry_date }}" type="text" class="form-control date-pick" placeholder="Optional — leave blank to show indefinitely">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-lg-3 col-form-label font-weight-semibold">Pin to Top</label>
                            <div class="col-lg-9">
                                <label class="form-check">
                                    <input type="checkbox" name="pinned" value="1" {{ $announcement->pinned ? 'checked' : '' }} class="form-check-input-styled">
                                    Show above other announcements
                                </label>
                            </div>
                        </div>

                        <div class="text-right">
                            <button type="submit" class="btn btn-primary">Submit form <i class="icon-paperplane ml-2"></i></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection