@extends('layouts.app')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/animate.css/animate.min.css">

<style type="text/css">
  /*Modal maior*/
  .modal-xl {
    max-width: 96% !important;
  }

  .modal-xxl {
    max-width: 96% !important;
  }

  div#CaixaModal .modal-content,
  div#CaixaModal .modal-dialog {
    height: auto !important;
  }

  div#CaixaModal .modal-body,
  {
    overflow-y: scroll !important;
  }

  div#CaixaModal
   {
    padding-right: 0px !important;
  }

  html {
    overflow-x: hidden !important;
  }

  
</style>
<style type="text/css">
	/*Modal maior*/
	.modal-xl {
		max-width: 96% !important;
	}

	.modal-xxl {
		max-width: 100% !important;
	}

	div#modal_cheque .modal-dialog,
	div#modal_cheque .modal-content,
	div#modal_cheque_parcelado .modal-dialog,
	div#modal_cheque_parcelado .modal-content,
	div#modal_imprimir_nfe .modal-dialog,
	div#modal_imprimir_nfe .modal-content {
		height: 100%;
		overflow-x: hidden;
	}

	div#modal-atualizar-parcelas .modal-dialog,
	div#modal-atualizar-parcelas .modal-content,
	div#modal_restricao .modal-content,
	div#modal_restricao .modal-dialog,
	div#modal_imprimir_nfe .modal-dialog,
	div#modal_imprimir_nfe .modal-content {
		height: 96%;
	}

	div#CaixaModal .modal-content,
	div#CaixaModal .modal-dialog {
		height: 100%;
	}
</style>
<style type="text/css">
	td {
		padding: 0 !important;
	}

	.select2-container .select2-selection--single {
		height: unset !important;
	}

	.modal-lg {
		max-width: 1000px !important;
	}

	#total_os {
		max-width: 100px !important;
		border: none !important;
	}

	#canvas_div_pdf table tbody tr td {
		padding: 0 !important;
		margin: 0 !important;
	}

	#canvas_div_pdf table tbody tr th {
		padding: 0 !important;
		margin: 0 !important;
	}

	.white-space {
		white-space: pre-wrap !important;
	}
</style>

@section('title', 'Ordem Serviço')
@section('content')
@include('layouts.headers.cards_prod')
<!-- A consulta desta tabela deve envolver INNER JOIN por causa dos nomes da família, nome do grupo e subgrupo, todos vindos das respectivas chaves estrangeiras -->
@can('visualizar-ordem-de-servico')
<div class="container-fluid mt--7">
	<div class="col-xl-12 order-xl-1">
		<div class="card bg-secondary shadow">

			<div class="card-header bg-white border-0">
				<div class="row align-items-center">
					<div class="col-md-7 col-sm-12">
						<h3 class="mb-0">{{ __('Relatórios Ordem Serviço') }}</h3>
					</div>
					<div class="col-md-5 col-sm-12 text-right">
						<a href="{{route('os.cadastrar')}}" class="btn btn-sm btn-primary">{{ __('Abrir OS') }}</a>
						<a href="{{route('os.entrada_saida')}}" class="btn btn-sm btn-danger">{{ __('Entrada/Saida') }}</a>
						<button class="btn btn-sm btn-info" data-toggle="modal" data-target="#modal_mao_de_obra">{{ __('Mão de Obra') }}</button>
					</div>
				</div>
			</div>
			<div class="card-body">
				@if (Session::has('mensagem-info'))
				<div class="alert alert-info alert-dismissible fade show" role="alert">
					<span class="alert-icon"><i class="ni ni-notification-70"></i></span>
					<span class="alert-text"><strong>{{ Session::get('mensagem-info') }}</strong>
						<button type="button" class="close" data-dismiss="alert" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
				</div>
				@endif
				<div class="input-daterange row align-items-center">
					<div class="col-md-3">
						<div class="form-group">
							<div class="input-group">
								<div class="input-group-prepend">
									<span class="input-group-text"><i class="ni ni-calendar-grid-58"></i></span>
								</div>
								<input name="from_date" id="from_date" class="form-control" placeholder="Data Inicial: {{date('01-m-Y')}}" autocomplete="off" type="text">
							</div>
						</div>
					</div>
					<div class="col-md-3">
						<div class="form-group">
							<div class="input-group">
								<div class="input-group-prepend">
									<span class="input-group-text"><i class="ni ni-calendar-grid-58"></i></span>
								</div>
								<input name="to_date" id="to_date" class="form-control" placeholder="Data Final: {{date('t-m-Y')}}" autocomplete="off" type="text">
							</div>
						</div>
					</div>
					<div class="col-md-3">
						<div class="form-group text-center">
							<button type="button" name="filter" id="filter" class="btn btn-primary">Filtrar</button>
							<button type="button" name="refresh" id="refresh" class="btn btn-info">Limpar</button>
						</div>
					</div>

					<div class="col-md-3">
						<div class="form-group text-center">
							<h2 class="text-center">Total: <span class="text-success" id="total-top"></span></h2>
						</div>
					</div>
				</div>
				<div class="row p-0">
					<div class="col-md-2 filtros">
						<div class="card rounded">
							<!-- Card body -->
							<div class="card-body rounded p-3">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
											<i class="fas fa-list-ol fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col pl-0">
										<div class="row mb-2">
											<h5 class="card-title text-uppercase text-muted mb-0 ml-3">Codigo</h5>
										</div>
										<span class="font-weight-bold mb-0 text-white">
											<input type="text" class="form-control form-control-sm" id="filtro-codigo" placeholder="Pesquise pelo codigo">
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-2 filtros">
						<div class="card rounded">
							<!-- Card body -->
							<div class="card-body rounded p-3">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
											<i class="fas fa-flag fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col pl-0">
										<div class="row mb-2">
											<h5 class="card-title text-uppercase text-muted mb-0 ml-3">Status</h5>
										</div>
										<span id="filtro-status" class="font-weight-bold mb-0 text-white">
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-2 filtros">
						<div class="card rounded">
							<!-- Card body -->
							<div class="card-body rounded p-3">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
											<i class="fas fa-tools fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col pl-0">
										<div class="row mb-2">
											<h5 class="card-title text-uppercase text-muted mb-0 ml-3">Garantia</h5>
										</div>
										<span id="filtro-garantia" class="font-weight-bold mb-0 text-white">
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 filtros">
						<div class="card rounded">
							<!-- Card body -->
							<div class="card-body rounded p-3">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
											<i class="fas fa-user fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col pl-0">
										<div class="row mb-2">
											<h5 class="card-title text-uppercase text-muted mb-0 ml-3">Cliente</h5>
										</div>
										<span class="font-weight-bold mb-0 text-white">
											<input type="text" class="form-control form-control-sm" id="filtro-cliente" placeholder="Pesquise por nome">
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 filtros">
						<div class="card rounded">
							<!-- Card body -->
							<div class="card-body rounded p-3">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
											<i class="fas fa-box fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col pl-0">
										<div class="row mb-2">
											<h5 class="card-title text-uppercase text-muted mb-0 ml-3">Produto</h5>
										</div>
										<span class="font-weight-bold mb-0 text-white">
											<input type="text" class="form-control form-control-sm" id="filtro-produto" placeholder="Pesquise por nome">
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="table-responsive">
					<table class="table table-flush table-bordered table-dark w-100 table-sm" id="table">
						<thead class="thead-dark">
							<tr class="text-center">
								<th style="width: 100px !important;">Nº</th>
								<th>Produto</th>
								<th>Status</th>
								<th>Vendedor</th>
								<th>Técnico</th>
								<th>Cliente</th>
								<th>Preço</th>
								<th>Iniciado</th>
								<th></th>
								<th style="width: 100px !important;">Ações</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>
				</div>

			</div>

		</div>
	</div>
</div>
@else
<p class="text-center display-3 mt-3">- <u>Atenção, você não tem acesso a esse conteúdo</u> -</p><br>
@endcan

