@extends('layouts.app')
@section('metades')
<meta name="description" content="{{ $data['metaDescription'] }}">
<meta name="author" content="{{ $data['metaTitle'] }}">
<meta name="keywords" content="{{ $data['metaKeyword'] }}">
@endsection
@section('title')
<title>{{ $data['title'] }}</title>
@endsection
@section('css')
@endsection
@section('content')
<div class=" ipBanner innerbanner012">
    <div class="bannerImage"><img src="{{ asset('images/eventbanner01.jpg') }}" alt="eventbanner01.jpg" style="width:100%; height:auto;">

    </div>
</div>


<section class="event_section01">
	<div class="titleBox my-3">
            <h3>events</h3>
        </div>
    <div class="container">
		<div class="row">
				@foreach ($data['moduleItems'] as $item)
                        @if (count($item['dynamicSections']) > 0)
                        @foreach ($item['dynamicSections'] as $dynamicSection)
				@if($i == 0)	
					
				<div class="col-md-12">
					<div class="event-area d-flex align-items-center justify-content-center" style="background-image: url({{ $dynamicSection['image'] }})">
						<img src="">
						<div class="event-details">
							<h2>{{ $dynamicSection['title'] }}</h2>
							<span>{!! $dynamicSection['link'] !!}</span>
							{!! $dynamicSection['description'] !!}
							<!--<a href="">Book Now</a>-->
						</div>
					</div>
				</div>
				@endif
				@if($i != 0)	
					<div class="col-md-6 mt-4">
					<div class="event-area d-flex align-items-center justify-content-center" style="background-image: url({{ $dynamicSection['image'] }})">
						<img src="">
						<div class="event-details innerbox">
							<h2>{{ $dynamicSection['title'] }}</h2>
						<span>{!! $dynamicSection['link'] !!}</span>
							{!! $dynamicSection['description'] !!}
							<!--<a href="">Book Now</a>-->
						</div>
					</div>
				</div>
				@endif
							@endforeach
        @endif
    @endforeach
		    <!--<div class="col-md-6 mt-4">
		    	<div class="event-area d-flex align-items-center justify-content-center">
		    		<img src="">
		    		<div class="event-details innerbox">
		    			<h2>family tennis tournament</h2>
		    			<span>july 24- august 2</span>
		    			<p>Salt Lake Stadium, Gate No.3 (Stadel Gate, Broadway Rd, Sector III, Bidhannagar, Kolkata, West Bengal 700106</p>
		    			<a href="">Book Now</a>
		    		</div>
		    	</div>
		    </div>-->
		</div>


        <!--<div class="evetopsrch">
            <div class="evesrch">
                <i class="ti-search"></i>
                <input type="text" name="" placeholder="search">
                <button>Find Events</button>
            </div>
            <div class="sched89">
                <ul class="tabs">
                    <li class="active">EV</li>
                    <li>EN</li>
                    <li>TS</li>
                </ul>
            </div>
        </div>-->
        <!--<div class="eventcont45">
            <div class="daterow5684">
                <div class="calenderbox456">
                    <a href="" class="curnt45">Today</a>
                    <div class="datepicgrp">
                        <div id="datepicker" class="input-group date datepick89" data-date-format="mm-dd-yyyy">
                            <input class="form-control" type="date" />
                            <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                        </div>
                        <strong>To</strong>
                        <div id="datepicker2" class="input-group date datepick89" data-date-format="mm-dd-yyyy">
                            <input class="form-control" type="date" />
                            <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                        </div>
                    </div>
                    <button class="srchbtn546">Search Events</button>
                </div>
            </div>-->
       <!--     <div class="tab_content active">
                <div class="evecontainer156">
                    <div class="event_wrap25">
                        <div class="caldate45">
                            <span> <small>Events</small></span>
                        </div>
                        @foreach ($data['moduleItems'] as $item)
                        @if (count($item['dynamicSections']) > 0)
                        @foreach ($item['dynamicSections'] as $dynamicSection)
                        <div class="eventinfo99">
                            <div class="row">
                                <div class="col-lg-2 col-md-3">
                                    <div class="datecl45">
                                        {!! $dynamicSection['cssClass'] !!}
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-5">
                                    <div class="eveinfo99">
                                        <div class="datetodat">
                                            {!! $dynamicSection['link'] !!}
                                        </div>
                                        <h3 class="gametitle">
                                            <a href="{{ url('/event-details') }}/{{ $dynamicSection['slug'] }}">
                                                {{ $dynamicSection['title'] }}
                                            </a>
                                        </h3>
                                        <div class="place4587">
                                            {!! $dynamicSection['description'] !!}
                                        </div>
                                        <p>{{ $dynamicSection['longDescription'] }}</p>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-4">
                                    <div class="placeimg45">
                                        <img src="{{ $dynamicSection['image'] }}" alt="turf2">
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                        @endif
                        @endforeach
                        {{-- <div class="eventinfo99">
                            <div class="row">
                                <div class="col-lg-2 col-md-3">
                                    <div class="datecl45">
                                        <span class="day">SUN</span>
                                        <strong class="date">24</strong>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-5">
                                    <div class="eveinfo99">
                                        <div class="datetodat">
                                            <span>July 24</span> -
                                            <span>August 2</span>
                                        </div>
                                        <h3 class="gametitle">
                                            <a href="#">
                                        Family Tennis Tournament
                                    </a>
                                        </h3>
                                        <div class="place4587">
                                            <strong>Tennis Today</strong>
                                            <span> 11301 West Olympic,, Los Angeles</span>
                                        </div>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-4">
                                    <div class="placeimg45">
                                        <img src="{{asset('images/turf2.jpg')}}" alt="turf2">
                    </div>
                </div>
            </div>
        </div>
        <div class="eventinfo99">
            <div class="row">
                <div class="col-lg-2 col-md-3">
                    <div class="datecl45">
                        <span class="day">SUN</span>
                        <strong class="date">24</strong>
                    </div>
                </div>
                <div class="col-lg-6 col-md-5">
                    <div class="eveinfo99">
                        <div class="datetodat">
                            <span>July 24</span> -
                            <span>August 2</span>
                        </div>
                        <h3 class="gametitle">
                            <a href="#">
                                Family Tennis Tournament
                            </a>
                        </h3>
                        <div class="place4587">
                            <strong>Tennis Today</strong>
                            <span> 11301 West Olympic,, Los Angeles</span>
                        </div>
                        <p>
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
                        </p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="placeimg45">
                        <img src="{{asset('images/turf2.jpg')}}" alt="turf2">
                    </div>
                </div>
            </div>
        </div> --}}
        {{-- </div> --}}
        {{-- <div class="event_wrap25">
                        <div class="caldate45">
                            <span>JUNE <small>2022</small></span>
                        </div> --}}
        {{-- <div class="eventinfo99">
                            <div class="row">
                                <div class="col-lg-2 col-md-3">
                                    <div class="datecl45">
                                        <span class="day">SUN</span>
                                        <strong class="date">24</strong>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-5">
                                    <div class="eveinfo99">
                                        <div class="datetodat">
                                            <span>July 24</span> -
                                            <span>August 2</span>
                                        </div>
                                        <h3 class="gametitle">
                                            <a href="#">
                                        Family Tennis Tournament
                                    </a>
                                        </h3>
                                        <div class="place4587">
                                            <strong>Tennis Today</strong>
                                            <span> 11301 West Olympic,, Los Angeles</span>
                                        </div>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-4">
                                    <div class="placeimg45">
                                        <img src="{{asset('images/turf2.jpg')}}" alt="turf2">
    </div>
    </div>
    </div>
    </div>
    <div class="eventinfo99">
        <div class="row">
            <div class="col-lg-2 col-md-3">
                <div class="datecl45">
                    <span class="day">SUN</span>
                    <strong class="date">24</strong>
                </div>
            </div>
            <div class="col-lg-6 col-md-5">
                <div class="eveinfo99">
                    <div class="datetodat">
                        <span>July 24</span> -
                        <span>August 2</span>
                    </div>
                    <h3 class="gametitle">
                        <a href="#">
                            Family Tennis Tournament
                        </a>
                    </h3>
                    <div class="place4587">
                        <strong>Tennis Today</strong>
                        <span> 11301 West Olympic,, Los Angeles</span>
                    </div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
                    </p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4">
                <div class="placeimg45">
                    <img src="{{asset('images/turf2.jpg')}}" alt="turf2">
                </div>
            </div>
        </div>
    </div>
    <div class="eventinfo99">
        <div class="row">
            <div class="col-lg-2 col-md-3">
                <div class="datecl45">
                    <span class="day">SUN</span>
                    <strong class="date">24</strong>
                </div>
            </div>
            <div class="col-lg-6 col-md-5">
                <div class="eveinfo99">
                    <div class="datetodat">
                        <span>July 24</span> -
                        <span>August 2</span>
                    </div>
                    <h3 class="gametitle">
                        <a href="#">
                            Family Tennis Tournament
                        </a>
                    </h3>
                    <div class="place4587">
                        <strong>Tennis Today</strong>
                        <span> 11301 West Olympic,, Los Angeles</span>
                    </div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
                    </p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4">
                <div class="placeimg45">
                    <img src="{{asset('images/turf2.jpg')}}" alt="turf2">
                </div>
            </div>
        </div>
    </div> --}}
    </div>
    <div class="evennext458">
        <!-<a href=""><i class="ti-angle-left"></i>Previous Events</a> -->
        <!-- <a href="">NEXT EVENTS <i class="ti-angle-right"></i></a> -->
    </div>
    </div>
    </div>
    <div class="tab_content ">
        <div class="event_wrap25">
            <table class="month_event569">
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
                <tr>
                    <td></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="tab_content">
        <div class="event_wrap25">
        </div>
    </div>
    </div>
    </div>
	
	
	
	<div class="turfPopup" id="turfAllPopup">
    <div class="tpHead">Choose Your Venue </div>
    <span class="closePopup">X</span>
    @if (!empty($propertyDetails) && count($propertyDetails) > 0)
    <div class="booklist5879">
        <ul class="turfsList">
            @foreach ($propertyDetails as $ik => $dynamicSection)
            <li>
                <a href="{{route('booking')}}/{{$dynamicSection['slug']}}">
                    <img src="{{ $dynamicSection['icon'] }}">
                    <p class="taddress">{{ $dynamicSection['name'] }}</p>
                </a>
            </li>
            @endforeach
        </ul>
    </div>
    @endif
</div>
	
	
</section>
@endsection
@push('scripts')
<script type="text/javascript">
    $(document).ready(function() {
        $(function() {
            $("#datepicker").datepicker({
                autoclose: true,
                todayHighlight: true
            }).datepicker('update', new Date());
        });
        $(function() {
            $("#datepicker2").datepicker({
                autoclose: true,
                todayHighlight: true
            }).datepicker('update', new Date());
        });
    });
</script>
@endpush