@extends('backend.layouts.app')

@section('title', 'Website Settings')
@section('content')
<div class="container mt-4">
    <h3>Important Notice</h3>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form action="{{ route('admin.important-notice.store') }}" method="POST">
        @csrf

        <div class="mb-3">
            <label class="form-label">Heading</label>
            <input type="text" name="heading" class="form-control"
                   value="{{ old('heading', $notice->heading ?? '') }}">
        </div>

        <div class="mb-3">
            <label class="form-label">Subheading</label>
            <input type="text" name="subheading" class="form-control"
                   value="{{ old('subheading', $notice->subheading ?? '') }}">
        </div>

        <button type="submit" class="btn btn-success">Save</button>
    </form>
</div>
@endsection

<style>
 .fl-wrapper[data-position$="-right"] {
    top: 0px !important; /* move it down */
    right: 20px !important; /* keep right aligned */
    z-index: 2050 !important; /* above header */
}

</style>