@extends('app')

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

@section('content')
	<div class="container" data-role="{{auth()->user()->role}}" id="main-container">
		<div class="page-header" >
			<div class="row">
				<div class="col col-xs-2">
					<h1>
                		Agenda
            		</h1>
				</div>
				@if(auth()->user()->role != 'executive')
	    			@if(auth()->user()->role == 'admin')
		        		<div class="col col-xs-4">
		        			<div class="form-group">
		        				{!!Form::label('management_id','Gerencia',['class' => 'label-control'])!!}
		        				{!!Form::select('management_id[]',App\Management::lists('name','id'),null,
		        					[
		        						'class' => 'form-control',
		        						'id' => 'management_id',
		        						'multiple' => 'multiple'
		        					])
		        				!!}
		        			</div>
						</div>
					@endif
	        		<div class="col col-xs-4">
	        			<div class="form-group">
	        				{!!Form::label('executive_id','Ejecutivo',['class' => 'label-control'])!!}
	        				@if(auth()->user()->role == 'manager')
		        				{!!Form::select('executive_id',
		        					[null=>'Todos los ejecutivos'] + 
		        					App\User::where('management_id',auth()->user()->management_id)->lists('employee_number','id')
		        					->all(),
		        					null,
		        					[
		        						'class' => 'form-control',
		        						'id' => 'executive_id'
		        					])
		        				!!}
	        				@else
		        				{!!Form::select('executive_id',
		        					[null => "Todos los ejecutivos" ] +
		        					App\User::lists('employee_number','id')->all()
		        					,
		        					null,
		        					[
		        						'class' => 'form-control',
		        						'id' => 'executive_id'
		        					])
		        				!!}
		        			@endif
	        			</div>
	        		</div>
	        		<div class="col col-xs-1">
	        			<div class="form-group">
	        				<br>
		        			<button class="btn btn-primary" id="filter-btn">
		        				<i class="fa fa-filter"></i>
		        				Filtrar
		        			</button>        				
	        			</div>
	        		</div>
	        		<div class="col col-xs-1">
	        			<br>
	        			<a class="btn btn-primary" href="{{action('CalendarController@index')}}">
	        				<i class="fa fa-eraser"></i>
	        				Borrar filtros
	        			</a>
	        		</div>
	        	@endif
        	</div>
        </div>

        <div class="alert alert-info" id="admin-filter-message" style="display: none">
            Seleccione un filtro para mostrar información
        </div>

        <div class="text-center">
        	<div class="row">
        		<div class="col-md-10 col-md-offset-1 text-right">
					<div class="btn-group" >
						<button class="btn btn-default change-view" data-calendar-view="month">Mes</button>
						<button class="btn btn-default change-view" data-calendar-view="week">Semanal</button>
        			</div>		
        		</div>
        	</div>
        	
        </div>
        
        <h1 class="text-center" id="date-calendar" >
        	
        </h1>
        <div class="text-center">
        	<div id="buttons" class="btn-group">	 
        		<button class="btn btn-default change-view-button" data-calendar-nav="prev"><i class="fa fa-chevron-left"></i></button>
        		<button class="btn btn-default change-view-button" data-calendar-nav="today">Hoy</button>
        		<button class="btn btn-default change-view-button" data-calendar-nav="next"> <i class="fa fa-chevron-right"></i></button>				
        	</div>
        </div>
		<div class="row margin-top-20" id="calendar-container">
			<div class="col col-xs-10 col-xs-offset-1">
				<div class="row">
					<div class="col">
						<div id="calendar"></div>		
					</div>
				</div>
				
			</div>
		</div>
	</div>	 
	

@endsection

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

@section('script')
	{!! Html::script('https://maps.googleapis.com/maps/api/js') !!}
	{!! Html::script("js/vendor/bootstrap-calendar/underscore.js") !!}
	<!-- Calendar.js es un archivo editado buscar $('#title-event').text(data.event.title) (cerca de linea 997) si se quiere editar-->
	{!! Html::script("js/vendor/bootstrap-calendar/calendar.js") !!}
	<!-- Calendar.js es un archivo editado buscar $('#title-event').text(data.event.title) (cerca de linea 997) si se quiere editar-->
	{!! Html::script("js/vendor/bootstrap-calendar/es-MX.js") !!}	
    {!! Html::script('js/vendor/jquery/ui/datepicker.min.js') !!}
	{!! Html::script("js/moment/moment.js")!!}
	{!! Html::script('js/select2.full.js')!!}
	{!! Html::script('js/calendar/index.js') !!}

@endsection

@section('style')
	@parent
	<link rel="stylesheet" href="/css/vendor/bootstrap-calendar/calendar.css">
    {!! Html::style('css/vendor/jquery-ui/thms/flick/jquery-ui.min.css') !!}
    {!! Html::style('css/vendor/jquery-ui/thms/flick/theme.css') !!}
	{!!Html::style('css/select2.css')!!}
    {!!Html::style('css/select2-bootstrap.css')!!}

@endsection