<div class="modal fade" id="CaixaModal" tabindex="-1" role="dialog" data-backdrop='static' aria-labelledby="CaixaModal" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-xxl p-0 m-0" role="document">
		<div class="modal-content rounded-0 p-0">
			<div class="modal-header bg-transparent p-1">
				<h3 class="h1 d-block mx-auto">Caixa</h3>
				<button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body p-0">
				<form class="m-0" method="POST" action="" id='form_gerar_venda'>
					{{ csrf_field() }}
					<div class="card bg-secondary bg-default border-0 mb-0">
						<div class="card-body bg-default p-3 m-0 row">
							<div class="row w-100">
								<div class="container col-7">
									<div class="border-right border-white">
										<div class="col-md-12">
											<div class="card rounded">
												<div class="card-body p-3">
													<div class="row">
														<div class="col-auto mx-auto">
															<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																<i class="fas fa-user fa-2x text-primary"></i>
															</div>
														</div>
														<div class="col pl-0">
															<h5 class="card-title text-uppercase text-muted mb-0 text-dark">Cliente</h5>
															<span class=" font-weight-bold mb-0 text-white">
																<select class="w-100 pl-2 border-primary" id='select_clientes' name="select_clientes">
																	<option selected="on" id="option-cliente" value=""></option>
																</select>
															</span>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-12" id="definir_pagamento">
											<div class="card rounded">
												<div class="card-body p-3">
													<div class="row">
														<div class="col-auto mx-auto">
															<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																<i class="fas fa-comment-dollar fa-2x text-primary"></i>
															</div>
														</div>
														<div class="col pl-0">
															<div class="row mb-2">
																<h5 class="card-title text-uppercase text-muted mb-0 ml-3 text-dark">
																	Forma de Pagamento
																</h5>
															</div>
															<span class=" font-weight-bold mb-0 text-white">
																<form method="post" action="#" id="form_pagamento_cliente">
																	<select class="w-100 pl-2 border-primary" id='select_forma_pagamento'>
																	</select>
																	<small id="small_pagamento" class="text-danger alerta-limite-credito font-weight-bold"></small>
																</form>
															</span>
															<span id="restricao" class="d-none">
																<button type="button" class="mt-3 font-weight-bold btn btn-danger btn-sm" id="btn_restricao" data-toggle="modal" data-target="#modal_restricao">Possuí restrições</button>
															</span>
															<span id="conta_cheque">
																<button type="button" class="mt-3 font-weight-bold btn btn-warning btn-sm" id="btn_conta_cheque" data-toggle="modal" data-target="#modal_cheque">Cadastrar cheque</button>
															</span>
															<span id="conta_cheque_parcelado">
																<button type="button" class="mt-3 font-weight-bold btn btn-warning btn-sm" id="btn_conta_cheque_parcelado">Cadastrar cheques</button>
															</span>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-12" id="definir_parcelamentos">
											<div class="card rounded">
												<div class="card-body p-3">
													<div class="row">
														<div class="col-auto mx-auto">
															<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																<i class="fas fa-calendar-alt fa-2x text-primary"></i>
															</div>
														</div>
														<div class="col pl-0">
															<h5 class="card-title text-uppercase text-muted mb-0 text-dark">
																Parcelamento
															</h5>
															<span class=" font-weight-bold mb-0 text-white">
																<input type="hidden" name="parcelamento_minimo" value="{{$forma_parcelamento[1]->valor_maximo_parcelamento}}">
																<select class="w-100 pl-2 border-primary" id='select_forma_parcelamento'>
																	@foreach($forma_parcelamento as $parcelas)
																	<option class="text-default font-weight-bold" value="{{$parcelas->id}}" data-min="{{$parcelas->valor_minimo_parcelamento}}" data-max="{{$parcelas->valor_maximo_parcelamento}}" data-parcelas="{{{$parcelas->id}}}">{{{$parcelas->id}}} X</option>
																	@endforeach
																</select>
																<small id="small_parcelamento" class="text-danger alerta-limite-crédito font-weight-bold"></small>
															</span>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-12" id="definir_datas">
											<div class="card rounded">
												<div class="card-body p-3">
													<div class="row">
														<div class="col-auto mx-auto">
															<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																<i class="fas fa-calendar-week fa-2x text-primary"></i>
															</div>
														</div>
														<div class="col pl-0">
															<h5 class="card-title text-uppercase text-muted mb-0 text-dark">
																Intervalos
															</h5>
															<form id="dias_parcelamento" method="post" action="#">
																<select id="select_dias_parcelamento" class="w-100 pl-2">
																	@if(auth()->user()->id_endereco_fk == 1)
																	<option value="30">30 dias</option>
																	@foreach($reman_intervalos as $intervalo)
																	<option value="{{$intervalo->dias_intervalo}}">{{$intervalo->dias_intervalo}} @php echo $intervalo->dias_intervalo == 1 ? 'dia' : 'dias' @endphp
																	</option>
																	@endforeach
																	@else
																	<option value="30">30 dias</option>
																	@foreach($par_intervalos as $intervalo)
																	<option value="{{$intervalo->dias_intervalo}}">{{$intervalo->dias_intervalo}} @php echo $intervalo->dias_intervalo == 1 ? 'dia' : 'dias' @endphp
																	</option>
																	@endforeach
																	@endif
																</select>
																<small class="text-danger font-weight-bold alerta-limite-dias">* Mínimo 2 parcelas</small>
															</form>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-12" id="bandeira_cartao">
											<div class="card rounded">
												<!-- Card body -->
												<div class="card-body p-3">
													<div class="row">
														<div class="col-auto mx-auto">
															<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																<i class="fas fa-flag fa-2x text-primary"></i>
															</div>
														</div>
														<div class="col pl-0">
															<h5 class="card-title text-uppercase text-muted mb-0 text-dark">
																Bandeira do cartão de crédito
															</h5>
															<span class=" font-weight-bold mb-0 text-white">
																<select class="w-100 pl-2 border-primary" id='select_bandeira_cartao'>
																	@foreach($bandeiras_cartao as $bandeiras)
																	<option class="text-default font-weight-bold" value="{{$bandeiras->codigo_bandeira_cartao}}">
																		{{$bandeiras->nome_bandeira_cartao}}</option>
																	@endforeach
																</select>
																<small id="small_bandeira_cartao" class="text-danger alerta-bandeira-cartao font-weight-bold"></small>
															</span>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-12" id="definir_valores">
											<div class="form-group row mb-0" id="valores_em_dinheiro">
												<div class="col-12" id="definir_valor_dinheiro">
													<div class="card rounded">
														<div class="card-body p-3">
															<div class="row">
																<div class="col-auto mx-auto">
																	<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																		<i class="fas fa-money-bill-wave fa-2x text-warning"></i>
																	</div>
																</div>
																<div class="col pl-0">
																	<h5 class="card-title text-uppercase text-muted mb-0 text-dark">
																		Valor em dinheiro
																	</h5>
																	<span class=" font-weight-bold mb-0 text-white">
																		<input type="number" step="0.01" id="valor_inserido" name="valor_inserido" class="w-100 pl-2 border-primary rounded" min="0" value="0.00">
																		<small id="small_valor_dinheiro" class="text-danger alerta-valor-dinheiro font-weight-bold"></small>
																	</span>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-12" id="definir_cnpj_cpf_cliente">
											<div class="card rounded">
												<div class="card-body p-3">
													<div class="row">
														<div class="col-auto mx-auto">
															<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																<i class="fas fa-calendar-week fa-2x text-primary"></i>
															</div>
														</div>
														<div class="col pl-0">
															<h5 class="card-title text-uppercase text-muted mb-0 text-dark">
																CPF / CNPJ do cliente
															</h5>
															<input type="text" name="cnpj_cpf_cliente" id="cnpj_cpf_cliente" class="w-100 pl-2 border-primary rounded" maxlength="18">
														</div>
													</div>
												</div>
											</div>
										</div>
										<input type="hidden" id="credito_anterior_cliente" value="">
										<input type="hidden" name="limite_de_credito_cliente_permitido" id="limite_de_credito_cliente_permitido" value="{{$limite_credito_cliente}}">
										<input type="hidden" name="model_pedido_id" id="model_pedido_id" value="">
										<input type="hidden" name="dias_escolhidos_parcelamento" id="dias_escolhidos_parcelamento" value="30">
										<input type="hidden" name="valor_total_pedido" id="valor_total_pedido" value="">
										<input type="hidden" name="situacao_receber" id="situacao_receber" value="ABERTA">
										<input type="hidden" name="data_receber" id="data_receber" value="{{date('Y-m-d')}}">
										<input type="hidden" name="data_vencimento" id="data_vencimento" value="{{date('Y-m-d')}}">
										<input type="hidden" name="clone_id_cliente_fk" id="clone_id_cliente" value="">
										<input type="hidden" name="clone_forma_pagamento" id="clone_forma_pagamento" value="1">
										<input type="hidden" name="clone_forma_parcelamento" id="clone_forma_parcelamento" value="1">

										<!-- Destinado para as bandeiras de crédito e débito -->
										<input type="hidden" name="bandeira_cartao_credito_hidden" id="bandeira_cartao_credito_hidden">
										<input type="hidden" name="bandeira_cartao_debito_hidden" id="bandeira_cartao_debito_hidden">

										<!-- Fim dos dados de cheque parcelado -->
										<input type="hidden" name="id_contas[]" id='id_contas'>

										<div id="valores_cheque">
											<input type="hidden" name="clone_telefone_titular" id="clone_telefone_titular">
											<input type="hidden" name="clone_cheque_terceiro" id="clone_cheque_terceiro">
											<input type="hidden" name="clone_contato_titular" id="clone_contato_titular">
											<input type="hidden" name="clone_numero_agencia" id="clone_numero_agencia">
											<input type="hidden" name="clone_numero_cheque" id="clone_numero_cheque">
											<input type="hidden" name="clone_nome_terceiro" id="clone_nome_terceiro">
											<input type="hidden" name="clone_cnpj_terceiro" id="clone_cnpj_terceiro">
											<input type="hidden" name="clone_numero_conta" id="clone_numero_conta">
											<input type="hidden" name="clone_cnpj_titular" id="clone_cnpj_titular">
											<input type="hidden" name="clone_nome_titular" id="clone_nome_titular">
											<input type="hidden" name="clone_data_cheque" id="clone_data_cheque">
											<input type="hidden" name="clone_bom_para" id="clone_bom_para">
										</div>

										<div id="valores_cheques_parcelados">
										</div>
										<div class="row p-0 mx-auto col-12">
											<div class="col-lg-4 col-md-12 col-sm-12">
												<div class="card rounded">
													<div class="card-body p-2">
														<div class="row">
															<div class="col-auto mx-auto">
																<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																	<i class="fas fa-dollar-sign fa-2x text-primary"></i>
																</div>
															</div>
															<div class="col pl-0">
																<h5 class="card-title text-uppercase text-muted mb-0 text-dark">
																	Total Pedido
																</h5>
																<span id='valor_total_tela_pedido' class="total font-weight-bold mb-0 text-success valor_total_pedido">
																</span>
																<input type="hidden" id="valor_total_oculto">
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="col-lg-4 col-md-12 col-sm-12">
												<div class="card rounded">
													<div class="card-body p-2">
														<div class="row">
															<div class="col-auto mx-auto">
																<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																	<i class="fas fa-hand-holding-usd fa-2x text-primary"></i>
																</div>
															</div>
															<div class="col pl-0">
																<h5 class="card-title text-uppercase text-muted mb-0 text-dark">
																	Limite de Crédito
																</h5>
																<span class="font-weight-bold mb-0 text-success limite">
																</span>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="col-lg-4 col-md-12 col-sm-12">
												<div class="card rounded">
													<div class="card-body p-2">
														<div class="row">
															<div class="col-auto mx-auto">
																<div class="icon icon-shape bg-default text-dark rounded-circle shadow">
																	<i class="fas fa-wallet fa-2x text-primary"></i>
																</div>
															</div>
															<div class="col pl-0">
																<h5 class="card-title text-uppercase text-muted mb-0 text-dark">
																	Crédito Anterior
																</h5>
																<span class="font-weight-bold mb-0 text-success anterior">
																</span>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>

										<div class="col-md-12 m-0 text-center">
											<button type='button' class="btn btn-outline-success" id="btn_registrar">Cadastrar pagamento</button>
										</div>
									</div>
								</div>
								<div class="container col-5 bg-white">
									<div>
										<h3 class='text-center text-default text-uppercase font-weight-bold h1'><u>Total recebido</u></h3>
									</div>
									<div id="formas_pagamento">

									</div>
									<div class="row fixed-bottom position-absolute h3">
										<div class="col-12 text-dark mb-4">
											<div class="row text-center">
												<div class="col-lg-6 col-md-6 col-sm-12">
													Restante : R$<span id='valor_restante' class='text-default font-weight-bold'></span>
												</div>
												<div class="col-lg-6 col-md-6 col-sm-12">
													Troco : R$<span id='valor_troco' class='text-dark font-weight-bold'>0.00</span>
												</div>
											</div>
										</div>
										<div class="col-12">
											<button type='submit' class="btn btn-outline-default d-block mx-auto" id='registrar_compra'>
												Registrar venda
											</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="modal_cheque" aria-hidden="true" aria-labelledby="modal_cheque" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-xxl modal-dialog-centered m-0" role="document">
		<div class="modal-content" style="border-radius: 0!important;">
			<div class="modal-header border-bottom border-dark d-block">
				<h5 class="modal-title font-weight-bold">Cadastrar cheque.</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<div class="row p-0 mx-auto col-12 mt-3">
					<div class="col-lg-4 col-md-12 col-sm-12">
						<div class="card rounded bg-default mb-0 pb-0">
							<div class="card-body p-2">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-white text-dark rounded-circle shadow">
											<i class="fas fa-dollar-sign fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col">
										<h3 class="card-title text-uppercase text-muted text-dark d-block my-auto" id='valor_cheque_a_vista'>
											Total Pedido: <span class='valor_cheque_a_vista'></span>
										</h3>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-12 col-sm-12">
						<div class="card rounded bg-default mb-0 pb-0">
							<!-- Card body -->
							<div class="card-body p-2">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-white text-dark rounded-circle shadow">
											<i class="fas fa-wallet fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col">
										<h3 class="card-title text-uppercase text-muted text-dark d-block my-auto" id='total_cheque_a_vista'>
											Valor em cheque: <span class='total_cheque_a_vista text-success'></span>
										</h3>
										<span class="font-weight-bold mb-0 text-success limite_cheque_a_vista">
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-12 col-sm-12">
						<div class="card rounded bg-default mb-0 pb-0">
							<!-- Card body -->
							<div class="card-body p-2">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-white text-dark rounded-circle shadow">
											<i class="fas fa-hand-holding-usd fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col">
										<h3 class="card-title text-uppercase text-muted text-dark d-block my-auto" id='troco_cheque_a_vista'>
											Crédito:
											<span class='troco_cheque_a_vista text-success'></span>
											<small id="situacao_cheque_a_vista" class='text-danger h5'> (Crédito)</small>
										</h3>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-body">
				<form id="modal_cadastro_cheque">
					<label>Cheque de terceiro?</label><br>
					<div class="custom-control custom-radio custom-control-inline">
						<input class="custom-control-input" type="radio" name="cheque_terceiro" id="terceiro_sim" value="1">
						<label class="custom-control-label" for="terceiro_sim">Sim</label>
					</div>
					<div class="custom-control custom-radio custom-control-inline">
						<input class="custom-control-input" type="radio" name="cheque_terceiro" id="terceiro_nao" value="0" checked>
						<label class="custom-control-label" for="terceiro_nao">Não</label>
					</div>
					<div class="form-group row mt-4">
						<div class="col-lg-4 col-md-4 col-sm-12">
							<label for="numero_cheque">Número do cheque</label>
							<input type="text" name="numero_cheque" id="numero_cheque" class="form-control">
						</div>
						<div class="col-lg-4 col-md-4 col-sm-12">
							<label for="nome_titular">Nome do cliente</label>
							<input type="text" name="nome_titular" id="nome_titular" class="form-control" readonly>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-12">
							<label for="bom_para">Data para desconto (Bom Para)</label>
							<input type="date" name="bom_para" id="bom_para" class="form-control">
						</div>
					</div>
					<div class="form-group row">
						<div class="col-lg-3 col-md-3 col-sm-12">
							<label for="numero_agencia">Número da agência</label>
							<input type="text" name="numero_agencia" id="numero_agencia" class="form-control">
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12">
							<label for="numero_conta">Número da conta</label>
							<input type="text" name="numero_conta" id="numero_conta" class="form-control">
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12">
							<label for="data_cheque">Data do cheque</label>
							<input type="date" name="data_cheque" id="data_cheque" class="form-control">
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12">
							<label for="valor_a_vista">Valor</label>
							<input type="number" name="valor_a_vista" id="valor_a_vista" class="form-control" step='0.01' min='0.00'>
						</div>
					</div>
					<div class="form-group row">
						<div class="col-lg-3 col-md-3 col-sm-12">
							<label for="cnpj_titular">CPF do títular</label>
							<input type="text" name="cnpj_titular" id="cnpj_titular" class="form-control" readonly>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12">
							<label for="cnpj_titular">Telefone de contato</label>
							<input type="text" name="telefone_titular" id="telefone_titular" class="form-control" readonly>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12">
							<label for="nome_terceiro" class="d-none">Nome do títular</label>
							<input type="text" name="nome_terceiro" id="nome_terceiro" class="form-control d-none nulo_permitido">
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12">
							<label for="cnpj_terceiro" class="d-none">CPF do terceiro</label>
							<input type="text" name="cnpj_terceiro" id="cnpj_terceiro" class="form-control d-none nulo_permitido" data-mask="000-000-000-00">
						</div>
					</div>
					<div class="row mt-4 w-100">
						<div class="alert text-white text-center font-weight-bold mr-auto ml-5 mb-0 p-2 w-75" id="info_cadastro_conta_cheque"></div>
						<button type="button" class="btn btn-danger ml-auto" data-dismiss="modal">Fechar</button>
						<input type="submit" name="enviar" value="Cadastrar" class="btn btn-warning font-weight-bold mr-3">
					</div>
					<!-- <div class="row mt-5">
          </div> -->
				</form>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="modal_cheque_parcelado" aria-hidden="true" aria-labelledby="modal_cheque_parcelado" tabindex="-1" role="dialog" style="padding-right: 0px!important; margin: 0px!important;">
	<div class="modal-dialog modal-xxl modal-dialog-centered p-0 m-0" role="document">
		<div class="modal-content rounded-0 p-0">
			<div class="modal-header border-bottom border-dark d-block">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<div class="row p-0 mx-auto col-12 mt-3">
					<div class="col-lg-4 col-md-12 col-sm-12">
						<div class="card rounded bg-default mb-0 pb-0">
							<div class="card-body p-2">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-white text-dark rounded-circle shadow">
											<i class="fas fa-dollar-sign fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col">
										<h3 class="card-title text-uppercase text-muted text-dark d-block my-auto" id='valor_conta_cheque'>
											Total Pedido: <span class='valor_conta_cheque'></span>
										</h3>
										<span class="total font-weight-bold mb-0 text-success valor_total_pedido">
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-12 col-sm-12">
						<div class="card rounded bg-default mb-0 pb-0">
							<!-- Card body -->
							<div class="card-body p-2">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-white text-dark rounded-circle shadow">
											<i class="fas fa-wallet fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col">
										<h3 class="card-title text-uppercase text-muted text-dark d-block my-auto" id='valor_total_cheque'>
											Valor em cheque: <span class='valor_total_cheque text-success'></span>
										</h3>
										<span class="font-weight-bold mb-0 text-success limite">
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-12 col-sm-12">
						<div class="card rounded bg-default mb-0 pb-0">
							<!-- Card body -->
							<div class="card-body p-2">
								<div class="row">
									<div class="col-auto mx-auto">
										<div class="icon icon-shape bg-white text-dark rounded-circle shadow">
											<i class="fas fa-hand-holding-usd fa-2x text-primary"></i>
										</div>
									</div>
									<div class="col">
										<h3 class="card-title text-uppercase text-muted text-dark d-block my-auto" id='valor_troco_cheque'>
											Crédito:
											<span class='valor_troco_cheque text-success'></span>
										</h3>
										<!--  <span class="font-weight-bold mb-0 text-success anterior">
                              </span> -->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-body">
				<form id="modal_cadastro_cheque_parcelado">
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_1">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº1</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_1' name='cheque_terceiro_1' value='1'>
							<label class='custom-control-label' for='terceiro_sim_1'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_1' name='cheque_terceiro_1' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_1'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_1'>Número do cheque</label>
								<input type='text' id='numero_cheque_1' name='numero_cheque_1' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_1'>Nome do cliente</label>
								<input type='text' id='nome_titular_1' name='nome_titular_1' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_1'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_1' id='bom_para_1' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_1'>Número da agência</label>
								<input type='text' name='numero_agencia_1' id='numero_agencia_1' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_1'>Número da conta</label>
								<input type='text' name='numero_conta_1' id='numero_conta_1' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_1'>Data do cheque</label>
								<input type='date' name='data_cheque_1' id='data_cheque_1' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_1'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_1' id='valor_cheque_1' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_1'>CPF do títular</label>
								<input type='text' name='cnpj_titular_1' id='cnpj_titular_1' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_1'>Telefone de contato</label>
								<input type='text' name='telefone_titular_1' id='telefone_titular_1' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_1' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_1' id='nome_terceiro_1' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_1' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_1' id='cnpj_terceiro_1' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_2">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº2</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_2' name='cheque_terceiro_2' value='1'>
							<label class='custom-control-label' for='terceiro_sim_2'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_2' name='cheque_terceiro_2' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_2'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_2'>Número do cheque</label>
								<input type='text' id='numero_cheque_2' name='numero_cheque_2' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_2'>Nome do cliente</label>
								<input type='text' id='nome_titular_2' name='nome_titular_2' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_2'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_2' id='bom_para_2' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_2'>Número da agência</label>
								<input type='text' name='numero_agencia_2' id='numero_agencia_2' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_2'>Número da conta</label>
								<input type='text' name='numero_conta_2' id='numero_conta_2' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_2'>Data do cheque</label>
								<input type='date' name='data_cheque_2' id='data_cheque_2' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_2'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_2' id='valor_cheque_2' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_2'>CPF do títular</label>
								<input type='text' name='cnpj_titular_2' id='cnpj_titular_2' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_2'>Telefone de contato</label>
								<input type='text' name='telefone_titular_2' id='telefone_titular_2' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_2' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_2' id='nome_terceiro_2' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_2' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_2' id='cnpj_terceiro_2' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_3">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº3</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_3' name='cheque_terceiro_3' value='1'>
							<label class='custom-control-label' for='terceiro_sim_3'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_3' name='cheque_terceiro_3' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_3'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_3'>Número do cheque</label>
								<input type='text' id='numero_cheque_3' name='numero_cheque_3' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_3'>Nome do cliente</label>
								<input type='text' id='nome_titular_3' name='nome_titular_3' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_3'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_3' id='bom_para_3' class='form-control'>
							</div>

						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_3'>Número da agência</label>
								<input type='text' name='numero_agencia_3' id='numero_agencia_3' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_3'>Número da conta</label>
								<input type='text' name='numero_conta_3' id='numero_conta_3' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_3'>Data do cheque</label>
								<input type='date' name='data_cheque_3' id='data_cheque_3' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_3'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_3' id='valor_cheque_3' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_3'>CPF do títular</label>
								<input type='text' name='cnpj_titular_3' id='cnpj_titular_3' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_3'>Telefone de contato</label>
								<input type='text' name='telefone_titular_3' id='telefone_titular_3' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_3' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_3' id='nome_terceiro_3' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_3' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_3' id='cnpj_terceiro_3' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_4">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº4</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_4' name='cheque_terceiro_4' value='1'>
							<label class='custom-control-label' for='terceiro_sim_4'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_4' name='cheque_terceiro_4' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_4'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_4'>Número do cheque</label>
								<input type='text' id='numero_cheque_4' name='numero_cheque_4' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_4'>Nome do cliente</label>
								<input type='text' id='nome_titular_4' name='nome_titular_4' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_4'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_4' id='bom_para_4' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_4'>Número da agência</label>
								<input type='text' name='numero_agencia_4' id='numero_agencia_4' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_4'>Número da conta</label>
								<input type='text' name='numero_conta_4' id='numero_conta_4' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_4'>Data do cheque</label>
								<input type='date' name='data_cheque_4' id='data_cheque_4' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_4'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_4' id='valor_cheque_4' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_4'>CPF do títular</label>
								<input type='text' name='cnpj_titular_4' id='cnpj_titular_4' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_4'>Telefone de contato</label>
								<input type='text' name='telefone_titular_4' id='telefone_titular_4' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_4' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_4' id='nome_terceiro_4' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_4' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_4' id='cnpj_terceiro_4' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_5">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº5</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_5' name='cheque_terceiro_5' value='1'>
							<label class='custom-control-label' for='terceiro_sim_5'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_5' name='cheque_terceiro_5' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_5'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_5'>Número do cheque</label>
								<input type='text' id='numero_cheque_5' name='numero_cheque_5' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_5'>Nome do cliente</label>
								<input type='text' id='nome_titular_5' name='nome_titular_5' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_5'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_5' id='bom_para_5' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_5'>Número da agência</label>
								<input type='text' name='numero_agencia_5' id='numero_agencia_5' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_5'>Número da conta</label>
								<input type='text' name='numero_conta_5' id='numero_conta_5' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_5'>Data do cheque</label>
								<input type='date' name='data_cheque_5' id='data_cheque_5' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_5'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_5' id='valor_cheque_5' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_5'>CPF do títular</label>
								<input type='text' name='cnpj_titular_5' id='cnpj_titular_5' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_5'>Telefone de contato</label>
								<input type='text' name='telefone_titular_5' id='telefone_titular_5' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_5' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_5' id='nome_terceiro_5' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_5' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_5' id='cnpj_terceiro_5' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_6">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº6</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_6' name='cheque_terceiro_6' value='1'>
							<label class='custom-control-label' for='terceiro_sim_6'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_6' name='cheque_terceiro_6' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_6'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_6'>Número do cheque</label>
								<input type='text' id='numero_cheque_6' name='numero_cheque_6' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_6'>Nome do cliente</label>
								<input type='text' id='nome_titular_6' name='nome_titular_6' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_6'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_6' id='bom_para_6' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_6'>Número da agência</label>
								<input type='text' name='numero_agencia_6' id='numero_agencia_6' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_6'>Número da conta</label>
								<input type='text' name='numero_conta_6' id='numero_conta_6' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_6'>Data do cheque</label>
								<input type='date' name='data_cheque_6' id='data_cheque_6' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_6'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_6' id='valor_cheque_6' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_6'>CPF do títular</label>
								<input type='text' name='cnpj_titular_6' id='cnpj_titular_6' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_6'>Telefone de contato</label>
								<input type='text' name='telefone_titular_6' id='telefone_titular_6' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_6' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_6' id='nome_terceiro_6' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_6' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_6' id='cnpj_terceiro_6' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_7">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº7</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_7' name='cheque_terceiro_7' value='1'>
							<label class='custom-control-label' for='terceiro_sim_7'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_7' name='cheque_terceiro_7' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_7'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_7'>Número do cheque</label>
								<input type='text' id='numero_cheque_7' name='numero_cheque_7' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_7'>Nome do cliente</label>
								<input type='text' id='nome_titular_7' name='nome_titular_7' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_7'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_7' id='bom_para_7' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_7'>Número da agência</label>
								<input type='text' name='numero_agencia_7' id='numero_agencia_7' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_7'>Número da conta</label>
								<input type='text' name='numero_conta_7' id='numero_conta_7' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_7'>Data do cheque</label>
								<input type='date' name='data_cheque_7' id='data_cheque_7' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_7'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_7' id='valor_cheque_7' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_7'>CPF do títular</label>
								<input type='text' name='cnpj_titular_7' id='cnpj_titular_7' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_7'>Telefone de contato</label>
								<input type='text' name='telefone_titular_7' id='telefone_titular_7' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_7' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_7' id='nome_terceiro_7' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_7' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_7' id='cnpj_terceiro_7' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_8">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº8</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_8' name='cheque_terceiro_8' value='1'>
							<label class='custom-control-label' for='terceiro_sim_8'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_8' name='cheque_terceiro_8' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_8'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_8'>Número do cheque</label>
								<input type='text' id='numero_cheque_8' name='numero_cheque_8' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_8'>Nome do cliente</label>
								<input type='text' id='nome_titular_8' name='nome_titular_8' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_8'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_8' id='bom_para_8' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_8'>Número da agência</label>
								<input type='text' name='numero_agencia_8' id='numero_agencia_8' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_8'>Número da conta</label>
								<input type='text' name='numero_conta_8' id='numero_conta_8' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_8'>Data do cheque</label>
								<input type='date' name='data_cheque_8' id='data_cheque_8' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_8'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_8' id='valor_cheque_8' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_8'>CPF do títular</label>
								<input type='text' name='cnpj_titular_8' id='cnpj_titular_8' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_8'>Telefone de contato</label>
								<input type='text' name='telefone_titular_8' id='telefone_titular_8' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_8' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_8' id='nome_terceiro_8' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_8' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_8' id='cnpj_terceiro_8' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_9">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº9</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_9' name='cheque_terceiro_9' value='1'>
							<label class='custom-control-label' for='terceiro_sim_9'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_9' name='cheque_terceiro_9' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_9'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_9'>Número do cheque</label>
								<input type='text' id='numero_cheque_9' name='numero_cheque_9' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_9'>Nome do cliente</label>
								<input type='text' id='nome_titular_9' name='nome_titular_9' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_9'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_9' id='bom_para_9' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_9'>Número da agência</label>
								<input type='text' name='numero_agencia_9' id='numero_agencia_9' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_9'>Número da conta</label>
								<input type='text' name='numero_conta_9' id='numero_conta_9' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_9'>Data do cheque</label>
								<input type='date' name='data_cheque_9' id='data_cheque_9' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_9'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_9' id='valor_cheque_9' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_9'>CPF do títular</label>
								<input type='text' name='cnpj_titular_9' id='cnpj_titular_9' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_9'>Telefone de contato</label>
								<input type='text' name='telefone_titular_9' id='telefone_titular_9' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_9' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_9' id='nome_terceiro_9' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_9' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_9' id='cnpj_terceiro_9' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_10">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº10</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_10' name='cheque_terceiro_10' value='1'>
							<label class='custom-control-label' for='terceiro_sim_1'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_10' name='cheque_terceiro_10' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_1'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_1'>Número do cheque</label>
								<input type='text' id='numero_cheque_10' name='numero_cheque_10' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_1'>Nome do cliente</label>
								<input type='text' id='nome_titular_10' name='nome_titular_10' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_1'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_10' id='bom_para_10' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_1'>Número da agência</label>
								<input type='text' name='numero_agencia_10' id='numero_agencia_10' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_1'>Número da conta</label>
								<input type='text' name='numero_conta_10' id='numero_conta_10' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_1'>Data do cheque</label>
								<input type='date' name='data_cheque_10' id='data_cheque_10' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_10'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_10' id='valor_cheque_10' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_1'>CPF do títular</label>
								<input type='text' name='cnpj_titular_10' id='cnpj_titular_10' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_1'>Telefone de contato</label>
								<input type='text' name='telefone_titular_10' id='telefone_titular_10' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_10' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_10' id='nome_terceiro_10' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_10' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_10' id='cnpj_terceiro_10' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_11">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº11</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_11' name='cheque_terceiro_11' value='1'>
							<label class='custom-control-label' for='terceiro_sim_11'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_11' name='cheque_terceiro_11' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_11'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_11'>Número do cheque</label>
								<input type='text' id='numero_cheque_11' name='numero_cheque_11' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_11'>Nome do cliente</label>
								<input type='text' id='nome_titular_11' name='nome_titular_11' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_11'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_11' id='bom_para_11' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_11'>Número da agência</label>
								<input type='text' name='numero_agencia_11' id='numero_agencia_11' class='form-control'>
							</div>t
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_11'>Número da conta</label>
								<input type='text' name='numero_conta_11' id='numero_conta_11' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_11'>Data do cheque</label>
								<input type='date' name='data_cheque_11' id='data_cheque_11' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_11'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_11' id='valor_cheque_11' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_11'>CPF do títular</label>
								<input type='text' name='cnpj_titular_11' id='cnpj_titular_11' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_11'>Telefone de contato</label>
								<input type='text' name='telefone_titular_11' id='telefone_titular_11' class='form-control telefone_titular_contato' readonlydata-mask='(00)00000-0000'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_11' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_11' id='nome_terceiro_11' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_11' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_11' id='cnpj_terceiro_11' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
					<div class='d-none parcelas_pre_datados mb-3 border-bottom border-dark' id="parcela_12">
						<h3 class="text-center text-default font-weight-bold">Cheque parcelado nº12</h3>
						<label>Cheque de terceiro?</label><br>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_sim terceiro' type='radio' id='terceiro_sim_12' name='cheque_terceiro_12' value='1'>
							<label class='custom-control-label' for='terceiro_sim_12'>Sim</label>
						</div>
						<div class='custom-control custom-radio custom-control-inline'>
							<input class='custom-control-input terceiro_nao terceiro' type='radio' id='terceiro_nao_12' name='cheque_terceiro_12' value='0' checked>
							<label class='custom-control-label' for='terceiro_nao_12'>Não</label>
						</div>
						<div class='form-group row mt-4'>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='numero_cheque_12'>Número do cheque</label>
								<input type='text' id='numero_cheque_12' name='numero_cheque_12' class='form-control'>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='nome_titular_12'>Nome do cliente</label>
								<input type='text' id='nome_titular_12' name='nome_titular_12' class='form-control passar_nome_cliente' readonly>
							</div>
							<div class='col-lg-4 col-md-4 col-sm-12'>
								<label for='bom_para_12'>Data para desconto (Bom Para)</label>
								<input readonly type='text' name='bom_para_12' id='bom_para_12' class='form-control'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_agencia_12'>Número da agência</label>
								<input type='text' name='numero_agencia_12' id='numero_agencia_12' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='numero_conta_12'>Número da conta</label>
								<input type='text' name='numero_conta_12' id='numero_conta_12' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_12'>Data do cheque</label>
								<input type='date' name='data_cheque_12' id='data_cheque_12' class='form-control'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='data_cheque_12'>Valor</label>
								<input type='number' step=".01" name='valor_cheque_12' id='valor_cheque_12' class='form-control valor_cheque'>
							</div>
						</div>
						<div class='form-group row'>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_12'>CPF do títular</label>
								<input type='text' name='cnpj_titular_12' id='cnpj_titular_12' class='documento_titular_cheque form-control' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_titular_12'>Telefone de contato</label>
								<input type='text' name='telefone_titular_12' id='telefone_titular_12' class='form-control telefone_titular_contato' readonly>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='nome_terceiro_12' class='d-none'>Nome do terceiro</label>
								<input type='text' name='nome_terceiro_12' id='nome_terceiro_12' class='form-control d-none nulo_permitido'>
							</div>
							<div class='col-lg-3 col-md-3 col-sm-12'>
								<label for='cnpj_terceiro_12' class='d-none'>CPF do terceiro</label>
								<input type='text' name='cnpj_terceiro_12' id='cnpj_terceiro_12' class='form-control d-none nulo_permitido' data-mask='000-000-000-00'>
							</div>
						</div>
					</div>
			</div>
			<div class="modal-footer p-0" style="background-color: #e9ecef;">
				<div class="row w-100">
					<small id="alerta_observacao" class='alert text-white font-weight-bold mr-auto ml-5 mb-0 p-2'></small>
					<button type="button" class="btn btn-danger ml-auto" data-dismiss="modal">Fechar</button>
					<button type="submit" name="enviar" class="btn btn-warning font-weight-bold mr-3">Cadastrar</button>
				</div>
				<div class="row">
					<div class="alert text-center font-weight-bold w-100" id="info_cadastro_conta_cheque"></div>
				</div>
				</form>
			</div>
		</div>
	</div>
