@extends('layouts.website')

@section('page_title', 'Investor information | Grindrod Limited')
@section('metaDescription', "SENS ANNOUNCEMENTS.")

@section('content')
        @if(session()->has('success'))
            <script>
                            
                window.scrollTo({
                    top: 400,
                    behavior: 'smooth'
                });
                        
            </script>
            <div class = "d-flex justify-content-center mt-4">
                <div class="alert alert-warning col-md-4" role="alert">
                    {{ session()->get('success') }}
                    </div>
            </div>
        @endif    
        
        @foreach($page_sections as $index => $page_section)

        {!! $page_section->section_content !!}
        
        @if($page_section->content_type == 'embeded video')
            <div class="embed-responsive embed-responsive-16by9" id="watch-video">
                <iframe class="embed-responsive-item" src="{{$page_section->embeded_video}}" allowfullscreen></iframe>
            </div>
         @endif

         @if($page_section->content_type == "csi_slider")
            <div id="csi-slider">
                <csi-slider  sectionid="{{$page_section->id}}"></csi-slider> 
            </div>
        @endif

        @if(count($page_section->tabs))