@extends('backend.layouts.app')

@section('title', 'Website Settings')
@vite(['resources/css/app.css', 'resources/js/app.js'])
@section('content')
<div class="container mt-4">
    <h3>Financial Terms Settings</h3>

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

    <form action="{{ route('admin.financial-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">Description</label>
    <textarea id="description" name="description" class="form-control" rows="6">
        {{ old('description', $term->description ?? '') }}
    </textarea>
</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>
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
<script src="https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        if (document.querySelector('#description')) {
            CKEDITOR.replace('description', {
                height: 300
            });
        }
    });
</script>