@extends('website.layouts.app')

@section('content')

    <!-- ---------------------------About Us-SECTION----------------------------- -->
      <section id="term">
      <div class="container-fluid max_width">
        <div class="row d-flex justify-content-center">
          <div class="col-xxl-10 col-lg-11 col-md-12 col-12 my-5">
            <div class="top_title mb-3">
              <h2>{{ $aboutus->title ?? '' }}</h2>
            </div>
            <div class="term_condition">
              <p>
                {!! $aboutus->description ?? '' !!}

              </p>

            </div>
          </div>
        </div>
      </div>
    </section>
@endsection



@section('scriptJs')
@endsection

{{-- <script>
    document.addEventListener('DOMContentLoaded', function() {
        const profileInput = document.getElementById('profile_photo');

        document.querySelectorAll('.trigger-upload').forEach(el => {
            el.addEventListener('click', function() {
                profileInput.click();
            });
        });

        document.querySelector('.delete-photo')?.addEventListener('click', function() {
            // Optional: reset the file input and preview image
            profileInput.value = '';
            document.getElementById('profile_preview').src =
            '{{ asset('website/images/big-dp.png') }}';
        });

        // Optional: Preview selected image
        profileInput.addEventListener('change', function(e) {
            const file = e.target.files[0];
            if (file) {
                const reader = new FileReader();
                reader.onload = function(e) {
                    document.getElementById('profile_preview').src = e.target.result;
                };
                reader.readAsDataURL(file);
            }
        });
    });
</script> --}}