@extends('front.layout.app')
@section('content')
    @php $settingArr = settingArr(); @endphp
    @php echo cms_edit_page('cms',$about->id); @endphp
    		<!-- Breadcrumbs start -->
		 <section class="breadcrumbs-wrap">
		 	<div class="container">
		 		<h1>  {!! cms_page_heading('About Us') !!}</h1>
		 	</div>
		 </section>
		<!-- Breadcrumbs end --> 

    <main id="main">

			<section class="pagecontent-wrap">
		 	<div class="container">
{{-- @php echo cms_page_content($about->content); @endphp --}}
            {!! $about->content !!}
		 	</div>
		 </section>

		</main>

@endsection
@section('beforeBodyClose')
    <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center row" id="videoContainer"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $("#videoModal").on('hidden.bs.modal', function(e) {
            $("#videoModal iframe").attr("src", '');
            $("#videoModal video").attr("src", '');
            $("#videoContainer").html('');
        });

        function showModuleVideoModal(video) {
            var htmlStr = `${video}`;
            $('#videoContainer').html(htmlStr);
            $('#videoModal').modal('show');
        }
    </script>
@endsection