@extends('helper.include.view.modal', ['id' => 'modal-pesq-cliente', 'class_size' => 'modal-lg'])

@section('modal-header-left')

	<h4 class="modal-title">
		{{ Lang::get($menu.'.h4-clientes') }}
	</h4>

@overwrite

@section('modal-header-right')

	<button 
		type="button" 
		class="btn btn-default btn-voltar"
		data-hotkey="f11"
		ng-click="$ctrl.Cliente.fecharModal()">

		<span class="glyphicon glyphicon-chevron-left"></span> 
		{{ Lang::get('master.voltar') }}
	</button>

@overwrite

@section('modal-body')

	<form class="form-inline">
		
		<div class="row">

			<div class="form-group">

				<div class="input-group">

					<input 
						type="search" 
						class="form-control input-maior js-input-filtrar-cliente" 
						placeholder="{{ Lang::get($menu.'.placeholder-filtrar') }}" 
						autocomplete="off"
						ng-change="$ctrl.Cliente.fixVsRepeat()"
						ng-model="$ctrl.Cliente.filtrar" 
						ng-init="$ctrl.Cliente.filtrar = ''">

					<button 
						type="button" 
						class="btn input-group-addon btn-filtro" 
						tabindex="-1">

						<span class="fa fa-search"></span>
					</button>

				</div>

			</div>

		</div>

		<div class="row">

			<div class="table-ec table-pesq-cliente">

				<table class="table table-striped table-bordered table-body">

					<thead>
						
						<tr>
							<th class="id text-right">{{ Lang::get($menu.'.th-id') }}</th>
							<th class="razao-social">{{ Lang::get($menu.'.th-razao-social') }}</th>
							<th class="nome-fantasia">{{ Lang::get($menu.'.th-nome-fantasia') }}</th>
							<th class="uf">{{ Lang::get($menu.'.th-uf') }}</th>
						</tr>

					</thead>
										
					<tbody vs-repeat vs-scroll-parent=".table-ec">
						
						<tr
							tabindex="0" 
							ng-repeat="cliente in $ctrl.Cliente.listaCliente | orderBy: 'RAZAOSOCIAL' | filter: $ctrl.Cliente.filtrar"
							ng-click="$ctrl.Cliente.selecionar(cliente)"
							ng-keypress="$event.keyCode == 13 ? $ctrl.Cliente.selecionar(cliente) : null">

							<td 
								class="id text-right"
								ng-bind="cliente.CODIGO | lpad:[6,'0']"></td>

							<td 
								class="razao-social"
								ng-bind="cliente.RAZAOSOCIAL"></td>

							<td 
								class="nome-fantasia"
								ng-bind="cliente.NOMEFANTASIA"></td>

							<td 
								class="uf"
								ng-bind="cliente.UF"></td>

						</tr>

					</tbody>

				</table>

			</div>

		</div>

	</form>

@overwrite