@extends('backend.layouts.app')

@section('title', 'Website Settings')

@section('content')
<div class="container mt-4">
    <h3>Force Majeure & Agreement Terms</h3>

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

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

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

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

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

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

        <div class="mb-3">
            <label class="form-label">Subheading 2</label>
            <input type="text" name="subheading2" class="form-control"
                   value="{{ old('subheading2', $term->subheading2 ?? '') }}">
        </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>