</div>

@include('php.modal-mao-de-obra')
@include('php.modal-os-atualizar')

@endsection

@push('js')
<script src="/js/print/es6-promise.auto.min.js"></script>
<script src="/js/print/jspdf.min.js"></script>
<script src="/js/print/html2canvas.min.js"></script>
<script src="/js/print/html2pdf.min.js"></script>
<script src="{{ asset('argon/vendor/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-select-bs4/js/dataTables.select.min.js') }}"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js "></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="js/moment.js"></script>
<script src="js/moment_locale.js"></script>
<script src="{{ asset('argon/vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('argon/vendor/bootstrap-datepicker/dist/locales/bootstrap-datepicker.pt-BR.min.js') }}"></script>
<script type="text/javascript" src="/js/carrinho.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<script type="text/javascript" src="/js/jquery.mask.min.js"></script>
<script src="{{ asset('argon') }}/vendor/bootstrap-notify/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="/js/carrinho_logica_2.js"></script>

<!-- Pre-loader -->
<script>
	$(document).ready(function() {
		$('.preloader').hide();
	});
</script>

<!-- Datatable -->
<script>
	$.fn.dataTable.Api.register('column().data().sum()', function() {
		return this.reduce(function(a, b) {
			var x = parseFloat(a) || 0;
			var y = parseFloat(b) || 0;
			return x + y;
		}, 0);
	});
	$(document).ready(function() {
		$('.input-daterange').datepicker({
			todayBtn: 'linked',
			format: 'yyyy-mm-dd',
			language: "pt-BR",
			autoclose: true
		});

		load_data();

		function load_data(from_date = '', to_date = '') {
			var table = $('#table').DataTable({
				order: [
					[0, 'desc']
				],
				"processing": true,
				"serverSide": false,
				"ajax": "{{ route('os.data')}}",
				"deferRender": true,
				"footerCallback": function(row, data, start, end, display) {
					var api = this.api(),
						data;

					// Remove the formatting to get integer data for summation
					var intVal = function(i) {
						return typeof i === 'string' ?
							i.replace(/[\$,]/g, '') * 1 :
							typeof i === 'number' ?
							i : 0;
					};

					// Total over all pages
					valor_total = api.column(6, {
							page: 'all'
						})
						.data()
						.reduce(function(a, b) {
							return intVal(a) + intVal(b);
						}, 0);

					total = valor_total;

					// Total over this page
					valor_page = api.column(6, {
							page: 'current'
						})
						.data()
						.reduce(function(a, b) {
							return intVal(a) + intVal(b);
						}, 0);



					pageTotal = valor_page;

					// Update footer
					document.getElementById('total-top').innerHTML = pageTotal.toLocaleString('pt-BR', {
						style: 'currency',
						currency: 'BRL'
					});

					// $(api.column(8).footer()).html();
				},

				columns: [{
						data: 'id',
						name: 'id',
						className: 'align-middle text-center',
						width: '50px'
					},
					{
						data: 'produto_os',
						name: 'produto_os',
						className: 'align-middle text-center white-space',
					},
					{
						data: 'status_os',
						name: 'status_os',
						className: 'align-middle text-center',
						width: '50px',
						"render": function(data, type, row) {
							if (data == 'PAR')
								data = '<span class="d-none">PAR</span><img id="imagem_status_' + row.id + '" data-toggle="tooltip" data-title="PAR" data-placement="bottom" src="../img/icones/PAR.png" width="30px" height="30px">';
							if (data == 'Pendente')
								data = '<span class="d-none">Pendente</span><img id="imagem_status_' + row.id + '" data-toggle="tooltip" data-title="Pendente" data-placement="bottom" src="../img/icones/warning.png" width="30px" height="30px">';
							if (data == 'Finalizado')
								data = '<span class="d-none">Finalizado</span><img id="imagem_status_' + row.id + '" data-toggle="tooltip" data-title="Finalizado" data-placement="bottom" src="../img/icones/check.png" width="30px" height="30px">';
							if (data == 'Análise')
								data = '<span class="d-none">Análise</span><img id="imagem_status_' + row.id + '" data-toggle="tooltip" data-title="Análise" data-placement="bottom" src="../img/icones/search.png" width="30px" height="30px">';
							if (data == 'Manutenção')
								data = '<span class="d-none">Manutenção</span><img id="imagem_status_' + row.id + '" data-toggle="tooltip" data-title="Manutenção" data-placement="bottom" src="../img/icones/manutencao.png" width="30px" height="30px">';
							if (data == 'Negociar')
								data = '<span class="d-none">Negociar</span><img id="imagem_status_' + row.id + '" data-toggle="tooltip" data-title="Negociar" data-placement="bottom" src="../img/icones/negociate.png" width="30px" height="30px">';
							if (data == 'Recusado')
								data = '<span class="d-none">Recusado</span><img id="imagem_status_' + row.id + '" data-toggle="tooltip" data-title="Recusado" data-placement="bottom" src="../img/icones/error.png" width="30px" height="30px">';
							if (data == 'Aguardando')
								data = '<span class="d-none">Aguardando</span><img id="imagem_status_' + row.id + '" data-toggle="tooltip" data-title="Aguardando" data-placement="bottom" src="../img/icones/aguardando.png" width="30px" height="30px">';
							if (data == 'Entrega')
								data = '<span class="d-none">Entrega</span><img id="imagem_status_' + row.id + '" data-toggle="tooltip" data-title="Entrega" data-placement="bottom" src="../img/icones/entrega.png" width="30px" height="30px">';
							return data;
						}
					},
					{
						data: 'name',
						name: 'name',
						className: 'align-middle text-center',
					},
					{
						data: '',
						name: '',
						className: 'align-middle text-center',
						"render": function(data, type, row) {
							return "<span>Mecânica: " + row.tec_mecanico_os + "</span><br><span>Eletrônica:" + row.tec_eletronica_os + "</span>";
						}
					},
					{
						data: 'razao_cliente',
						name: 'razao_cliente',
						className: 'align-middle text-center white-space',
					},
					{
						data: 'valor_os',
						name: 'valor_os',
						className: 'align-middle text-center',
					},
					{
						data: 'data_inicial',
						name: 'data_inicial',
						className: 'align-middle text-center',
						"render": function(data, type, row) {
							if (row.status_os == 'PAR')
								return data + '/' + row.data_par;
							else
								return data;
						}
					},
					{
						data: 'garantia_os',
						name: 'garantia_os',
						visible: false,
						className: 'align-middle text-center',
						"render": function(data, type, row) {
							if (data == 1)
								data = 'Garantia';
							else(data == 0)
							data = 'Sem garantia';

							return data;
						}
					},
					{
						"class": "align-middle text-center",
						"defaultContent": '',
						"data": 'id',
						"width": '50px',
						"render": function(data, type, row) {

							var limite = row.limite_credito_cliente - row.saldo_devedor_cliente;

							if (limite > 0.00 && row.limite_autorizado_cliente == 1) {
								$forma_pagamento_limite = `<option value='2'>Cheque a vista</option>` +
									`<option value='3'>Cheque pré-datado</option>` +
									`<option value='11'>Boleto</option>` +
									`<option value='12'>Fechamento</option>`;
							} else {
								$forma_pagamento_limite = '';
							}
							if (row.garantia_os == 0) {
								$forma_pagamento = `<option value='1' selected>Dinheiro</option><option value='5'>Cartão de crédito</option><option value='6'>Cartão de débito </option>` + $forma_pagamento_limite + `<option value='4'>Pagamento antecipado</option>`;
							} else
								$forma_pagamento = `<option value='12' selected>Fechamento</option>`;

							if (row.status_os == 'Finalizado' || row.status_os == 'Recusado') {
								return '';
							} else
								return `<button class="btn btn-info btn-sm btn-ajax-editar" value="` + data + `" id="os_atualizar" data-toggle="modal" data-target="#OsAtualizarModal"><i class="fas fa-edit"></i></button>` +
									` @if(auth()->user()->id == 18 || auth()->user()->id == 19 || auth()->user()->id == 20)` +
									`@else<button type="button" class="btn btn-success btn-sm btn_abre_caixa" data-original-title="teste" data-toggle="modal" data-target="#CaixaModal"` +
									`data-id="` + row.id + `"` +
									`data-cliente3="` + row.id_cliente + `"` +
									`data-restricao="` + row.limite_autorizado_cliente + `"` +
									`data-cliente="` + row.id_cliente_fk + `"` +
									`data-cliente2="` + row.razao_cliente + `"` +
									`data-total="` + row.valor_os + `"` +
									`data-saldo="` + row.saldo_devedor_cliente + `"` +
									`data-limite="` + limite + `"` +
									`data-garantia="` + row.garantia_os + `"` +
									`data-pagamento="` + $forma_pagamento + `"` +
									`data-action="OS/caixa/` + row.id + `"` +
									`data-par="` + row.data_par + `"` +
									`data-anterior="` + row.credito_anterior_cliente + `"><i class="fas fa-cash-register text-white"></i>` +
									`</button>@endif`;
						}
					}
				],
				"language": {
					"info": "Mostrando de _START_ até _END_ de _TOTAL_ registos",
					"search": "Procurar:",
					"paginate": {
						"first": "Primeiro",
						"previous": "<",
						"next": ">",
						"last": "Último"
					}
				},
				dom: 'frtip',
				lengthMenu: [
					[10, 25, 50, -1],
					['10 linhas', '25 linhas', '50 linhas', 'Todas as linhas']
				],
				buttons: [{
						extend: 'pageLength',
						className: 'btn bg-light rounded'
					},
					{
						extend: 'pdfHtml5',
						className: 'btn bg-danger text-white rounded',
						exportOptions: {
							columns: [0, 1, 2, 3, 6]
						}
					},
					{
						extend: 'excelHtml5',
						className: 'btn bg-success text-white rounded',
						exportOptions: {
							columns: [0, 1, 2, 3, 6]
						}
					},
					{
						extend: 'colvis',
						text: 'Colunas',
						className: 'btn bg-default text-white rounded'
					}
				],
				// stateSave: true

				initComplete: function() {
					this.api().columns([2]).every(function() {
						var column = this;
						var select = $('<select class="form-control form-control-sm w-100 filtro-status"><option value="">Todas</option></select>')
							.appendTo($('#filtro-status'))
							.on('change', function() {
								var val = $.fn.dataTable.util.escapeRegex(
									$(this).val()
								);
								column
									.search(val ? '^' + val + '$' : '', true, false)
									.draw();
							});
						column.data().unique().sort().each(function(d, j) {
							select.append(
								'<option value="' + d + '">' + d + "</option>"
							);
						});
					});

					this.api().columns([8]).every(function() {
						var column = this;
						var select = $('<select class="form-control form-control-sm w-100 filtro-garantia"><option value="">Todas</option></select>')
							.appendTo($('#filtro-garantia'))
							.on('change', function() {
								var val = $.fn.dataTable.util.escapeRegex(
									$(this).val()
								);
								column
									.search(val ? '^' + val + '$' : '', true, false)
									.draw();
							});
						column.data().unique().sort().each(function(d, j) {
							select.append(
								'<option value="' + d + '">' + d + "</option>"
							);
						});
					});
				}
			});

			table.columns([0]).every(function() {
				var that = this;
				$('#filtro-codigo').on('keyup change clear', function() {
					if (that.search() !== this.value) {
						that.search(this.value).draw();
					}
				});
			});

			table.columns([1]).every(function() {
				var that = this;
				$('#filtro-produto').on('keyup change clear', function() {
					if (that.search() !== this.value) {
						that.search(this.value).draw();
					}
				});
			});

			table.columns([5]).every(function() {
				var that = this;
				$('#filtro-cliente').on('keyup change clear', function() {
					if (that.search() !== this.value) {
						that.search(this.value).draw();
					}
				});
			});

		}

		$('#filter').click(function() {
			$('.filtro-status:nth-child(1)').remove();
			$('.filtro-garantia:nth-child(1)').remove();
			var from_date = $('#from_date').val();
			var to_date = $('#to_date').val();
			if (from_date != '' && to_date != '') {
				$('#table').DataTable().destroy();
				load_data(from_date, to_date);
			} else {
				alert('Precisa selecionar alguma data para filtrar');
			}
		});

		$('#refresh').click(function() {
			$('.filtro-status:nth-child(1)').remove();
			$('.filtro-garantia:nth-child(1)').remove();
			$('#from_date').val('');
			$('#to_date').val('');
			$('#table').DataTable().destroy();
			load_data();
		});
	});
