@extends('frontend.layouts.app')
@section('content')
<style type="text/css">
	.Litheader {
		color: #18AA38;
		font-family: 'Roboto Condensed' ,Arial, sans-serif;
		font-weight: bold;
		font-size: 28px;
		border-bottom: 2px solid #2C6700;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}
	.form-control{
		font-size: 12px!important;
	}
    .gallery {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-width: 33%;
        -moz-column-width: 33%;
        column-width: 33%; 
    }
    .gallery .pics {
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease; }
        .gallery .animation {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); 
    }

    @media (max-width: 450px) {
        .gallery {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-width: 100%;
            -moz-column-width: 100%;
            column-width: 100%;
        }
    }

    @media (max-width: 400px) {
        .btn.filter {
            padding-left: 1.1rem;
            padding-right: 1.1rem;
        }
    }

    .galley-a-tag{
        font-size: 12px;
        color: #000;
    }
    .galley-a-tag:hover {
        color: #6aad46;
        text-decoration: none;
    }
</style>
<div class="Litheader">
	Flight Schedule For {{ $data->tournament_name }}
</div>
<div class="row" id="gallery">
	@if(sizeof($model) > 0)
	@foreach ($model as $element)
	<div class="col-md-4" style=" text-align: center; ">
		@if($element->image)
		    <a href="{{ route('tournamnetFlightScheduleDetailsView',$element->id) }}" class="">
                <img class="" src="{{ asset($element->image) }}" style="width: 100%;cursor: pointer;height: 180px;">
                <!-- <iframe height="153px" width="100%" src="{{ asset($element->image) }}"></iframe>	 -->
            </a>
		@else
            <a href="{{ route('tournamnetFlightScheduleDetailsView',$element->id) }}" class="">
                <iframe height="180px" width="100%" src="{{ asset($element->attachment_url) }}"></iframe>	
            </a>
        @endif
        <a href="{{ route('tournamnetFlightScheduleDetailsView',$element->id) }}"class="galley-a-tag" style=" display: inline-table; ">{{ date('d F Y',strtotime($element->dateno)) }}</a>
	</div>

  	@endforeach
	@endif
  <!-- Grid column -->
</div>
<div style="margin-top: -1px;float: right;margin-right: -1px;">
	{{ $model->links() }}
</div>
@endsection

@section('before_body_end')
@endsection