@extends('layouts.app')

@section('title', 'Settings')

@section('page-wrapper')
    <div class="page-header d-print-none">
        <div class="container-fluid">
            <div class="row g-2 align-items-center">
                <div class="col">
                    <h2 class="page-title">
                        Settings
                    </h2>
                </div>
            </div>
        </div>
    </div>

    <div class="page-body">
        <div class="container-fluid">
            <div class="card">
                <div class="row">
                    @include('settings.setting-items')
                    <div class="col-12 col-md-9 d-flex flex-column ps-0">
                        <form id="termsAndConditionsForm" class="border-start"
                            action="{{ route('general.terms.conditions.update') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="card-body">
                                <h2 class="mb-4">Terms and Conditions</h2>
                                <!-- Coupon Expiry Time -->
                                <div class="row">
                                    <div class="mb-1 col-12">
                                        <label for="terms_and_conditions" class="form-label">Terms and Conditions</label>
                                        <textarea placeholder="Enter terms and conditions" id="terms_and_conditions" name="terms_and_conditions">{!! old('terms_and_conditions', $settings['terms_and_conditions'] ?? '') !!}</textarea>
                                        @error('terms_and_conditions')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary me-3">Save</button>
                                <a href="{{ url()->previous() }}" class="btn">Cancel</a>
                            </div>
                            {{-- <div class="card-body bg-transparent mt-auto d-flex gap-3">
                                <div class="btn-list justify-content-end">
                                    <button type="submit" class="btn btn-primary me-2" id="submitBtn">Save</button>
                                    <a href="{{ url()->previous() }}" class="btn">
                                        Cancel
                                    </a>
                                </div>
                            </div> --}}
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if (session('success') === 'Terms and conditions updated successfully!')
        <script>
            // Ensure this code runs after the page is loaded
            document.addEventListener('DOMContentLoaded', function() {
                showSuccessMessage("Terms and conditions updated successfully!");
            });
        </script>
    @endif
@endsection

@section('scripts')
    <script>
        // @formatter:off
        document.addEventListener("DOMContentLoaded", function() {
            let options = {
                selector: '#terms_and_conditions',
                height: 400,
                menubar: false,
                statusbar: false,
                plugins: [
                    'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview', 'anchor',
                    'searchreplace', 'visualblocks', 'code', 'fullscreen', 'insertdatetime', 'media',
                    'table', 'code', 'help', 'wordcount'
                ],
                toolbar: 'bold italic underline bullist numlist | alignleft aligncenter ' +
                    'alignright alignjustify | outdent indent | ' +
                    'undo redo | ' +
                    'removeformat fullscreen | blocks',
                content_style: 'body { font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }'
            }
            if (localStorage.getItem("tablerTheme") === 'dark') {
                options.skin = 'oxide-dark';
                options.content_css = 'dark';
            }
            tinyMCE.init(options);
        })
        // @formatter:on
    </script>
@endsection