</script>

<!-- Select2 Produtos -->
<script>
	var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
	$(document).ready(function() {
		$('#select_produto').select2({
			dropdownParent: $('#OsAtualizarModal'),
			placeholder: 'Selecione um produto',
			ajax: {
				url: "{{ route('os.select2_produto') }}",
				type: "get",
				dataType: 'json',
				delay: 250,
				data: function(params) {
					return {
						_token: CSRF_TOKEN,
						search: params.term // search term
					};
				},
				processResults: function(data) {
					return {
						results: data
					};
				},
				cache: true
			}
		}).on('select2:select', function(e) {
			var data = e.params.data;
			$(this).children('[value="' + data['id'] + '"]').attr({
				'imagem_produto': data["imagem_produto"],
				'preco_produto_varejo': data["preco_produto_varejo"],
				'selected': 'selected'
			});
			$('#preco_analise').val(data["preco_produto_varejo"]);
			document.getElementById('produto_analise').setAttribute("value", data["text"]);
			document.getElementById('codigo_analise').setAttribute("value", data["id"]);
			document.getElementById('imagem_analise').setAttribute("value", data["imagem_produto"]);
			document.getElementById('preco_analise').setAttribute("value", data["preco_produto_varejo"]);

		}).val(0).trigger('change');

	});
