@extends('partials.master')

@section('breadcrumb')
	<li>
		<a href="{{ action('HomeController@index') }}">Tela Inicial</a>
		<i class="fa fa-circle"></i>
	</li>
	<li>
		<a href="{{ action('PedidoController@index') }}">Pedidos de venda</a>
		<i class="fa fa-circle"></i>
	</li>
	<li>
		<a href="{{ action('PedidoController@selecionarEmpresa') }}">1. Seleção de empresa</a>
		<i class="fa fa-circle"></i>
	</li>
	<li>
		<a href="{{ action('PedidoController@primeiroPasso') }}">2. Seleção do cliente</a>
		<i class="fa fa-circle"></i>
	</li>
	<li class="active">3. Seleção dos produtos</li>
@endsection

@section('content')

	<!-- BEGIN PORTLET -->
	<div class="portlet light bordered">
		<div class="portlet-title">
			<div class="caption font-blue-chambray">
				<i class="icon-book-open font-blue-chambray"></i>
				<span class="caption-subject bold uppercase"> 2. Seleção dos produtos</span>
				<span class="caption-helper">| Empresa: {!! $empresa['ZL_NOME'] !!}</span>
				<span class="caption-helper">| Cliente: {!! $cliente->A1_NREDUZ !!}</span>
			</div>
			<div class="actions">
				{!! link_to_action('PedidoController@selecionarCliente', 'Voltar', null, ['class' => 'btn btn-sm btn-info']) !!}
				{!! link_to_action('PedidoController@salvarRascunho', 'Salvar como rascunho', null, ['class' => 'btn btn-sm btn-primary uppercase']) !!}
				{!! link_to_action('PedidoController@conferirPedido', 'Prosseguir', null, ['class' => 'btn btn-sm btn-success uppercase']) !!}
			</div>
		</div>

		{{-- ======= 2 - SELECAO DO PRODUTO ======= --}}
		<div class="portlet-body form">
			<!-- BEGIN PRODUTO -->
			<div class="row">
				<div class="col-md-3">
					<h4 class="form-section">
						<div class="row">
							<div class="col-md-4 margin-top-5">
								Grupos
							</div>
							<div class="col-md-8">
								@if($cliente->DA0_PRFIXO == 'S')
									{!! Form::select('modalidadeVendaPadrao', ['Preço' => 'Cheio'],
									($modalidade) ? $modalidade : 'Preço', ['id' => 'modalidadeVendaPadrao', 'class' => 'form-control input-sm']) !!}
								@else
									{!! Form::select('modalidadeVendaPadrao', ['Preço' => 'Cheio', '5% desconto' => '5% desconto', '10% desconto' => '10% desconto'],
									($modalidade) ? $modalidade : 'Preço', ['id' => 'modalidadeVendaPadrao', 'class' => 'form-control input-sm']) !!}
								@endif
							</div>
						</div>
					</h4>
					<div class="row">
						@forelse($grupos as $grupo)
							<div class="col-sm-2 col-md-6">
								<a href="{{ action('PedidoController@buscaProduto', [$grupo->ZO_GRUPO]) }}" data-target="#produtosModal" data-toggle="modal"
								   class="thumbnail tooltips grupoProdutos"
								   data-container="body" data-placement="top" data-original-title="{{ ucfirst(strtolower($grupo->ZO_DESCRI)) }}">
									<img src="{{ asset("images/grupos/$grupo->ZO_IMAGEM") }}" alt="101%x57" style="height: 57px; width: 100%; display: block;" data-src="holder.js/101%x57">
								</a>
							</div>
						@empty
							<div class="col-md-12">
								<span class="label label-danger">Nenhum grupo encontrado. </span>
							</div>
						@endforelse
					</div>
				</div>



				<!-- BEGIN FORM-->
				{!! Form::open(['action' => 'PedidoController@removerProdutos', 'method' => 'DELETE']) !!}
				<div class="col-md-9">
					<h4 class="form-section">
						<div class="row">
							<div class="col-md-6">
								Produtos selecionados
							</div>
							<div class="col-md-6 text-right">
								{!! Form::submit('Remover produtos selecionados', ['class' => 'btn btn-circle red btn-sm', 'data-loading-text' => 'Carregando...', 'data-loading']) !!}
								<a href="#" data-target="#editarProdutosModal" data-toggle="modal" class="btn btn-circle blue btn-sm">
									Editar produtos
								</a>
							</div>
						</div>
					</h4>
					<div class="form-group">
						<div class="table-scrollable">
							<table id="tabelaProd" class="table table-bordered table-striped table-advance">
								<thead>
								<tr>
									<th class="text-center">{!! Form::checkbox('checkAll', null, null, ['id' => 'checkAll']) !!}</th>
									<th>
										Produto
									</th>
									<th>
										78967493
									</th>
									<th>
										Nome
									</th>
									<th>
										Qtd.
									</th>
									<th>
										Preço
									</th>
									<th>
										Impostos
									</th>
									<th>
										Total
									</th>
								</tr>
								</thead>
								<tbody id="produtosContainer">
								@if($produtos)
																		@foreach($produtos as $produto)
										<tr>
											<td class="text-center">{!! Form::checkbox('produtos[]', $count, null, ['id' => 'check']) !!}</td>
											<td>
												{{ $produto['id'] }}
											</td>
											<td class="text-center">
												{{ substr($produto['codigo'], 8) }}
											</td>
											<td>
												{{ $produto['nome'] }}
											</td>
											<td class="text-center">
												{{ $produto['quantidade'] }}
											</td>
											<td>
												R$ {{ KsiHelper::formatarDinheiro($produto['preco']) }}
											</td>
											<td>
												@if($produto['ipi'])
													<p><span class="label label-warning">+ R$ {{ KsiHelper::formatarDinheiro($produto['ipi']) }} IPI</span></p>
												@endif
												@if($produto['icms'])
													<p><span class="label label-warning">+ R$ {{ KsiHelper::formatarDinheiro($produto['icms']) }} ST</span></p>
												@endif
											</td>
											<td>
												R$ {{ KsiHelper::formatarDinheiro(($produto['preco'] * $produto['quantidade'])) }}
											</td>
										</tr>
																			@endforeach
								@else
									<tr class="active">
										<td colspan="8">
											Nenhum produto selecionado
										</td>
									</tr>
								@endif
								</tbody>
							</table>
						</div>
						<!-- /table-scrollable -->
						<div class="row">
							<div class="col-xs-12 invoice-block text-right">
								<ul class="list-unstyled amounts">
									<li>
										<strong>Subtotal:</strong> R$ {{ KsiHelper::formatarDinheiro($somaPreco) }}
									</li>
									<li>
										<strong>IPI:</strong> R$ {{ KsiHelper::formatarDinheiro($somaIpi) }}
									</li>
									<li>
										<strong>ICMS ST:</strong> R$ {{ KsiHelper::formatarDinheiro($somaIcms) }}
									</li>
									<li>
										<strong>Total:</strong> R$ {{ KsiHelper::formatarDinheiro($somaPreco + $somaIpi + $somaIcms) }}
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				{!! Form::close() !!}
				<!-- END FORM-->
			</div>
			<!-- END PRODUTO -->
		</div>
	</div>
	<!-- END PORTLET -->

	{{-- ======= PRODUTOS MODAL ======= --}}
	<div class="modal fade" id="produtosModal" role="basic" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-body">
					<img src="{{ asset('img/loading-spinner-grey.gif') }}" alt="" class="loading">
					<span>
						&nbsp;&nbsp;Carregando...
					</span>
				</div>

			</div>
		</div>
	</div>
	<!-- /.modal -->

	{{-- ======= EDITAR PRODUTOS MODAL ======= --}}
	<div class="modal fade" id="editarProdutosModal" role="basic" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				{!! Form::open(['action' => ['PedidoController@alterarProdutos']]) !!}
				{!! Form::hidden('modalidade', null, ['id' => 'modalidade']) !!}
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title">
						<strong>Alterar produtos</strong>
						@if($produtos)
							<small>|</small>
							{!! Form::submit('Alterar produtos', ['id' => 'adicionarProduto', 'class' => 'btn btn-circle green btn-sm', 'data-loading-text' => 'Carregando...', 'data-loading']) !!}
						@endif
					</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered table-striped table-advance">
						<thead>
						<tr>
							<th>
								Grupo
							</th>
							<th>
								78967493
							</th>
							<th>
								Nome
							</th>
							<th>
								Qtd.
							</th>
							<th>
								Preço
							</th>
							<th>
								Total
							</th>
						</tr>
						</thead>
						<tbody id="produtosContainer">
						@if($produtos)
														@foreach($produtos as $produto)
								<tr>
									<td>
										{{ $produto['grupo'] }}
									</td>
									<td class="text-center">
										{{ substr($produto['codigo'], 8) }}
									</td>
									<td>
										{{ $produto['nome'] }}
									</td>
									<td class="text-center">

										<div class="stepper">
											<div class="input-group" style="width: 110px;">
												<div class="spinner-buttons input-group-btn">
													<button type="button" class="btn btn-sm spinner-down red">
														<i class="fa fa-minus"></i>
													</button>
												</div>
												{!! Form::text('produtoQtd[]', $produto['quantidade'], ['class' => 'form-control input-sm number spinner-input text-center', 'placeholder' => '0', 'step' => '1']) !!}
												<div class="spinner-buttons input-group-btn">
													<button type="button" class="btn btn-sm spinner-up blue">
														<i class="fa fa-plus"></i>
													</button>
												</div>
											</div>
										</div>
									</td>
									<td>
										R$ {{ KsiHelper::formatarDinheiro($produto['preco']) }}
									</td>
									<td>
										R$ {{ KsiHelper::formatarDinheiro(($produto['preco'] * $produto['quantidade'])) }}
									</td>
								</tr>
															@endforeach
						@else
							<tr class="active">
								<td colspan="6">
									Nenhum produto selecionado
								</td>
							</tr>
						@endif
						</tbody>
					</table>
				</div>
				{!! Form::close() !!}
			</div>
		</div>
	</div>
	<!-- /.modal -->
@endsection

@section('javascript')
	<script type="text/javascript" src="{{ asset('output/plugins/spinner.min.js') }}"></script>
	<script type="text/javascript">
		$('.grupoProdutos').on('click', function()
		{
			$('#produtosModal').html('<div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-body"><img src="{{ asset('img/loading-spinner-grey.gif') }}" alt="" class="loading"><span>&nbsp;&nbsp;Carregando...</span></div></div></div>');
		});

		$("#tabelaProd #checkAll").on('click', function () {
			if ($("#tabelaProd #checkAll").is(':checked')) {
				$("#tabelaProd input[type=checkbox]").each(function () {
					$(this).prop("checked", true);
					$(this).parent().addClass('checked');
				});

			} else {
				$("#tabelaProd input[type=checkbox]").each(function () {
					$(this).prop("checked", false);
					$(this).parent().removeClass('checked');
				});
			}
		});

		$('.stepper').spinner();
	</script>
@endsection