@extends('default.layout')
@section('content')

<div class="row" id="anime" style="display: none">
	<div class="col s8 offset-s2">
		<lottie-player
		src="/anime/success.json"  background="transparent"  speed="0.8"  style="width: 100%; height: 300px;"    autoplay >
	</lottie-player>
</div>
</div>

<div class="row" id="content" style="display: block">
	<div class="col s12">
        <h5 class="center-align">Importando XML</h5>
		<h5 class="center-align">Nota Fiscal: <strong class="grey-text">{{$dadosNf['nNf']}}</strong> | Chave: <strong class="grey-text">{{$dadosNf['chave']}}</strong></h5>

		@if(count($dadosAtualizados) > 0)
		<div class="row">
			<div class="col s12">
				<h6 class="cyan-text">Dados atualizados do fornecedor</h6>
				@foreach($dadosAtualizados as $d)
				<p class="red-text">{{$d}}</p>
				@endforeach
			</div>
		</div>
		@endif

		<div class="card">
			<div class="card-content">
				<div class="row">
					<div class="col s8">
						<h6>Fornecedor: <strong>{{$dadosEmitente['razaoSocial']}}</strong></h6>
						<h6>Nome Fantasia: <strong>{{$dadosEmitente['nomeFantasia']}}</strong></h6>
					</div>
					<div class="col s4">
						<h6>CNPJ: <strong>{{$dadosEmitente['cnpj']}}</strong></h6>
						<h6>IE: <strong>{{$dadosEmitente['ie']}}</strong></h6>
					</div>
				</div>
				<div class="row">
					<div class="col s8">
						<h6>Logradouro: <strong>{{$dadosEmitente['logradouro']}}</strong></h6>
						<h6>Numero: <strong>{{$dadosEmitente['numero']}}</strong></h6>
						<h6>Bairro: <strong>{{$dadosEmitente['bairro']}}</strong></h6>
					</div>
					<div class="col s4">
						<h6>CEP: <strong>{{$dadosEmitente['cep']}}</strong></h6>
						<h6>Tel.: <strong>{{$dadosEmitente['fone']}}</strong></h6>
					</div>
                </div>
                <div class="row">
                        <h6 class="red-text">* Informe a data contábil:</h6>
						<div class="col s2 input-field">
                            <input value="" type="text" class="datepicker" id="data_contabil_input" name="">
                            <label>Data contábil</label>
                        </div>
				</div>
			</div>
		</div>

		<input type="hidden" id="pathXml" value="{{$pathXml}}">
		<input type="hidden" id="idFornecedor" value="{{$idFornecedor}}">
		<input type="hidden" id="nNf" value="{{$dadosNf['nNf']}}">
		<input type="hidden" id="vDesc" value="{{$dadosNf['vDesc']}}">
		<input type="hidden" id="prodSemRegistro" value="{{$dadosNf['contSemRegistro']}}">
		<input type="hidden" id="chave" value="{{$dadosNf['chave']}}">

		<div class="card">
			<div class="row">
				<div class="col s12">
					<h5>Itens da NF</h5>
					<p class="red-text">* Produto(s) em vermelho ainda não cadastrado(s) no sistema</p>
					<p>Produto(s) sem registro no sistema: <strong class="prodSemRegistro">{{$dadosNf['contSemRegistro']}}</strong></p>
					<table class="striped">
						<thead>
							<tr>
								<th>Código</th>
								<th>C.SIAD</th>
								<th>Produto</th>
								<th>NCM</th>
								<th>CFOP</th>
								<th>Conv. CFOP</th>
								<th>Cod Barra</th>
								<th>Un. Compra</th>
								<th>Valor</th>
								<th>Quantidade</th>
								<th>Subtotal</th>
								<th>Ações</th>
							</tr>
						</thead>

												<tbody id="tbody">
							@foreach($itens as $i)
							<tr id="tr_{{$i['codigo']}}">
                                <th class="codigo">{{$i['codigo']}}</th>

								<th class="codigo_siad center">
									<input id="codigo_siad_input" class="center" style="width: 60px;" type="text" value="{{$i['codSiad']}}" name="">
                                </th>

								<th id="th_{{$i['codigo']}}" class="nome {{$i['produtoNovo'] == true ? 'red-text' : ''}}">{{$i['xProd']}}</th>
								<th class="ncm center">{{$i['NCM']}}</th>
								<th class="cfop center">{{$i['CFOP']}}</th>


								<th id="cfop_entrada_{{$i['codigo']}}" class="cfop_entrada center">
									<input id="cfop_entrada_input" class="cfop center" style="width: 60px;" type="text" value="{{$i['CFOP_entrada']}}" name="">
								</th>

								<th class="codBarras">{{$i['codBarras']}}</th>
								<th class="unidade center">{{$i['uCom']}}</th>
								<th class="valor">{{$i['vUnCom']}}</th>
								<th class="quantidade center">{{$i['qCom']}}</th>
								<th class="cod" id="th_prod_id_{{$i['codigo']}}" style="display: none">{{$i['produtoId']}}</th>

								<th style="display: none" class="conv_estoque" id="th_prod_conv_unit_{{$i['codigo']}}">
									{{$i['conversao_unitaria']}}
								</th>

								<th>{{number_format((float) $i['qCom'] * (float) $i['vUnCom'], 2,',', '.')}}</th>

								<th id="th_acao1_{{$i['codigo']}}" @if($i['produtoNovo'])
								style="display: block" @else style="display: none"
								@endif>

								<a onclick="cadProd('{{$i['codigo']}}','{{$i['xProd']}}','{{$i['codBarras']}}','{{$i['NCM']}}','{{$i['CFOP']}}','{{$i['uCom']}}','{{$i['vUnCom']}}','{{$i['qCom']}}', '{{$i['CFOP_entrada']}}')" class="btn" href="#">
									<i class="material-icons">add</i>
								</a>

							</th>

							<th id="th_acao2_{{$i['codigo']}}" @if($i['produtoNovo'])
							style="display: none" @else style="display: block"
							@endif>
							<a onclick="editProd('{{$i['codigo']}}')" class="btn yellow" href="#tbody">
								<i class="material-icons">edit</i>
							</a>

						</th>

					</tr>
					@endforeach
				</tbody>
			</table>
		</div>
	</div>

	@if($dadosNf['contSemRegistro'] > 0)
	<div class="row sem-registro">
		<div class="col 12">
			<p class="red-text">* Esta nota possui produto(s) sem cadastro, inclua antes de continuar</p>
		</div>
	</div>
	@endif

	<div class="row">
		<div class="col s12">
			<div class="card">
				<div class="card-content">
					<h5>Fatura</h5>
					<input type="hidden" id="fatura" value="{{json_encode($fatura)}}">
					<div class="row">
						@foreach($fatura as $f)
						<div class="card col s4" style="border-bottom: 3px solid #EE6E73">
							<div class="row">
								<h6>Número: <strong>{{$f['numero']}}</strong></h6>
								<h6>Vencimento: <strong>{{$f['vencimento']}}</strong></h6>
								<h6>Valor da Parcela: <strong>{{$f['valor_parcela']}}</strong></h6>
							</div>
						</div>
						@endforeach
					</div>

				</div>
			</div>

		</div>
	</div>

	<div class="row">
		<div class="col s6">
			<h5>Total: <strong id="valorDaNF" class="blue-text">{{$dadosNf['vProd']}}</strong></h5>
		</div>
		<div class="col s6 right-align">
			<button id="salvarNF" class="btn-large green accent-3 disabled">Salvar</button>
		</div>
	</div><br>

	<div id="preloader2" style="display: none">
		<div class="col s12 center-align">
			<div class="preloader-wrapper active">
				<div class="spinner-layer spinner--only">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div><div class="gap-patch">
						<div class="circle"></div>
					</div><div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