</script>

<!-- Ajax Modal Editar -->
<script>
	$(document).on('click', '.btn-ajax-editar', function() {
		let valor = $(this).val();
		$('.form').each(function() {
			this.reset();
		});
		
		$('.form select option[selected="selected"]').each(
			function() {
				$(this).removeAttr('selected');
			}
		);
		
		$('button[name="StatusRadio"]').removeClass('active');
		$(".tab-pane").removeClass('active');
		$(".tab-pane").removeClass('show');
		$('#tbody-pecas').children().remove();
		let CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
		$.ajax({
			url: "/OS/editar/" + valor,
			method: 'get',
			dataType: 'json',
			data: {
				_token: CSRF_TOKEN,
				id: valor
			},
			timeout: 5000,
			success: function(data) {
				var id = data[0].id;
				var contato = data[0].telefone_cliente;
				var contato2 = data[0].celular_cliente;
				var problema = data[0].problema_informado_os;
				var constatado = data[0].constatado_os;
				var servico = data[0].servico_os;
				var status = data[0].status_os;
				var valor = data[0].valor_os;
				var action = "{{route('os.atualizar'," + data[0].id + ")}}";
				var cliente = data[0].id_cliente_fk;
				var cliente2 = data[0].razao_cliente;
				var total = data[0].valor_os;
				var par = data[0].data_par;
				
				var mecanico = data[0].tec_mecanico_os;
				var eletronica = data[0].tec_eletronica_os;

				var limite = data[0].limite_credito_cliente - data[0].saldo_devedor_cliente;

				var anterior = data[0].credito_anterior_cliente;
				var observacao = data[0].observacao_os;

				var negociar = data[0].negociar_os;
				// var recusado = data[0].recusado_os;
				var garantia = data[0].garantia_os;

				document.getElementById('problema3').setAttribute("value", problema)
				document.getElementById('observacao').setAttribute("value", observacao)
				document.getElementById('servico3').innerText = servico
				document.getElementById('total_os').setAttribute("value", valor)
				document.getElementById('total_os_original').setAttribute("value", valor)
				document.getElementById('data_chegada').setAttribute("value", par)
				
				$("#tec_mecanico option").filter(function() {
					return this.value == mecanico;
				}).attr('selected', true);

				$("#tec_eletronica option").filter(function() {
					return this.value == eletronica;
				}).attr('selected', true);

				$("#" + status).addClass('active')
				$("#div-" + status).addClass('active')
				$("#div-" + status).addClass('show')

				document.getElementById('negociar3').setAttribute("value", negociar)
				// document.getElementById('recusado3').setAttribute("value", recusado)
				document.getElementById('id-title').innerHTML = id
				document.getElementById('model_analise_id').setAttribute("value", id)
				$('.btn-status-os').val(id)

				if (garantia == 1)
					document.getElementById('Ativo1').setAttribute("checked", 'on')
				else
					document.getElementById('Ativo2').setAttribute("checked", 'on')

				if (status == 'PAR')
					document.getElementById('Ativo1').setAttribute("checked", 'on')
				else
					document.getElementById('Ativo2').setAttribute("checked", 'on')

				for (let x = 0; x < data[1].length; x++) {
					$('#tbody-pecas').append("<tr class='text-center border-top-5'><td>" +
						data[1][x].produto_id_fk + "</td><td>" +
						"<img class='avatar' width='100' height='100' src='" + data[1][x].imagem_peca + "'></td><td>" +
						data[1][x].produto_peca + "</td><td style=' white-space: pre-wrap;'>" +
						data[1][x].preco_peca + "</td><td>" +
						data[1][x].quantidade_peca + "</td><td>" +
						data[1][x].total_peca + "</td><td  data-html2canvas-ignore='true'>" +
						"<buton class='btn btn-danger btn-ajax-remover' value='" + data[1][x].id + "'><i class='fas fa-trash'></i></button></td></tr>");
				}

			},
			error: function() {
				alert('Erro ao puxar dados para editar ordem de serviço');
			}

		})
	});
