@extends('_version_01.iot.layouts.admin')
@section('content')

            @include('_version_01.iot.layouts.partials._alert')
            <div class="row clearfix">
                <div class="col-md-12 col-lg-4 col-xl-4">
                    <div class="card">
                        <div class="body">
                            <a href="{{action($page_variables['new_file_link'],  ['request_type' => $request_type])}}" type="button" class="btn btn-primary btn-sm">Add Events</a>
                            <button class="btn btn-simple btn-sm btn-primary m-t-0 float-right d-lg-none" data-toggle="collapse" data-target="#open-events" aria-expanded="false" aria-controls="collapseExample"><i class="fa fa-chevron-down"></i></button>
                        </div>
                    </div>
                    <div class="collapse-xs collapse-sm collapse show" id="open-events">
                        <div class="card">
                            <div class="header">
                                <h2><strong>Recent Event</strong> </h2>
                                <ul class="header-dropdown">
                                <li class="dropdown">
                                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
                                    <ul class="dropdown-menu dropdown-menu-right">
                                        <li><a href="javascript:void(0);">Action</a></li>
                                        <li><a href="javascript:void(0);">Another Action</a></li>
                                        <li><a href="javascript:void(0);">Something else</a></li>
                                    </ul>
                                </li>
                            </ul>                        
                            </div>
                            <div class="body">

                            	@if(count($events) > 0 )
                            		@foreach($events as $event)
	                            		@php

	                            		@endphp
		                                <div class="event-name b-{{$event['tag_color']}} row">
		                                    <div class="col-date text-center">
		                                        <h4>09<span>Dec</span><span>2017</span></h4>
		                                    </div>
		                                    <div class="col-name">
		                                        <h6>{{ $event['title'] }}</h6>
		                                        <p>{{ $event['content'] }}</p>
		                                        <address>{{ $event['location'] }}</address>
		                                    </div>
		                                </div>
		                            @endforeach
                            	@else
                            		<section>
	                                    <p>
	                            			<strong>Do not have event.</strong>
	                            		</p>
                            		</section>
                            	@endif

                            	


                                <!-- <div class="event-name b-greensea row">
                                    <div class="col-date text-center">
                                        <h4>16<span>Dec</span><span>2017</span></h4>
                                    </div>
                                    <div class="col-name">
                                        <h6>Repeating Event</h6>
                                        <p>It is a long established fact that a reader will be distracted</p>
                                        <address>123 6th St. Melbourne, FL 32904</address>
                                    </div>
                                </div>
                                <div class="event-name b-primary row">
                                    <div class="col-date text-center">
                                        <h4>11<span>Dec</span><span>2017</span></h4>
                                    </div>
                                    <div class="col-name">
                                        <h6>Conference</h6>
                                        <p>It is a long established fact that a reader will be distracted</p>
                                        <address>123 6th St. Melbourne, FL 32904</address>
                                    </div>
                                </div> -->
                            </div>
                        </div>
                        <!-- <div class="card">
                            <div class="header">
                                <h2><strong>Activity</strong></h2>
                                <ul class="header-dropdown">
                                <li class="dropdown">
                                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
                                    <ul class="dropdown-menu dropdown-menu-right">
                                        <li><a href="javascript:void(0);">Action</a></li>
                                        <li><a href="javascript:void(0);">Another Action</a></li>
                                        <li><a href="javascript:void(0);">Something else</a></li>
                                    </ul>
                                </li>
                            </ul>                        
                            </div>
                            <div class="body">                                                    
                                <div class="event-name b-primary row">
                                    <div class="col-date text-center">
                                        <h4>13<span>Dec</span><span>2017</span></h4>
                                    </div>
                                    <div class="col-name">
                                        <h6>Birthday</h6>
                                        <p>It is a long established fact that a reader will be distracted</p>
                                        <address>123 6th St. Melbourne, FL 32904</address>
                                    </div>
                                </div>
                            </div>
                        </div>   -->              
                    </div>
                </div>
                <div class="col-md-12 col-lg-8 col-xl-8">
                    <div class="card">
                        <div class="body">
                            <div id="calendar"></div>
                        </div>
                    </div>
                </div>
            </div>




				

@endsection
@section('script')
@endsection