@extends('template')
@section('content')
<div class="page-content">
	<div class="container-fluid">
		<div class="page-content-inner">
			<div class="row">
				<div class="col-md-12">
					<div class="portlet light">
						<div class="portlet body">                            
							<div class="form-group col-md-4">
								<div class="portlet box blue-madison">
									<div class="portlet-title">
										<div class="caption">
											<i class="fa fa-user"></i> Operadores
										</div>
										<div class="tools">
											<a href="javascript:;" class="expand"> </a>
										</div>
									</div>
									<div class="portlet-body" style="display:none; min-height:340px; padding: 1px">
										<div class="panel-group accordion">
											<div class="form-body">
												<div class="form-group">
													<div class="col-md-12">
														{!! Form::open(['route' => 'admin.reports.indicator','method' => 'post']) !!}
														{!! Form::select('operadores[]', $name_operadores, null, ['id' => 'operadores', 'multiple' => 'multiple', 'required']) !!}
														<div class="form-group col-md-6">
															<div class="form-group form-md-line-input has-personalizado form-md-floating-label">
																<div class="input-group left-addon">
																	<span class="input-group-addon has-personalizado">
																		<i class="fa fa-calendar"></i>
																	</span>
																	{!! Form::text('dt_ger_ini', '', ['class' => 'dt_ger_ini form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'dt_ger_ini_operador']) !!}
																	{!! Form::label('', '') !!}
																</div>
															</div>
														</div>
														<div class="form-group col-md-6">
															<div class="form-group form-md-line-input has-personalizado form-md-floating-label">
																<div class="input-group left-addon">
																	<span class="input-group-addon has-personalizado">
																		<i class="fa fa-calendar"></i>
																	</span>
																	{!! Form::text('dt_ger_fim', '', ['class' => 'dt_ger_fim form-control',  'autocomplete' => 'off', 'id' => 'dt_ger_fim_operador']) !!}
																	{!! Form::label('', '') !!}
																</div>
															</div>
														</div>
														{!! Form::submit('Filtrar', ['class' => 'btn blue-madison']) !!}
														{!! Form::close() !!}
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group col-md-4">
								<div class="portlet box blue-madison">
									<div class="portlet-title">
										<div class="caption">
											<i class="fa fa-building-o"></i> Departamentos
										</div>
										<div class="tools">
											<a href="javascript:;" class="expand"> </a>
										</div>
									</div>
									<div class="portlet-body" style="display:none; min-height:340px; padding: 1px">
										<div class="panel-group accordion">
											<div class="form-body">
												<div class="form-group">
													<div class="col-md-12">
														{!! Form::open(['route' => 'admin.reports.indicator', 'method' => 'post']) !!}
														{!! Form::select('departamento[]', $name_departamentos, null, ['id' => 'departamento', 'multiple' => 'multiple']) !!}
														<div class="form-group col-md-6">
															<div class="form-group form-md-line-input has-personalizado form-md-floating-label">
																<div class="input-group left-addon">
																	<span class="input-group-addon has-personalizado">
																		<i class="fa fa-calendar"></i>
																	</span>
																	{!! Form::text('dt_ger_ini', '', ['class' => 'dt_ger_ini form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'dt_ger_ini_departamento']) !!}
																	{!! Form::label('', '') !!}
																</div>
															</div>
														</div>
														<div class="form-group col-md-6">
															<div class="form-group form-md-line-input has-personalizado form-md-floating-label">
																<div class="input-group left-addon">
																	<span class="input-group-addon has-personalizado">
																		<i class="fa fa-calendar"></i>
																	</span>
																	{!! Form::text('dt_ger_fim', '', ['class' => 'dt_ger_fim form-control',  'autocomplete' => 'off', 'id' => 'dt_ger_fim_departamento']) !!}
																	{!! Form::label('', '') !!}
																</div>
															</div>
														</div>
														<div class="col-md-1">
															{!! Form::submit('Filtrar', ['class' => 'btn blue-madison']) !!}
														</div>
														{!! Form::close() !!}
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group col-md-4">
								<div class="portlet box blue-madison">
									<div class="portlet-title">
										<div class="caption">
											<i class="fa fa-comments"></i> Assuntos
										</div>
										<div class="tools">
											<a href="javascript:;" class="expand"> </a>
										</div>
									</div>
									<div class="portlet-body" style="display:none; min-height:340px; padding: 1px">

										<div class="panel-group accordion">
											<div class="form-body">
												<div class="form-group">
													<div class="col-md-12">
														{!! Form::open(['route' => 'admin.reports.indicator', 'method' => 'post']) !!}
														{!! Form::select('assunto[]', $name_assuntos, null, ['id' => 'assuntos', 'multiple' => 'multiple']) !!}
														<div class="form-group col-md-6">
															<div class="form-group form-md-line-input has-personalizado form-md-floating-label">
																<div class="input-group left-addon">
																	<span class="input-group-addon has-personalizado">
																		<i class="fa fa-calendar"></i>
																	</span>
																	{!! Form::text('dt_ger_ini', '', ['class' => 'dt_ger_ini form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'dt_ger_ini_assunto']) !!}
																	{!! Form::label('', '') !!}
																</div>
															</div>
														</div>
														<div class="form-group col-md-6">
															<div class="form-group form-md-line-input has-personalizado form-md-floating-label">
																<div class="input-group left-addon">
																	<span class="input-group-addon has-personalizado">
																		<i class="fa fa-calendar"></i>
																	</span>
																	{!! Form::text('dt_ger_fim', '', ['class' => 'dt_ger_fim form-control',  'autocomplete' => 'off', 'id' => 'dt_ger_fim_assunto']) !!}
																	{!! Form::label('', '') !!}
																</div>
															</div>
														</div>
														<div class="col-md-1">
															{!! Form::submit('Filtrar', ['class' => 'btn blue-madison']) !!}
														</div>
														{!! Form::close() !!}
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<div class="portlet light portlet-fit">
									<div class="portlet-title">
										<table class="table table-striped table-hover table-light">
											<thead>
												<tr class="uppercase bg-blue-madison">
													<th class="col-md-2 font-white"></th>
													<th class="col-md-1 font-white">Abertos</th>
													<th class="col-md-2 font-white">Aguardando Retorno</th>
													<th class="col-md-2 font-white">Em Atendimento</th>
													<th class="col-md-2 font-white">Fechados</th>
													<th class="col-md-2 font-white">Total</th>
												</tr>
											</thead>
											<tbody>
												@if(isset($operadores))
													@forelse($operadores as $operador)
														<tr>
															<td>{{$operador->name}}</td>
															<td>{{$operador->aberto}}</td>
															<td>{{$operador->aguardando_retorno}}</td>
															<td>{{$operador->em_atendimento}}</td>
															<td>{{$operador->fechado}}</td>
															<td>{{$operador->total}}</td>
														</tr>
													@empty
													@endforelse
												@endif

												@if(isset($departamentos))
													@forelse($departamentos as $departamento)
														<tr>
															<td>{{$departamento->name}}</td>
															<td>{{$departamento->aberto}}</td>
															<td>{{$departamento->aguardando_retorno}}</td>
															<td>{{$departamento->em_atendimento}}</td>
															<td>{{$departamento->fechado}}</td>
															<td>{{$departamento->total}}</td>
														</tr>
													@empty
													@endforelse
												@endif
												@if(isset($assuntos))
													@forelse($assuntos as $assunto)
														<tr>
															<td>{{$assunto->assunto}}</td>
															<td>{{$assunto->aberto}}</td>
															<td>{{$assunto->aguardando_retorno}}</td>
															<td>{{$assunto->em_atendimento}}</td>
															<td>{{$assunto->fechado}}</td>
															<td>{{$assunto->total}}</td>
														</tr>
													@empty
													@endforelse
												@endif
											</tbody>           
										</table> 
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@stop()

@section('js-admin-tickets')
	<link href="{{ asset('/assets/global/plugins/bootstrap-sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
	<link href="{{ asset('/assets/global/css/components.min.css') }}" rel="stylesheet" id="style_components" type="text/css" />
	<script src="{{ asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
	<script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
	<script src="{{ asset('/assets/global/plugins/jquery.blockui.min.js') }}" type="text/javascript"></script>
	<script src="{{ asset('/assets/pages/scripts/ui-blockui.min.js') }}" type="text/javascript"></script>
	<script src="{{ asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js') }}" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function() {			
			$.datepicker.regional['pt-BR'] = {
				closeText: 'Fechar',
				prevText: '&#x3c;Anterior',
				nextText: 'Pr&oacute;ximo&#x3e;',
				currentText: 'Hoje',
				monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
				'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
				monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
				'Jul','Ago','Set','Out','Nov','Dez'],
				dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
				dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
				dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
				weekHeader: 'Sm',
				dateFormat: 'dd/mm/yy',
				firstDay: 0,
				isRTL: false,
				showMonthAfterYear: false,
				yearSuffix: ''
			};

			$.datepicker.setDefaults($.datepicker.regional['pt-BR']);

			$("#dt_ger_ini_operador").datepicker();
			$("#dt_ger_fim_operador").datepicker();
			$("#dt_ger_ini_departamento").datepicker();
			$("#dt_ger_fim_departamento").datepicker();
			$("#dt_ger_ini_assunto").datepicker();
			$("#dt_ger_fim_assunto").datepicker();
			$("#operadores").multiSelect({cssClass:'textexpto'});
			$("#departamento").multiSelect({cssClass:'textexpto'});
			$("#assuntos").multiSelect({cssClass:'textexpto'});
		});
	</script>

@stop()