@extends('app')

@section('breadcrumbs')
    {!!Breadcrumbs::render('home.calendar')!!}
@endsection

@section('content')
	<div class="container">
		<div class="page-header">
            <h1>
                Agenda
            </h1>
        </div>
        <h1 class="text-center" id="date-calendar">
        	
        </h1>
        

		<div class="row">
			<div class="col col-xs-10 col-xs-offset-1">
				<div class="row">
					<div class="col">
						<div id="calendar"></div>		
					</div>
				</div>
				<div class="row" style="margin-top:1%">
					<div class="col col-xs-6">
						<div id="buttons" class="btn-group" style="float:right">	 
							<button class="btn btn-default" data-calendar-nav="prev"><i class="fa fa-chevron-left"></i></button>
							<button class="btn btn-default" data-calendar-nav="today">Hoy</button>
							<button class="btn btn-default" data-calendar-nav="next"> <i class="fa fa-chevron-right"></i></button>				
						</div>
					</div>
					<div class="col col-xs-6">
						<div class="btn-group" >
							<button class="btn btn-default" data-calendar-view="year">Año</button>
							<button class="btn btn-default" data-calendar-view="month">Mes</button>
							<button class="btn btn-default" data-calendar-view="week">Semanal</button>
						</div>
					</div>	
				</div>
			</div>
		</div>
	</div>	 
@endsection

@section('modals')
	@include('calendar.partials.show_event')
@endsection

@section('script')
	{!! Html::script('http://maps.googleapis.com/maps/api/js') !!}
	{!! Html::script('js/vendor/moment/moment.min.js') !!}
	{!! Html::script('js/vendor/moment/moment-timezone-with-data.min.js') !!}
	{!! Html::script("js/vendor/bootstrap-calendar/underscore.js") !!}
	{!! Html::script("js/vendor/bootstrap-calendar/calendar.js") !!}
	{!! Html::script("js/vendor/bootstrap-calendar/es-MX.js") !!}
	{!! Html::script('js/calendar/index.js') !!}
@endsection

@section('style')
	<link rel="stylesheet" href="/css/vendor/bootstrap-calendar/calendar.css">
@endsection