</div>

</div>


<!-- Model Cad -->
<div id="modal1" class="modal col s12">
	<div class="modal-content">
		<div class="row">
			<div class="input-field col s12">
				<input type="text" class="validate" id="nome">
				<label for="nome">Nome do Produto</label>
			</div>
		</div>

		<div class="row">
			<div class="input-field col s4">
				<input disabled type="text" class="validate" id="ncm">
				<label>NCM</label>
			</div>

			<div class="input-field col s4">
				<input type="text" class="validate" id="cfop">
				<label>CFOP</label>
			</div>

		</div>

		<div class="row">
			<div class="input-field col s6">
				<input disabled type="text" class="validate" id="un_compra">
				<label>Unidade de Compra</label>
			</div>

			<div class="input-field col s6">
				<input type="text" class="validate" id="conv_estoque">
				<label>Conversão unitária para estoque</label>
			</div>
		</div>

		<div class="row">
			<div class="input-field col s6">
				<input disabled type="text" class="validate" id="valor_compra">
				<label>Valor de Compra</label>
			</div>

			<div class="input-field col s6">
				<input disabled type="text" class="validate" id="quantidade">
				<label>Quantidade</label>
			</div>
		</div>
		<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">


		<div class="row">
			<div class="input-field col s6">
				<input type="text" class="validate" id="valor_venda">
				<label>Valor de Venda</label>
			</div>

			<div class="input-field col s6">
				<select id="unidade_venda">
					@foreach($unidadesDeMedida as $u)
					<option value="{{$u}}">{{$u}}</option>
					@endforeach
				</select>
				<label>Unidade de venda</label>
			</div>

		</div>

		<div class="row">
			<div class="input-field col s6">
				<select id="cor">
					<option value="--">--</option>
					<option value="Preto">Preto</option>
					<option value="Branco">Branco</option>
					<option value="Dourado">Dourado</option>
					<option value="Vermelho">Vermelho</option>
					<option value="Azul">Azul</option>
					<option value="Rosa">Rosa</option>
				</select>
				<label>Cor (Opcional)</label>
			</div>

			<div class="input-field col s6">
				<select id="categoria_id">
					@foreach($categorias as $cat)
					<option value="{{$cat->id}}">{{$cat->nome}}</option>
					@endforeach
				</select>
				<label>Categoria</label>
			</div>

			<div class="row">

				<div class="input-field col s12">

					<select id="CST_CSOSN">
						@foreach($listaCSTCSOSN as $key => $c)
						<option value="{{$key}}"
						@if($config != null)
						@if(isset($produto))
						@if($key == $produto->CST_CSOSN)
						selected
						@endif
						@else
						@if($key == $config->CST_CSOSN_padrao)
						selected
						@endif
						@endif

						@endif
						>{{$key}} - {{$c}}</option>
						@endforeach
					</select>

					<label for="CEST">CST/CSOSN</label>

				</div>
			</div>
			<div class="row">
				<div class="input-field col s6">

					<select id="CST_PIS">
						@foreach($listaCST_PIS_COFINS as $key => $c)
						<option value="{{$key}}"
						@if($config != null)
						@if(isset($produto))
						@if($key == $produto->CST_PIS)
						selected
						@endif
						@else
						@if($key == $config->CST_PIS_padrao)
						selected
						@endif
						@endif

						@endif
						>{{$key}} - {{$c}}</option>
						@endforeach
					</select>

					<label for="CEST">CST PIS</label>

				</div>

				<div class="input-field col s6">

					<select id="CST_COFINS">
						@foreach($listaCST_PIS_COFINS as $key => $c)
						<option value="{{$key}}"
						@if($config != null)
						@if(isset($produto))
						@if($key == $produto->CST_COFINS)
						selected
						@endif
						@else
						@if($key == $config->CST_COFINS_padrao)
						selected
						@endif
						@endif

						@endif
						>{{$key}} - {{$c}}</option>
						@endforeach
					</select>

					<label for="CEST">CST COFINS</label>

				</div>
			</div>

			<div class="row">
				<div class="input-field col s6">

					<select id="CST_IPI">
						@foreach($listaCST_IPI as $key => $c)
						<option value="{{$key}}"
						@if($config != null)
						@if(isset($produto))
						@if($key == $produto->CST_IPI)
						selected
						@endif
						@else
						@if($key == $config->CST_IPI_padrao)
						selected
						@endif
						@endif

						@endif
						>{{$key}} - {{$c}}</option>
						@endforeach
					</select>

					<label for="CEST">CST IPI</label>

				</div>
			</div>

		</div>
	</div>
	<div class="row" id="preloader" style="display: none">
		<div class="col s12 center-align">
			<div class="preloader-wrapper active">
				<div class="spinner-layer spinner-red-only">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div><div class="gap-patch">
						<div class="circle"></div>
					</div><div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="modal-footer">
		<a href="#!" class="modal-action btn-large red modal-close waves-effect waves-green ">Fechar</a>
		<button id="salvar" class="btn-large">Salvar</button>
	</div><br>
</div>

<!-- Model Edit -->
<div id="modal2" class="modal col s12">
	<div class="modal-header"><br>
		<h3 class="center-align">Editar Dados</h3>
	</div>
	<div class="modal-content">
		<div class="row">
			<div class="col s8">
				<label for="nome">Nome do Produto</label>
				<input type="text" class="validate" id="nomeEdit">
			</div>
			<input id="idEdit" type="hidden" value="">

			<div class="col s6">
				<label>Conversão unitária para estoque</label>
				<input type="text" class="validate" id="conv_estoqueEdit">
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<a href="#!" class="modal-action btn-large red modal-close waves-effect waves-green ">Fechar</a>

		<button id="salvarEdit" class="btn-large">Salvar</button>
	</div><br>
</div>
@endsection