</script>

@if(auth()->user()->id == 18 || auth()->user()->id == 19 || auth()->user()->id == 20)
@else

<!-- Datatable Mao de Obra-->
<script>
	$.fn.dataTable.Api.register('column().data().sum()', function() {
		return this.reduce(function(a, b) {
			var x = parseFloat(a) || 0;
			var y = parseFloat(b) || 0;
			return x + y;
		}, 0);
	});
	$(document).ready(function() {
		$('.input-daterange').datepicker({
			todayBtn: 'linked',
			format: 'yyyy-mm-dd',
			language: "pt-BR",
			autoclose: true,
			parentEl: '#modal_mao_de_obra'
		});

		load_data_tecnicos();

		function load_data_tecnicos(from_date_tecnicos = '', to_date_tecnicos = '') {
			var table = $('#table-mao-de-obra').DataTable({
				order: [
					[0, 'desc']
				],
				"processing": true,
				"serverSide": true,
				"ajax": "{{ route('os.data_tecnico')}}",
				"deferRender": false,
				"footerCallback": function(row, data, start, end, display) {
					var api = this.api(),
						data;

					// Remove the formatting to get integer data for summation
					var intVal = function(i) {
						return typeof i === 'string' ?
							i.replace(/[\$,]/g, '') * 1 :
							typeof i === 'number' ?
							i : 0;
					};

					// Total over all pages
					valor_total = api.column(3, {
							page: 'all'
						})
						.data()
						.reduce(function(a, b) {
							return intVal(a) + intVal(b);
						}, 0);

					total = valor_total;

					// Total over this page
					valor_page = api.column(3, {
							page: 'current'
						})
						.data()
						.reduce(function(a, b) {
							return intVal(a) + intVal(b);
						}, 0);

					pageTotal = valor_page;

					document.getElementById('total-top-tecnicos').innerHTML = pageTotal.toLocaleString('pt-BR', {
						style: 'currency',
						currency: 'BRL'
					});
				},

				columns: [{
						data: 'id',
						name: 'id',
						className: 'align-middle text-center',
						width: '50px'
					},
					{
						data: 'nome',
						name: 'nome',
						className: 'align-middle text-center',
					},
					{
						data: 'servico',
						name: 'servico',
						className: 'align-middle text-center',
					},
					{
						data: 'valor',
						name: 'valor',
						className: 'align-middle text-center',
					},
					{
						data: 'data',
						name: 'data',
						className: 'align-middle text-center',
					}
				],
				"language": {
					"info": "Mostrando de _START_ até _END_ de _TOTAL_ registos",
					"search": "Procurar:",
					"paginate": {
						"first": "Primeiro",
						"previous": "<",
						"next": ">",
						"last": "Último"
					}
				},
				dom: 'frti',
				lengthMenu: [
					[-1, 10, 25, 50],
					['Todas as linhas', '10 linhas', '25 linhas', '50 linhas']
				],
				buttons: [{
						extend: 'pageLength',
						className: 'btn bg-light rounded'
					},
					{
						extend: 'pdfHtml5',
						className: 'btn bg-danger text-white rounded',
						exportOptions: {
							columns: [1, 2, 3, 4]
						}
					},
					{
						extend: 'excelHtml5',
						className: 'btn bg-success text-white rounded',
						exportOptions: {
							columns: [1, 2, 3, 4]
						}
					},
					{
						extend: 'colvis',
						text: 'Colunas',
						className: 'btn bg-default text-white rounded'
					}
				],
				// stateSave: true

				initComplete: function() {
					this.api().columns([2]).every(function() {
						var column = this;
						var select = $('<select class="form-control form-control-sm w-100 filtro-serviço"><option value="">Todas</option></select>')
							.appendTo($('#filtro-serviço'))
							.on('change', function() {
								var val = $.fn.dataTable.util.escapeRegex(
									$(this).val()
								);
								column
									.search(val ? '^' + val + '$' : '', true, false)
									.draw();
							});
						column.data().unique().sort().each(function(d, j) {
							select.append(
								'<option value="' + d + '">' + d + "</option>"
							);
						});
					});

					this.api().columns([1]).every(function() {
						var column = this;
						var select = $('<select class="form-control form-control-sm w-100 filtro-tecnico"><option value="">Todas</option></select>')
							.appendTo($('#filtro-tecnico'))
							.on('change', function() {
								var val = $.fn.dataTable.util.escapeRegex(
									$(this).val()
								);
								column
									.search(val ? '^' + val + '$' : '', true, false)
									.draw();
							});
						column.data().unique().sort().each(function(d, j) {
							select.append(
								'<option value="' + d + '">' + d + "</option>"
							);
						});
					});
				}
			});

		}
			console.log(this.from_date_tecnicos, this.to_date_tecnicos);
		$('#filter_tecnicos').click(function() {
			var from_date_tecnicos = $('#from_date_tecnicos').val();
			var to_date_tecnicos = $('#to_date_tecnicos').val();
			
			if (from_date_tecnicos != '' && to_date_tecnicos != '') {
				$('#table-mao-de-obra').DataTable().destroy();
				load_data_tecnicos(from_date_tecnicos, to_date_tecnicos);
				$('.filtro-serviço:nth-child(1)').remove();
				$('.filtro-tecnico:nth-child(1)').remove();
				
			} else {
				alert('Precisa selecionar alguma data para filtrar');
			}
		});

		$('#refresh_tecnicos').click(function() {
			$('.filtro-serviço:nth-child(1)').remove();
			$('.filtro-tecnico:nth-child(1)').remove();
			$('#from_date_tecnicos').val('');
			$('#to_date_tecnicos').val('');
			$('#table-mao-de-obra').DataTable().destroy();
			load_data_tecnicos();
		});
	});
