@extends('backend.layouts.main')

@section('content')
    <x-admin.page.view heading="Create Announcement" card cardClass="mt-3 p-3" backLink="{{ route('admin.announcements') }}">
        <form action="{{ route('admin.announcements.store') }}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-12 col-md-10 col-lg-8">
                    <x-admin.form.groups-select
                        label="Select User Groups"
                        name="groups"
                        id="groups-add"
                        class="mb-2"
                    />
                    <x-admin.form.field
                        label="Title"
                        placeholder="Enter title here"
                        id="title"
                        class="mb-2"
                    />
                    <x-admin.form.field
                        label="Write Announcement"
                        placeholder="Write your announcement"
                        id="description"
                        type="textarea"
                        class="mb-2"
                    />
                    <div class="text-right">
                        <x-admin.form.button type="submit">
                            Add
                        </x-admin.form.button>
                    </div>
                </div>
            </div>
        </form>
    </x-admin.page.view>
@endsection