@extends('front.layout.app')
@section('content')
    @php $settingArr = settingArr(); @endphp
    @php echo cms_edit_page('cms',$custom->id); @endphp
    

		<section class="breadcrumb-section">
        <div class="container-auto">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-12">
                    <div class="page-title">
                        <h1>CUSTOM</h1>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-12">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ base_url() }}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Custom</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>

<main id="main"> 


		<!--Collection Start-->
		<div class="aboutWrp">
			 		<div class="container">

			 			<div class="row">
			 			    
			 			    <div class="col-lg-6">
			 			        
			 					<!--<div class="aboutimg"><img src="{{ asset_uploads('') . 'module/cms/' . $custom->featured_img }}" alt="{{ $custom->featured_img_alt }}"></div>-->
			 					
			 					
			 					<section class="slider">
        <div id="slider" class="flexslider">
          <ul class="slides">
              @foreach($cmsModuleDataImages as $images)
            <li>
  	    	    <img src="{{ $images->thumb }}" />
  	    		</li>
  	    	@endforeach 
          </ul>
        </div>
        <div id="carousel" class="flexslider">
          <ul class="slides">
            @foreach($cmsModuleDataImages as $images)
            <li>
  	    	    <img src="{{ $images->thumb }}" />
  	    		</li>
  	    	@endforeach
  	    	
            
          </ul>
        </div>
      </section>
      
      
      
			 					
			 				</div>
			 				
			 				
			 				
			 				
			 				<div class="col-lg-6"> 
			 			

                             @php echo adjustUrl($custom->content) @endphp


			 				</div>
			 				
			 			</div>

			  </div>
			 </div>
  <!--Collection End-->
			 

 
		</main>



    <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