</script>

<!-- Ajax adicionar peça -->
<script>
	$(document).on('click', '#btn-ajax-adicionar', function() {
		$.ajax({
			data: $('#PecasAjax').serialize(),
			url: "{{ route('os.pecas_adicionar') }}",
			type: "POST",
			dataType: 'json',
			success: function(data) {
				$.notify({
					icon: 'fas fa-plus-circle fa-2x',
					title: 'Peça Adicionada',
					message: data[0].produto_peca,
				}, {
					element: 'body',
					type: 'success',
					z_index: 1080,
					delay: 500,
					timer: 500,
					animate: {
						enter: 'animated fadeInDown',
						exit: 'animated fadeOutUp'
					},
					template: '<div data-notify="container" class="alert alert-dismissible alert-{0} alert-notify" role="alert">' +
						'<span class="alert-icon" data-notify="icon"></span> ' +
						'<div class="alert-text"</div> ' +
						'<span class="alert-title" data-notify="title">{1}</span> ' +
						'<span class="h3 font-weight-bold" data-notify="message">{2}</span>' +
						'</div>' +
						'<button type="button" class="close" data-notify="dismiss" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
						'</div>'
				});

				$('#tbody-pecas').append("<tr class='text-center border-top-5'><td>" +
					data[0].produto_id_fk + "</td><td>" +
					"<img class='avatar' width='100' height='100' src='" + data[0].imagem_peca + "'></td><td>" +
					data[0].produto_peca + "</td><td style=' white-space: pre-wrap;'>" +
					data[0].preco_peca + "</td><td>" +
					data[0].quantidade_peca + "</td><td>" +
					data[0].total_peca + "</td><td>" +
					"<buton class='btn btn-danger btn-ajax-remover' value='" + data[1] + "'><i class='fas fa-trash'></i></button></td></tr>");

				$('#total_os').val(data[2]);

			},
			error: function(data) {
				alert('erro');
			}
		});
	});
