@extends('frontend.layouts.app')
@section('content')
<style type="text/css">
.card-success>.card-header{
	background: #6AAD46;
	color: #fff;
}
.card-success{
	border-color: #6AAD46;
}
.tournament-title{
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #18aa38;
}
</style>
<div class="slider">
	@foreach ($sliders as $element)
	<img src="{{ asset($element->image_path) }}">
	@endforeach
	{{-- <img src="{{ asset('public/website/images/slider2.png') }}"> --}}
</div>
<span><marquee style="font-size: 18.6667px; color:#ff0000;">Flight Schedule of 4th Anwar Ispat-Anwar Cement Captain Cup Golf Tournament 19.</marquee></span>
<div class="card card-success">
	<h6 class="card-header">Welcome To Bhatiary Golf & Country Club</h6>
	<div class="card-body">
	
		<p class="card-text">{{substr($welcome_msg->welcome_message, 0, 400) }}.....</p>
		<a data-toggle="modal" data-target="#Events"  href="#Events" class="btn btn-sm btn-outline-success float-right">Read More</a>
		<div class="modal fade bs-modal-lg" id="Events" tabindex="-1" role="dialog" aria-hidden="true">
													<div class="modal-dialog modal-lg">
													<div class="modal-content">
													<div class="modal-header">
													<button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
													
													</div>
													<div class="modal-body">
												<h4 class="modal-title" style="text-align:center"> Welcome To Bhatiary Golf & Country Club</h4>
													<p>{{$welcome_msg->welcome_message}}<p/>
													
													</div>
													</div>
													</div>
													</div> 
	</div>
</div>
<br>
<div class="card card-success">
	<h5 class="card-header">Upcomming Tournament</h5>
	<div class="card-body">
		@if($upcoming_tournaments)
		@foreach($upcoming_tournaments as $upcoming_tour)
		<a href="{{ route('frontend.tournamentinfodetails') }}" class="tournament-title">{{$upcoming_tour->tour_name}}</a>
		@php
		$startDate = \Carbon\Carbon::create($upcoming_tour->tour_start);
		$endDate = \Carbon\Carbon::create($upcoming_tour->tour_end);
		$all_dates = array();
		while ($startDate->lte($endDate)){
			$all_dates[] = $startDate->format('d M y');
			$startDate->addDay();
		}
		$slot_dates = $all_dates;
		@endphp 
		{{--	<p> {{implode(', ', $slot_dates)}} <br> --}}<br>
	Online Registration open from {{date('d M Y h:i A', strtotime($upcoming_tour->registration_start))}} to {{date('d M Y h:i A', strtotime($upcoming_tour->registration_end))}}. </p>
	<!-- <a href="#" class="btn btn-sm btn-outline-success float-right">Read More</a> -->
	@if(!$loop->last)
	<hr />
	@endif
	{{--<p> {{$upcoming_tour->tdateno}} <br>--}}
		@endforeach
		@else
		<p class="text-warning">{{__('No tournament has been scheduled for upcoming!')}}</p>
		@endif
	</div>
</div>
<br>
<div id="handicap">        
	<div class="row">
	    <div class="col-md-4 col-sm-12  same-height">
	        <div class="check-handicap block_holder" style="height: 180px;">
	            <div class="img-holder">
	                <img src="{{asset('public/website/images/checkhandicap_icon1.png')}}" alt="Bangladesh Bhatiary Golf & Country Club">
	            </div>
	            <h3 class="check-handicap-title">
	               Tournament Registration
	            </h3>
	            <p>
	                Online Tournament Registration System</p>
	            <div class="">
	                <a id="ctl00_MainContent_ucHandicap_HyperLinks" class="btn btn-handicap" href="{{route('member.login')}}">Registration</a>
	            </div>
	        </div>
	    </div>
	    <div class="col-md-4 col-sm-12 same-height">
	        <div class="check-handicap block_holder " style="height: 180px;">
	            <div class="img-holder">
	                <img src="{{asset('public/website/images/checkhandicap_icon3.png')}}" alt="Bangladesh Bhatiary Golf & Country Club">
	            </div>
	            <h3 class="check-handicap-title">
	                Handicap Report
	            </h3>
	            <p>
	                Online BGF Handicap System</p>
	            <div class="">
	                <a id="ctl00_MainContent_ucHandicap_hyHandicap" class="btn btn-handicap" href="http://bgfhandicap.org.bd" target="_blank">Handicap</a>
	            </div>
	        </div>
	    </div>
	    
	    <div class="col-md-4 col-sm-12 same-height">
	        <div class="check-handicap block_holder" style="height: 180px;">
	            <div class="img-holder">
	                <img src="{{asset('public/images/icons/become-member.png')}}" style="height: 60px; width: auto;" alt="Bangladesh Bhatiary Golf & Country Club">
	            </div>
	            <h3 class="check-handicap-title">
	                Become Member
	            </h3>
	            
	            <p>
	                Apply for Memebership Online</p>
	            <div class="">
	                <a class="btn btn-handicap" href="{{route('become-member.personal-info')}}">Apply</a>
	            </div>
	        </div>
	    </div>
	</div>
</div>
<br /> <br />
@if($about_members)
	<div class="card card-success" style="margin-bottom: 15px;">
		<h5 class="card-header ">Management Committee</h5>				
	
		<div class="card-body" style="padding-bottom: 5px;">
		<div class="row member-slider">
			<div class="col-sm-12">
				<div class="owl-carousel owl-theme">
					@foreach($about_members as $member)
					<div class="item">
						<div class="mem-img" style="">
							@if(file_exists($member->image_path))
							<img src="{{asset($member->image_path)}}" alt="{{$member->name}}" />
							@else
							<img src="{{asset('public/images/no-image.jpg')}}" alt="{{$member->name}}" />
							@endif
						</div>
						<p class="mem-name">{{$member->name}}</p>
						<p class="mem-designation">{{$member->designation}}</p>
					</div>
					@endforeach
				</div>
			</div>
		</div>
		</div>
	</div>
@endif
@endsection

@section('before_body_end')
<script>
	$(document).ready(function(){
		$('.owl-carousel').owlCarousel({
			autoplay: 2000,
		    loop:true,
		    margin:10,
		    nav:true,
		    dots: false,
		    responsive:{
		        0:{
		            items:1
		        },
		        600:{
		            items:3
		        },
		        1000:{
		            items:3
		        }
		    }
		})
	});
</script>
@endsection