@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.6"  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">Devolução | XML de origem</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>Fone: <strong>{{$dadosEmitente['fone']}}</strong></h6>
					</div>
				</div>

			</div>
		</div>
		<input type="hidden" id="xmlEntrada" 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="vFrete" value="{{$dadosNf['vFrete']}}">
		<input type="hidden" id="chave" value="{{$dadosNf['chave']}}">
		<input type="hidden" id="totalNF" value="{{$dadosNf['vProd']}}">

		<div class="card">
			<div class="row">
				<div class="col s12">
					<h5>Itens da NF</h5>
					<p class="red-text">* Produtos em vermelho não cadastrados no sistema</p>

					<table class="striped" id="tbl">
						<thead>
							<tr>
								<th>Código</th>
								<th>Produto</th>
								<th>NCM</th>
								<th>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>

						<input type="hidden" id="itens_nf" value="{{json_encode($itens)}}">
						<tbody id="tbody">
						</tbody>
					</table>
					<div class="row">
						<h5>Soma dos Itens: <strong id="soma-itens" class="red-text"></strong></h5>
					</div>
				</div>

			</div>
		</div>

		<div class="card">
			<div class="row">
				<div class="col s12">

					<div class="card-content">
						<h5>Fatura Integral</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 de Parcela: <strong>{{$f['valor_parcela']}}</strong></h6>
								</div>
							</div>
							@endforeach
						</div>

					</div>
				</div>
			</div>
		</div>

		<div class="card">

			<br>
			<div class="row">
				<div class="col s12">
					<div class="card-content">
						<div class="input-field col s6">
							<select id="natureza">
								@foreach($naturezas as $n)
								<option @if(substr($n->natureza, 0, 6) == 'DEVOLU') selected @endif value="{{$n->id}}">{{$n->natureza}}</option>
								@endforeach
							</select>
							<label>Natureza de Operação</label>
						</div>

						<div class="row">
							<div class="input-field col s10">
								<textarea id="motivo" data-length="100" class="materialize-textarea"></textarea>
								<label for="textarea1">Motivo</label>
							</div>
						</div>

						<div class="row">
							<div class="input-field col s6">
								<textarea data-length="50" id="obs" class="materialize-textarea"></textarea>
								<label for="textarea1">Observação</label>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col s6">
					<h5>Total Integral da NF: <strong id="valorDaNF" class="blue-text">{{$dadosNf['vProd']}}</strong></h4>
				</div>
				<input type="hidden" value="{{csrf_token()}}" id="_token">
				<div class="col s6 right-align">
					<button id="savar-devolucao" class="btn-large red">Salvar Devolução</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 id="modal2" class="modal col12 s12">
		<div class="modal-header"><br>
			<h3 class="center-align">Editar Item</h3>
		</div>
		<div class="modal-content">
			<div class="row">
				<div class="col s12">
					<input type="text" class="validate" id="nomeEdit">
					<label for="nome">Nome do Item</label>
				</div>
				<input id="idEdit" type="hidden" value="">

				<div class="col s6">
					<input type="text" class="validate qCom" id="quantidadeEdit">
					<label>Quantidade</label>
				</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