</script>

<!-- Ajax remover peça -->
<script>
	$(document).on('click', '.btn-ajax-remover', function() {
		let valor2 = $(this).attr('value');
		let CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			}
		});
		$.ajax({
			url: "OS/remover-pecas/" + valor2,
			type: 'DELETE',
			success: function(data) {
				$.notify({
					icon: 'fas fa-trash fa-2x',
					title: 'Peça retirada',
					message: 'Removida com sucesso'
				}, {
					element: 'body',
					type: 'danger',
					z_index: 1080,
					delay: 500,
					timer: 500,
					animate: {
						enter: 'animated fadeInDown',
						exit: 'animated fadeOutUp'
					},
					template: '<div data-notify="container" class="alert alert-dismissible alert-{0} alert-notify" role="alert">' +
						'<span class="alert-icon" data-notify="icon"></span> ' +
						'<div class="alert-text"</div> ' +
						'<span class="alert-title" data-notify="title">{1}</span> ' +
						'<span class="h3 font-weight-bold" data-notify="message">{2}</span>' +
						'</div>' +
						'<button type="button" class="close" data-notify="dismiss" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
						'</div>'
				});

				$("[value='" + valor2 + "']").parent().parent().remove()
				$('#total_os').val(data)

			},
			error: function() {
				alert('Algo deu errado');
			}
		});
	});
</script>

<!-- Ajax status -->
<script>
	$(document).on('click', '.btn-status-os', function() {
		let CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
		let valor = $(this).attr("value");
		let status = $(this).attr("id");
		let negociar = $('#negociar3').val();
		let manutencao_servico = $('#servico3').val();
		let observacao = $('#observacao').val();
		let manutencao_garantia = $("input[name='garantia']:checked").val();
		let total_os = $("#total_os").val();
		let data_chegada = $("#data_chegada").val();
		let mecanico = $("#tec_mecanico").val();
		let eletronica = $("#tec_eletronica").val();

		$.ajax({
			url: "/OS/servico-status/" + valor,
			method: 'post',
			dataType: 'json',
			data: {
				_token: CSRF_TOKEN,
				id: valor,
				status: status,
				negociar: negociar,
				manutencao_servico: manutencao_servico,
				observacao: observacao,
				manutencao_garantia: manutencao_garantia,
				total_os: total_os,
				data_chegada: data_chegada,
				mecanico: mecanico,
				eletronica: eletronica
			},
			timeout: 5000,
			success: function(data) {
				$.notify({
					icon: 'fas fa-edit fa-2x',
					title: 'Ordem de Serviço Alterada',
					message: 'Status atualizado: ' + data[0],
				}, {
					element: 'body',
					type: 'info',
					z_index: 1080,
					delay: 500,
					timer: 500,
					animate: {
						enter: 'animated fadeInDown',
						exit: 'animated fadeOutUp'
					},
					template: '<div data-notify="container" class="alert alert-dismissible alert-{0} alert-notify" role="alert">' +
						'<span class="alert-icon" data-notify="icon"></span> ' +
						'<div class="alert-text"</div> ' +
						'<span class="alert-title" data-notify="title">{1}</span> ' +
						'<span class="h3 font-weight-bold" data-notify="message">{2}</span>' +
						'</div>' +
						'<button type="button" class="close" data-notify="dismiss" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
						'</div>'
				});
				if (data[0] == 'Pendente')
					$("#imagem_status_" + data[1]).attr('src', "../img/icones/warning.png");
				if (data[0] == 'Finalizado')
					$("#imagem_status_" + data[1]).attr('src', "../img/icones/check.png");
				if (data[0] == 'Análise')
					$("#imagem_status_" + data[1]).attr('src', "../img/icones/search.png");
				if (data[0] == 'Manutenção')
					$("#imagem_status_" + data[1]).attr('src', "../img/icones/manutencao.png");
				if (data[0] == 'Negociar')
					$("#imagem_status_" + data[1]).attr('src', "../img/icones/negociate.png");
				if (data[0] == 'Recusado')
					$("#imagem_status_" + data[1]).attr('src', "../img/icones/error.png");
				if (data[0] == 'Aguardando')
					$("#imagem_status_" + data[1]).attr('src', "../img/icones/aguardando.png");
				if (data[0] == 'Entrega')
					$("#imagem_status_" + data[1]).attr('src', "../img/icones/entrega.png");
			},
			error: function() {
				alert('Dados não enviados');
			}

		})
	});
</script>

<!-- Caixa-->
<script>
	$('#CaixaModal').on('show.bs.modal', function(event) {
		var button = $(event.relatedTarget)
		var cliente = button.data('cliente')
		var cliente2 = button.data('cliente2')
		var idCliente = button.data('cliente3')
		var restricao = button.data('restricao')
		if (button.data('total') != null || button.data('total') > 0) {
			var total = button.data('total')
			total = total.toString().replace(',', '');
		}
		var limite = button.data('limite');
		var anterior = button.data('anterior');
		var pagamento = button.data('pagamento');
		var action = button.data('action');
		var id = button.data('id')
		// var sku = button.data('sku')

		var modal = $(this);
		modal.find('#model_pedido_id').val(id)
		modal.find('#credito_anterior_cliente').val(anterior)
		modal.find('#option-cliente').val(cliente);
		if (button.data('total') != null) {
			modal.find('#cnpj_cpf_cliente').val(cliente);
		}
		modal.find('#option-cliente').text(cliente2);
		if (button.data('total') != null || button.data('total') > 0) {
			modal.find('#valor_total_pedido').val(total);
			modal.find('.valor_total_pedido, #valor_restante').text(total);
		}

		modal.find('.limite').text(limite);
		modal.find('.anterior').text(anterior);
		modal.find('#select_forma_pagamento').html(pagamento);
		modal.find('#limite_de_credito_cliente_permitido').val(limite);
		modal.find('.modal-body form').attr("action", action);
		modal.find('#clone_id_cliente').val(cliente);

		/*Lógica para mostrar ou não o botão de parcela*/
		if (restricao == 0 || restricao === undefined) {
			if ($('#restricao').hasClass('d-none')) {
				$('#restricao').removeClass('d-none');
				$('#btn_restricao').prop("value", idCliente);
			}
		} else {
			$('#restricao').addClass('d-none');
			$('#btn_restricao').removeAttr('value');
		}
		$('#valor_dinheiro').show().focus();
		// modal.find('.modal-title').text('Estoque: ' + nome)
		// modal.find('.modal-body #sku').val(sku)
	})
</script>
@endif

<script>
	function os_orcamento() {
		$('#table-header').removeClass('d-none');
		$('#table-footer').removeClass('d-none');
		var element = document.getElementById('canvas_div_pdf_orcamento');
		var opt = {
			margin: 1,
			filename: 'os-orcamento.pdf',
			image: {
				type: 'jpeg',
				quality: 0.98
			},
			html2canvas: {
				scale: 2,
				y: window.scrollY,
				logging: true
			},
			jsPDF: {
				unit: 'mm',
				format: 'a4',
				orientation: 'portrait'
			}
		};

		// New Promise-based usage:
		html2pdf().set(opt).from(element).save();

		setTimeout(function() {
			$('#table-header').addClass('d-none');
			$('#table-footer').addClass('d-none');
		}, 3000);

	};
</script>

@endpush