@extends('principal::master')


@section('title')
	Home
@stop

@section('content')
<div class="container-fluid slider-container">
  <div class="container">
    <div class="row">
      <div class="col-xs-5">
        <div class="text-container">
          <h3>{{ $welcome_message->title }}</h3>
          {{ $welcome_message->full_text }}
          <p>It is now easier than ever before to sign up for the East Cape Dorado Shoot Out. Just click <a href="http://doradoshootout.com/registration-form">here <i class="fa fa-external-link"></i></a>.</p>
        </div>
      </div>
      <div class="col-xs-7">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">
          	@foreach($slider as $item)
          		@if($item->type == 'image')
	          		<div class="item {{ $slider[0] == $item? 'active':'' }}">
	          			<img src="{{ $item->resource }}" >
	          			@if(!empty($item->title))
	          				<div class="carousel-caption">{{ $item->title }} </div>
	          			@endif
	          		</div>
	          	@endif
	        @endforeach
          </div>

          <!-- Controls -->
          <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container-fluid others-dorado">
  <div class="container">
    <div class="row">
      <div class="col-xs-9">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">

        </div>
    </div>
  </div>
  </div>
    <!--<div class="row">
      <div class="col-md-12">
        <h3>VIDEO DORADO SHOOT OUT 2019</h3>

        <div class="embed-responsive embed-responsive-4by3">-->
          <!--<iframe  class="embed-responsive-item"  src="https://www.youtube.com/embed/HsSEZOpStpY" frameborder="0" allowfullscreen></iframe>-->
          <!--<video  controls style="width: 100%;" poster="/torneos/2019/67498217_2308459639375580_5911515509299347456_n.jpg">
              <source src="/torneos/2019/video.mp4" type="video/mp4">
              Your browser does not support the video tag.
            </video>
          <hr>
        </div>
      </div>
    </div>-->
    <div class="row">
        <div class="col-xs-10 col-xs-offset-1">
        <iframe width="100%" height="400" src="https://www.youtube.com/embed/a3wR3g2GlrE?si=8oQytCEakFLJd2Tr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen
        >
        </iframe>
        </div>
    </div>
    <div class="row">
      <div class="col-xs-10 col-xs-offset-1">
        <br>
        <h3>Others Dorado Shoot Out</h3>
        <div class="row">
          @foreach($news as $gallery)
          <div class="col-xs-4 item">
            <a class="title green" href="{{ route('gallery', $gallery->id) }}">{{ $gallery->title }}</a>
            <a href="{{ route('gallery', $gallery->id) }}" class="image"><img src="{{ $gallery->gallery[0]->resource }}"></a>
            <a href="{{ route('gallery', $gallery->id) }}" class="description">{{ $gallery->intro_text }}</a>
          </div>
        @endforeach
        	@foreach($galleries as $gallery)
				<div class="col-xs-4 item">
					<a class="title green" href="{{ route('gallery', $gallery->id) }}">{{ $gallery->title }}</a>
					<a href="{{ route('gallery', $gallery->id) }}" class="image"><img src="{{ $gallery->gallery[0]->resource }}"></a>
					<a href="{{ route('gallery', $gallery->id) }}" class="description">{{ $gallery->intro_text }}</a>
				</div>
			@endforeach
        </div>
          <img src="https://doradoshootout.com/browser_files/dorado_shoot_out_2024.jpeg" class="img-responsive">
      </div>
      <div class="col-xs-3">

      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
        <img src="{{ asset('frontend/img/THANK-YOU-SPONSORS-SMALL.jpg') }}" class="img-responsive">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
@stop
@section('scripts')

@stop