@extends('backend.layouts.app')

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

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

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

    <form action="{{ route('admin.scope-materials-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>

        @for($i=1; $i<=4; $i++)
            <div class="mb-3">
                <label class="form-label">Heading {{ $i }}</label>
                <input type="text" name="heading{{ $i }}" class="form-control"
                       value="{{ old('heading'.$i, $term->{'heading'.$i} ?? '') }}">
            </div>

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

        <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>