@extends('front.front_layouts.main')

@section('content')
<style>
    .ql-hidden {
        visibility: hidden !important;
    }
</style>
<section class="top-section about mb-0">
    <div class="container">
        <div class="header mb-4">
            <h2 class="title">
                {{--<img class="ml-2 icon" src="{{ asset('front_asset/assets/images/icons/information.png') }}" alt="">--}}
                {{ $page->name }}</h2>
            <div class="line mx-0 w-75"></div>
        </div>
        <div class="row">
            @if($page->image)
            <div class="col-lg-8">
                {!! $page->description !!}
            </div>
            <div class="col-lg-4 mt-4 mt-lg-0 text-center">
                <img data-src="{{ $page->image_url }}" alt="" class="img-fluid lazyload">
            </div>
            @else
                <div class="col-lg-12">
                    {!! $page->description !!}
                </div>
            @endif
        </div>
    </div>
</section>
    @push('script')
        <script>
            var editableElements = document.querySelectorAll("[contenteditable=true]");

            for (var i = 0; i < editableElements.length; ++i) {
                editableElements[i].setAttribute("contenteditable", false);
            }
        </script>
    @endpush

@endsection