@extends('layouts.masterHome')
@section('welcomePage')
<div class="slider-container">
  <div class="owl-carousel owl-carousel1 owl-theme">
     @foreach ($imageName as $indexKey => $name)
        @if($name)
        <div class="item slider-item">
            <div class="image" style="background-image: url('/upload/carousel/{{$name[0][0].'.'.$name[0][1]}}');">
                <div class="overlay"></div>
                <div class="text-content">
                   <h1>Dive into an ocean full of history</h1>
                </div>
            </div>
        </div>
        @endif
    @endforeach
     
  </div>
</div>
<div class="section-container">
    <div class="section-content intro">
      @if($aboutGirt)
        <div class="text-content">

            <span>GIRT Introductory </span>
            <h2>{{$aboutGirt->title}}</h2>
            <p>
                           </p>
            <div class="btn-content">
                <a href="/aboutgirt" class="girt-btn">read more <i></i></a>
            </div>
            
        </div>

        <div class="vedio-content">
          <div class="col-sm-9">
                                                
            <video controls width="450">
                 
             <video controls width="450">
                 <source src="{{$aboutGirt->path}}{{$aboutGirt->video_name}}"
                        type="video/webm">
                <source src="{{$aboutGirt->path}}{{$aboutGirt->video_name}}"
                        type="video/mp4">
            </video>
            </div>

            <!-- <video width="100%" controls poster="{{ asset('image/site-images/videos-poster.jpg') }}">
                </video> -->
               
            </div>
            
        </div>
        @endif
    </div>
</div>
<!-- <div class="section-container background-grey">
    <div class="section-content news">
        <h1 class="header">Latest News</h1>
        @foreach ($news as $indexKey => $newsManager)
          @if($indexKey <= 2)
          <div class="news-col">
              <div class="image" style="background-image: url('{{ $newsManager->path}}{{$newsManager->image_name }}');"></div>
              <h3>{{ $newsManager->title }} </h3>
              <div class="btn-content">
                  <a href="/girtnews" class="girt-btn">read more <i></i></a>
              </div>
          </div>
          @endif
        @endforeach  
       
    </div> -->
<!-- </div>
    <div class="section-container-flex">
        <div class="section-content-flex">
            <div class="members">
                <h1 class="header">Members</h1>
                <div class="member-content">
                                            {{$users}}

                    <div class="owl-carousel owl-carousel2 owl-theme">
                               
                        </div>
                    </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
    </div> -->

<!-- 
    <div class="section-container-flex background-grey">
        <div class="section-content-flex">
            <div class="sponsors">
                <h1 class="header">Sponsors</h1>
                <div class="sponsors-content">
                    <div class="owl-carousel owl-carousel3 owl-theme">
                       @foreach ($sponsors as $indexKey => $sponsor)
                         @if($sponsor)
                          <div class="item">
                              <a href="http://{{$sponsor->link}}">
                                  <img src="{{ asset($sponsor->logo_url) }}">
                              </a>
                          </div>
                           <img src="{{ asset($sponsor->logo_url) }}" alt="" id="img_prev">
                           <img src="{{ asset($sponsor->logo_path) }}" alt="" id="img_prev">
                           <img src="{{ asset($sponsor->logo_url) }}" alt="" id="img_prev">
                           <img src="{{ asset($sponsor->logo_url) }}" alt="" id="img_prev">

                          @endif
                         @endforeach


                    </div>
                </div>
            </div>
        </div>
    </div> -->
@endsection