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


<div class="card card-custom gutter-b">


	<div class="card-body">
		<div class="content d-flex flex-column flex-column-fluid" id="kt_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>	
			<input type="hidden" id="produtos" value="{{json_encode($produtos)}}" name="">


			<div class="col-lg-12" id="content">
				<!--begin::Portlet-->

				<h3 class="card-title">Orçamento código: <strong>{{$orcamento->id}}</strong></h3>

				<div class="row">
					<div class="col-xl-12">

						<div class="kt-section kt-section--first">
							<div class="kt-section__body">

								<div class="row">
									<div class="col-lg-6 col-md-6 col-sm-6 col-12">
										<h4>Cliente: <strong class="text-danger">{{$orcamento->cliente->razao_social}}</strong>
											<button data-toggle="modal" data-target="#modal-clientes" class="btn btn-info">
												<i class="la la-edit"></i>
												Alter cliente
											</button>
										</h4>
										<h5>CNPJ: <strong class="text-danger">{{$orcamento->cliente->cpf_cnpj}}</strong></h5>
										<h5>Data: <strong class="text-danger">{{ \Carbon\Carbon::parse($orcamento->created_at)->format('d/m/Y H:i:s')}}</strong></h5>
										<h5>Valor Integral: <strong class="text-danger">{{ number_format($orcamento->valor_total, $casasDecimais, ',', '.') }}</strong></h5>
										<h5>Cidade: <strong class="text-danger">{{ $orcamento->cliente->cidade->nome }} ({{ $orcamento->cliente->cidade->uf }})</strong></h5>
										<h5>Dias restantes para o vencimento: <strong class="text-danger">{{ $diasParaVencimento }}</strong></h5>

										<h4>Estado: 
											@if($orcamento->estado == 'NOVO')
											<strong class="text-info">NOVO</strong>
											@elseif($orcamento->estado == 'APROVADO')
											<strong class="text-success">APROVADO</strong>
											@else
											<strong class="text-danger">REPROVADO</strong>
											@endif
										</h4>

										@if($orcamento->cliente->cpf_cnpj == "")
										<p class="text-danger">
											<i class="la la-warning text-danger"></i>
											Este cliente possui dados de cadastros pendentes, preencha os dados para transformar o orçamento em venda!
										</p>
										<a class="btn btn-warning" href="/clientes/edit/{{$orcamento->cliente->id}}">
											<i class="la la-edit"></i>
											Editar Cliente
										</a>
										@endif
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xl-12">

						<form class="row align-items-center" method="post" action="/orcamentoVenda/setValidade">
							@csrf
							<div class="form-group col-lg-2 col-md-4 col-sm-6">
								<label class="col-form-label">Data</label>
								<div class="">
									<div class="input-group date">
										<input type="text" @if($orcamento->estado != 'NOVO') disabled @endif   name="validade" class="form-control" value="{{ \Carbon\Carbon::parse($orcamento->validade)->format('d/m/Y')}}" id="kt_datepicker_3" />
										<div class="input-group-append">
											<span class="input-group-text">
												<i class="la la-calendar"></i>
											</span>
										</div>
									</div>
								</div>
							</div>

							<div class="col-sm-8 col-lg-8 ">
								<div class="form-group col-lg-12 col-md-12 col-sm-12 col-12">
									<label class="col-form-label">Observação</label>
									<div class="">
										<div class="input-group">
											<input value="{{$orcamento->observacao}}" type="text" name="observacao" class="form-control" id="observacao"/>
										</div>
									</div>
								</div>
							</div>

							<input type="hidden" name="orcamento_id" value="{{$orcamento->id}}">
							
							<div class="col col-lg-2 col-md-4 col-sm-6">
								<button style="margin-top: 10px;" @if($orcamento->estado != 'NOVO') disabled @endif id="addProd" class="btn btn-info">
									<i class="la la-check"></i>
								</button>
							</div>
						</form>
					</div>
				</div>

				<hr>

				<div class="row">
					<form class="row" method="post" action="/orcamentoVenda/addItem">
						@csrf

						<div class="col-xl-12">
							<div class="row align-items-center">
								<div class="form-group validated col-sm-6 col-lg-5 col-12">
									<label class="col-form-label" id="">Produto</label><br>
									<input type="hidden" name="orcamento_id" value="{{$orcamento->id}}">
									<select class="form-control select2" style="width: 100%" id="kt_select2_1" name="produto">
										<option value="null">Selecione o produto</option>
										@foreach($produtos as $p)
										<option value="{{$p->id}}">{{$p->id}} - {{$p->nome}}</option>
										@endforeach
									</select>
								</div>

								<div class="form-group col-lg-2 col-md-4 col-sm-6 col-6">
									<label class="col-form-label">Quantidade</label>
									<div class="">
										<div class="input-group">
											<input type="text" name="quantidade" class="form-control" value="0" id="quantidade"/>
										</div>
									</div>
								</div>
								<div class="form-group col-lg-2 col-md-4 col-sm-6 col-6">
									<label class="col-form-label">Valor Unitário</label>
									<div class="">
										<div class="input-group">
											<input type="text" name="valor" class="form-control money" value="0" id="valor"/>
										</div>
									</div>
								</div>

								<div class="form-group col-lg-2 col-md-4 col-sm-6 col-6">
									<label class="col-form-label">Subtotal</label>
									<div class="">
										<div class="input-group">
											<input type="text" name="subtotal" class="form-control" value="0" id="subtotal"/>
										</div>
									</div>
								</div>
								<div class="col-lg-1 col-md-4 col-sm-6 col-6">
									<button type="submit" style="margin-top: 15px;" class="btn btn-light-success px-6 font-weight-bold">
										<i class="la la-plus"></i>
									</button>

								</div>

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

				<div class="row">
					<div class="col-xl-12">

						<div id="kt_datatable" class="datatable datatable-bordered datatable-head-custom datatable-default datatable-primary datatable-loaded">

							<table class="datatable-table" style="max-width: 100%; overflow: scroll">
								<thead class="datatable-head">
									<tr class="datatable-row" style="left: 0px;">
										<th data-field="OrderID" class="datatable-cell datatable-cell-sort"><span style="width: 60px;">#</span></th>
										<th data-field="OrderID" class="datatable-cell datatable-cell-sort"><span style="width: 200px;">Produto</span></th>
										<th data-field="OrderID" class="datatable-cell datatable-cell-sort"><span style="width: 100px;">Quantidade</span></th>
										<th data-field="Country" class="datatable-cell datatable-cell-sort"><span style="width: 100px;">Valor</span></th>
										<th data-field="ShipDate" class="datatable-cell datatable-cell-sort"><span style="width: 100px;">Subtotal</span></th>


										<th data-field="CompanyName" class="datatable-cell datatable-cell-sort"><span style="width: 100px;">Ações</span></th>
									</tr>
								</thead>
								<tbody id="body" class="datatable-body">
																		@foreach($orcamento->itens as $i)

									<tr class="datatable-row">
										<td class="datatable-cell"><span class="codigo" style="width: 60px;">{{ $i->id }}</span>
										</td>
										<td class="datatable-cell">
											<span class="codigo" style="width: 200px;">
												{{ $i->produto->nome }}
												{{$i->produto->grade ? " (" . $i->produto->str_grade . ")" : ""}}
												@if($i->produto->lote != "")
												| Lote: {{$i->produto->lote}}, 
												Vencimento: {{$i->produto->vencimento}}
												@endif
											</span>
										</td>
										<td class="datatable-cell"><span class="codigo" style="width: 100px;">{{ number_format($i->quantidade, $casasDecimaisQtd) }}</span>
										</td>
										<td class="datatable-cell"><span class="codigo" style="width: 100px;">{{number_format($i->valor, $casasDecimais, ',', '.')}}</span>
										</td>
										<td class="datatable-cell"><span class="codigo" style="width: 100px;">{{number_format($i->valor * $i->quantidade, $casasDecimais, ',', '.')}}</span>
										</td>
										<td class="datatable-cell">
											<span class="codigo" style="width: 100px;">
												@if($orcamento->estado == 'NOVO') 

												<a href="/orcamentoVenda/deleteItem/{{$i->id}}" class="btn btn-danger">
													<i class="la la-trash"></i>
												</a>
												@endif
											</span>
										</td>
									</tr>
																		@endforeach
								</tbody>
							</table>
						</div>
					</div>

					<div class="row">
						<div class="form-group col-lg-12 col-md-12 col-sm-12 col-12">

							<h3>Soma dos itens: <strong class="text-info">R$ {{number_format($somaItens, $casasDecimais, ',', '.')}}</strong></h3>
							<h3>Desconto: <strong class="text-danger">R$ {{number_format($orcamento->desconto, 2, ',', '.')}}</strong></h3>
							<h3>Acréscimo: <strong class="text-primary">R$ {{number_format($orcamento->acrescimo, 2, ',', '.')}}</strong></h3>
							<h3>Valor Total: <strong class="text-success">R$ {{number_format($orcamento->valor_total + $orcamento->acrescimo - $orcamento->desconto, $casasDecimais, ',', '.')}}</strong></h3>
						</div>
					</div>
				</div>

				<hr>

				<div class="row">
					<form class="row" method="post" action="/orcamentoVenda/addPag">
						@csrf
						<input type="hidden" name="orcamento_id" value="{{$orcamento->id}}">

						<div class="col-xl-12">
							<div class="row align-items-center">

								<div class="form-group col-lg-3 col-md-4 col-sm-6 col-6">
									<label class="col-form-label">Valor</label>
									<div class="">
										<div class="input-group">
											<input type="text" @if($orcamento->estado != 'NOVO') disabled @endif name="valor" class="form-control money" value="0" id="valor"/>
										</div>
									</div>
								</div>

								<div class="form-group col-lg-3 col-md-4 col-sm-6">
									<label class="col-form-label">Data de Vencimento</label>
									<div class="">
										
										<div class="input-group date">
											<input type="text" @if($orcamento->estado != 'NOVO') disabled @endif name="data" class="form-control" readonly  id="kt_datepicker_3" />
											<div class="input-group-append">
												<span class="input-group-text">
													<i class="la la-calendar"></i>
												</span>
											</div>
										</div>
									</div>
								</div>
								

								<div class="col-lg-3 col-md-4 col-sm-6 col-6">
									<button type="submit" style="margin-top: 15px;" class="btn btn-light-success px-6 font-weight-bold">
										<i class="la la-plus"></i>
									</button>
									<a data-toggle="modal" data-target="#modal-pagamentos" type="button" style="margin-top: 15px;" class="btn btn-light-info px-6 font-weight-bold">
										<i class="la la-list"></i>
									</a>

								</div>

								

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

				<div class="row">
					<div class="col-xl-12">

						<div id="kt_datatable" class="datatable datatable-bordered datatable-head-custom datatable-default datatable-primary datatable-loaded">

							<table class="datatable-table" style="max-width: 100%; overflow: scroll">
								<thead class="datatable-head">
									<tr class="datatable-row" style="left: 0px;">
										<th data-field="OrderID" class="datatable-cell datatable-cell-sort"><span style="width: 120px;">Vencimento</span></th>
										<th data-field="OrderID" class="datatable-cell datatable-cell-sort"><span style="width: 120px;">Valor</span></th>

										<th data-field="CompanyName" class="datatable-cell datatable-cell-sort"><span style="width: 100px;">Ações</span></th>
									</tr>
								</thead>
								@if(count($orcamento->duplicatas))
								<tbody id="body" class="datatable-body">