@extends('master')

@section('titulo')
    {{ Lang::get($menu.'.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/12111.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as $ctrl" ng-cloak>

	<input 
		type="hidden" 
		ng-init="
			$ctrl.permissaoMenu  = {{json_encode($permissaoMenu)}};
			$ctrl.pu227 		 = {{$pu227}};
			$ctrl.APROVAR_VISITA = {{$APROVAR_VISITA}};
		">

	@include('vendas._12111.index.top')
	@include('vendas._12111.index.table-filter')
	@include('vendas._12111.index.table')

	<div class="localizacao-valida input-group" style="display: inline; margin-left: 10px;">
	    <label>Status:</label>
		<span title="Pendente"  class="glyphicon glyphicon-warning-sign pendente"></span>Pendente
		<span title="Aprovada"  class="glyphicon glyphicon-ok valida"></span>Aprovada
		<span title="Reprovada" class="glyphicon glyphicon-remove invalida"></span>Reprovada
	</div>

	<div class="localizacao-valida input-group" style="display: inline; margin-left: 10px;">
		<label>Localização:</label>
		<span title="Aprovada"  class="glyphicon glyphicon-ok valida"></span>Valida
		<span title="Reprovada" class="glyphicon glyphicon-remove invalida"></span>Invalida
	</div>

	<div class="localizacao-valida input-group" style="display: inline; margin-left: 10px;">
		<label>Ocorrências:</label>
		<div class="" style="background-color: red;   width: 13px; height: 13px; border-radius: 3px; border: 1px solid; margin-right: 3px; display: inline-block;"></div>Aberta
		<div class="" style="background-color: green; width: 13px; height: 13px; border-radius: 3px; border: 1px solid; margin-right: 3px; display: inline-block;"></div>Finalizada
	</div>
	
	<form class="form-inline" ng-submit="$ctrl.Create.gravar()">
		<input type="hidden" name="_token" value="{{ csrf_token() }}">
		
		@include('vendas._12111.create.create')

	</form>

	@include('vendas._12111.create.modal-pesq-tipo-visita')
	@include('vendas._12111.create.modal-pesq-cliente')
	@include('vendas._12111.create.modal-pesq-representante')

	
	@include('vendas._12111.create.clientes-proximos')

</div>
@endsection

@section('script')
	<script src="https://maps.google.com/maps/api/js?key=AIzaSyCkk1n8JwZCnCi3_ykHCuf0je6_ldjnuQQ"></script>
	<script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"></script>
	<script src="assets/images/jquery-ui/jquery-ui.custom.min.js"></script>
    <script src="{{ elixir('assets/js/_12111.js') }}"></script>
@append