@extends('../layouts.app')

<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">

@section('title', 'Editar Participantes')
@section('content')
@include('../layouts.headers.cards_prod')

<style>
	/* width */
	::-webkit-scrollbar {
		width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		background: #888;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

	.white-space {
		white-space: pre-wrap;
	}

	select {
		font-family: 'FontAwesome',
			Verdana !important
	}
</style>

@foreach($clientes as $clientes)
@endforeach

<div class="container-fluid mt--7">
	<div class="row">
		<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-7">
							<h3 class="mb-0">{{ $clientes->razao_cliente }}</h3>
						</div>
						<div class="col-5 text-right">
							<a href="{{route('clientes_reman')}}" class="btn btn-sm btn-default">{{ __('Voltar') }}</a>
						</div>
					</div>
				</div>

				<ul class="nav nav-pills nav-fill flex-column flex-md-row px-3" id="tabs-icons-text" role="tablist">
					<li class="nav-item">
						<a class="nav-link active" id="tab-1" data-toggle="tab" href="#dados-pessoais" role="tab" aria-controls="simples" aria-selected="true"><strong>Dados Pessoais</strong></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" id="tab-2" data-toggle="tab" href="#comercial" role="tab" aria-controls="tecnica" aria-selected="false"><strong>Financeiro</strong></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" id="tab-6" data-toggle="tab" href="#login" role="tab" aria-controls="tecnica" aria-selected="false"><strong>Login</strong></a>
					</li>
					<li class="nav-item">
						<a class="nav-link" id="tab-7" data-toggle="tab" href="#historico" role="tab" aria-controls="tecnica" aria-selected="false"><strong>Histórico</strong></a>
					</li>
				</ul>

				<form id="post" class="atualizar_cliente" method="post" enctype="multipart/form-data" action="{{route('clientes_reman.atualizar',$clientes->id)}}">
					<!-- Passando o Token -->
					{{csrf_field()}}
					<div class="tab-content border-top-0 " id="myTabContent">
						<div class="card-body tab-pane fade show active" id="dados-pessoais" role="tabpanel">
							<div class="row">
								<div class="col-md-6 border-right">
									<h6 class="heading-small text-muted mb-4">Dados Pessoais</h6>
									<div class="row">
										<div class="col-md-6 col-lg-6 col-sm-6">
											<div class="form-group">
												<label class="form-control-label" for="input-name">CNPJ/CPF</label>
												<input type="text" clearifnotmatch="true" class="form-control " id="cnpj" name="cnpj_cpf_cliente" value="{{$clientes->cnpj_cpf_cliente}}" readonly placeholder="CNPJ ou CPF">
											</div>
										</div>
										<div class="col-md-3 col-lg-3 col-sm-3">
											<div class="form-group">
												<label class="form-control-label" for="input-name">IE</label>
												<input type="text" data-mask="0000000000000" class="form-control " value="{{$clientes->ie_cliente}}" id="ie" name="ie_cliente" placeholder="IE">
											</div>
										</div>
										<div class="col-md-3 col-lg-3 col-sm-3">
											<label class="form-control-label">Cliente isento ?</label>
											<br>
											<label class="custom-toggle mt-3">
												<input id="checkbox-ie" type="checkbox">
												<span class="custom-toggle-slider rounded-circle" data-label-off="Não" data-label-on="Sim"></span>
											</label>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6 col-lg-6 col-sm-12">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Nome</label>
												<input type="text" class="form-control " id="nome" name="razao_cliente" value="{{$clientes->razao_cliente}}" placeholder="Nome do Cliente">
											</div>
										</div>
										<div class="col-md-6 col-lg-6 col-sm-12">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Empresa</label>
												<input type="text" class="form-control " id="fantasia" value="{{$clientes->fantasia_cliente}}" name="fantasia_cliente" placeholder="Nome da Empresa">
											</div>
										</div>
									</div>

									<div class="row">
										<div class="col-md-3 col-lg-3 col-sm-12">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Pessoa</label>
												<select class="form-control " name="pessoa_cliente" id="pessoa_cliente">
													<option>{{$clientes->pessoa_cliente}} </option>
													<option>Física</option>
													<option>Jurídica</option>
													<option>Exterior</option>
												</select>
											</div>
										</div>

										<div class="col-md-3 col-lg-3 col-sm-12">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Tipo</label>
												<select class="form-control " name="tipo_cliente" id="tipo_cliente">
													<option>{{$clientes->tipo_cliente}} </option>
													<option>Cliente</option>
													<option>Fornecedor</option>
													<option>Transportadora</option>
												</select>
											</div>
										</div>

										<div class="col-md-3 col-lg-3 col-sm-12">
											<label class="form-control-label" for="input-name">Tabela</label>
											<div class="custom-control custom-radio">
												<input type="radio" id="Consumidor1" name="consumidor_cliente" value="1" class="custom-control-input" {{  isset($clientes->consumidor_cliente) && $clientes->consumidor_cliente == 1 ? 'checked' : '' }}>
												<label class="custom-control-label" for="Consumidor1">Varejo</label>
											</div>
											@can('cadastrar-atacado')
											<div class="custom-control custom-radio">
												<input type="radio" id="Consumidor2" name="consumidor_cliente" value="2" class="custom-control-input" {{  isset($clientes->consumidor_cliente) && $clientes->consumidor_cliente == 2 ? 'checked' : '' }}>
												<label class="custom-control-label" for="Consumidor2">Atacado</label>
											</div>
											@endcan
										</div>

										<div class="col-md-3 col-lg-3 col-sm-12">
											<label class="form-control-label" for="input-name">Status</label>
											<div class="custom-control custom-radio">
												<input type="radio" id="Ativo1" name="status_cliente" value="1" class="custom-control-input" {{  isset($clientes->status_cliente) && $clientes->status_cliente == 1 ? 'checked' : '' }}>
												<label class="custom-control-label" for="Ativo1">Ativo</label>
											</div>
											<div class="custom-control custom-radio">
												<input type="radio" id="Ativo2" name="status_cliente" value="0" class="custom-control-input" {{  isset($clientes->status_cliente) && $clientes->status_cliente == 0 ? 'checked' : '' }}>
												<label class="custom-control-label" for="Ativo2">Inativo</label>
											</div>
										</div>
									</div>

									<div class="row">

										<div class="col-md-4 col-lg-4 col-sm-12">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Telefone</label>
												<input type="text" data-mask="(00) 0000-0000" class="form-control " value="{{$clientes->telefone_cliente}}" id="telefone_cliente" name="telefone_cliente" placeholder="telefone">
											</div>
										</div>

										<div class="col-md-4 col-lg-4 col-sm-12">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Celular</label>
												<input type="text" data-mask="(00) 00000-0000" class="form-control " value="{{$clientes->celular_cliente}}" id="celular_cliente" name="celular_cliente" placeholder="celular">
											</div>
										</div>

										<div class="col-md-4 col-lg-4 col-sm-12">
											<label class="form-control-label" for="input-name">Whatsapp</label>
											<div class="custom-control custom-checkbox">
												<input name="whatsapp_cliente" type="checkbox" class="custom-control-input" value="1" id="whatsapp_cliente" {{  isset($clientes->whatsapp_cliente) && $clientes->whatsapp_cliente == 1 ? 'checked' : '' }}>
												<label class="custom-control-label" for="whatsapp_cliente">Sim</label>
											</div>
										</div>
									</div>

								</div>

								<div class="col-md-6">
									<h6 class="heading-small text-muted mb-4">Endereço</h6>
									<div class="row">
										<div class="col-md-6 col-lg-6 col-sm-6">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Cep</label>
												<input type="text" data-mask="00000-000" value="{{$clientes->cep_cliente}}" class="form-control " id="cep" name="cep_cliente" placeholder="CEP">
											</div>
										</div>
										<div class="col-md-6 col-lg-6 col-sm-6">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Casa</label>
												<input type="text" class="form-control " value="{{$clientes->casa_cliente}}" id="numero" name="casa_cliente" placeholder="número da casa">
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6 col-lg-6 col-sm-6">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Rua</label>
												<input type="text" class="form-control " value="{{$clientes->rua_cliente}}" id="logadouro" name="rua_cliente" placeholder="Rua">
											</div>
										</div>
										<div class="col-md-6 col-lg-6 col-sm-6">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Bairro</label>
												<input type="text" class="form-control " value="{{$clientes->bairro_cliente}}" id="bairro" name="bairro_cliente" placeholder="Bairro">
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-6 col-lg-6 col-sm-6">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Cidade</label>
												<input type="text" class="form-control " id="cidade" value="{{$clientes->cidade_cliente}}" name="cidade_cliente" placeholder="Cidade">
											</div>
										</div>
										<div class="col-md-6 col-lg-6 col-sm-6">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Estado</label>
												<select class="form-control " name="uf_cliente" id="uf_cliente">
													<option value="{{$clientes->uf_cliente}}">{{$clientes->uf_cliente}}</option>
													<option value="AL">Alagoas</option>
													<option value="AP">Amapá</option>
													<option value="AM">Amazonas</option>
													<option value="BA">Bahia</option>
													<option value="CE">Ceará</option>
													<option value="DF">Distrito Federal</option>
													<option value="ES">Espírito Santo</option>
													<option value="GO">Goiás</option>
													<option value="MA">Maranhão</option>
													<option value="MT">Mato Grosso</option>
													<option value="MS">Mato Grosso do Sul</option>
													<option value="MG">Minas Gerais</option>
													<option value="PA">Pará</option>
													<option value="PB">Paraíba</option>
													<option value="PR">Paraná</option>
													<option value="PE">Pernambuco</option>
													<option value="PI">Piauí</option>
													<option value="RJ">Rio de Janeiro</option>
													<option value="RN">Rio Grande do Norte</option>
													<option value="RS">Rio Grande do Sul</option>
													<option value="RO">Rondônia</option>
													<option value="RR">Roraima</option>
													<option value="SC">Santa Catarina</option>
													<option value="SP">São Paulo</option>
													<option value="SE">Sergipe</option>
													<option value="TO">Tocantins</option>
												</select>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-6">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Ponto de Referência</label>
												<input type="text" class="form-control " value="{{$clientes->ponto_referencia_cliente}}" id="ponto_referencia_cliente" name="ponto_referencia_cliente" placeholder="Locais proximos conhecidos">
											</div>
										</div>
										<div class="col-md-6 col-lg-6 col-sm-6">
											<div class="form-group">
												<label class="form-control-label" for="input-name">Código do munícipio</label>
												<input type="number" class="form-control " step="1" maxlength="10" min="0" value="{{$clientes->codigo_municipio_cliente}}" id="codigo_cidade_cliente" name="codigo_cidade_cliente">
												<small><a href="http://www.roseno.info/cidadesconsulta.aspx" target="_blank" class="text-warning h5 font-weight-bold">Pesquisar código do munícipio</a></small>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>


						@if(auth()->user()->id_endereco_fk == 2 || auth()->user()->id_endereco_fk == 5 || auth()->user()->id_endereco_fk == 3)

						<div class="card-body tab-pane fade" id="comercial" role="tabpanel">
							<div class="row">
								<div class="col-md-12">
									<div class="row">
										<div class="form-group col-md-4">
											<label class="form-control-label" for="input-name">Saldo</label>
											<input type="number" step="0.01" class="form-control form-control-alternative" value="{{$clientes->credito_anterior_cliente}}" id="saldo_cliente" name="saldo_cliente" placeholder="Saldo do cliente" readonly>
										</div>
										<div class="form-group col-md-4">
											<label class="form-control-label" for="input-name">Limite de Crédito</label>
											<input type="number" step="0.01" class="form-control form-control-alternative" value="{{$clientes->limite_credito_cliente}}" id="limite_cliente" name="limite_cliente" placeholder="Limite do cliente">
										</div>
										<div class="form-group col-md-4">
											<label class="form-control-label" for="input-name">Limite Utilizado</label>
											<input type="number" step="0.01" class="form-control form-control-alternative" id="utilizado_cliente" name="utilizado_cliente" value="{{$clientes->saldo_devedor_cliente}}" placeholder="Valor já usado pelo cliente">
										</div>
									</div>
								</div>

								<div class="col-md-12">
									<ul class="nav nav-pills nav-fill flex-column flex-md-row px-3" id="tabs-icons-text" role="tablist">
										<li class="nav-item">
											<a class="nav-link active" id="tab-1" data-toggle="tab" href="#extrato-saldo" role="tab" aria-controls="simples" aria-selected="true"><strong>Crédito Anterior</strong></a>
										</li>
										<li class="nav-item">
											<a class="nav-link" id="tab-2" data-toggle="tab" href="#extrato-limite" role="tab" aria-controls="tecnica" aria-selected="false"><strong>Limite de Crédito</strong></a>
										</li>
										<li class="nav-item">
											<a class="nav-link" id="tab-2" data-toggle="tab" href="#restricao_cliente" role="tab" aria-controls="restricao" aria-selected="false"><strong>Restrições <i class="fas fa-exclamation-triangle ml-2"></i></strong></a>
										</li>
									</ul>
									@php
									$total_entrada_saldo = 0;
									$total_saida_saldo = 0;
									$total_entrada_limite = 0;
									$total_saida_limite = 0;
									@endphp
									<div class="tab-content border-top-0 " id="myTabContent2">
										<div class="card-body tab-pane fade show active" id="extrato-saldo" role="tabpanel">
											<div class="row">
												<div class="col-md-6">
													<label class="form-control-label" for="input-name">Entrada</label>
													<button type="button" class="btn btn-sm btn-success float-right" data-toggle="modal" data-target="#ModalCredito">adicionar</button>
													<div class="form-control form-control-alternative p-0 border border-success " style="max-height:200px; height:200px; overflow-y:auto;" id="extrato_saldo" rows="11" disabled>
														<table class="table align-items-center table-bordered table-striped table-hover table-sm">
															<thead class="thead-light text-center">
																<th>Devolução</th>
																<th>Observação</th>
																<th>Valor</th>
															</thead>
															<tbody>
																@foreach($entrada_saldo as $entrada_saldo)
																@php
																$total_entrada_saldo += $entrada_saldo->valor_credito;
																@endphp
																<tr>
																	<td class='text-center'>{{$entrada_saldo->devolucao_id_fk}}</td>
																	<td class='text-center'>{{$entrada_saldo->observacao_credito}}</td>
																	<td class='text-center'>{{number_format($entrada_saldo->valor_credito, 2, ',', '.')}}</td>
																</tr>
																@endforeach
															</tbody>
														</table>
													</div>
												</div>
												<div class="col-md-6">
													<label class="form-control-label" for="input-name">Saída</label>
													<div class="form-control form-control-alternative p-0 border border-danger" style="max-height:200px; height:200px; overflow-y:auto;" id="extrato_limite" rows="11" disabled>
														<table class="table align-items-center table-bordered table-striped table-hover table-sm">
															<thead class="thead-light text-center">
																<th>Codigo</th>
																<th>Tipo</th>
																<th>Valor</th>
															</thead>
															<tbody>
																@foreach($saida_saldo as $saida_saldo)
																@php
																$total_saida_saldo += $saida_saldo->valor_receber;
																@endphp
																<tr>
																	<td class='text-center'>{{$saida_saldo->id_pedido_fk}}</td>
																	<td class='text-center'>{{$saida_saldo->tag_receber}}</td>
																	<td class='text-center'>{{number_format($saida_saldo->valor_receber, 2, ',', '.')}}</td>
																</tr>
																@endforeach
															</tbody>
														</table>
													</div>
												</div>
												<div class="col-md-12">
													<input type="text" class="form-control font-weight-bold text-black mt-2" value="No Sistema novo cliente deve ter: {{$total_entrada_saldo - $total_saida_saldo}} de credito anterior" readonly>
												</div>
											</div>
										</div>
										<div class="card-body tab-pane fade" id="extrato-limite" role="tabpanel">
											<div class="row">
												<div class="col-md-6">
													<label class="form-control-label" for="input-name">Entrada</label>
													<div class="form-control form-control-alternative p-0 border border-success" style="max-height:200px; height:200px; overflow-y:auto;" id="extrato_saldo" rows="11" disabled>
														<table class="table align-items-center table-bordered table-striped table-hover table-sm">
															<thead class="thead-light text-center">
																<th>Codigo</th>
																<th>Tipo</th>
																<th>Forma</th>
																<th>Valor</th>
															</thead>
															<tbody>
																@foreach($entrada_limite as $entrada_limite)
																@php
																$total_entrada_limite += $entrada_limite->valor_receber;
																@endphp
																<tr>
																	<td class='text-center'>{{$entrada_limite->id_pedido_fk}}</td>
																	<td class='text-center'>{{$entrada_limite->tag_receber}}</td>
																	<td class='text-center white-space'>{{$entrada_limite->nome_tipo_pagamento}}</td>
																	<td class='text-center'>{{number_format($entrada_limite->valor_receber, 2, ',', '.')}}</td>
																</tr>
																@endforeach
															</tbody>
														</table>
													</div>
												</div>
												<div class="col-md-6 ">
													<label class="form-control-label" for="input-name">Saída</label>
													<div class="">
														<div class="form-control form-control-alternative p-0 border border-danger" style="max-height:200px; height:200px; overflow-y:auto;" id="extrato_limite" rows="11" disabled>
															<table class="table align-items-center table-bordered table-striped table-hover table-sm ">
																<thead class="thead-light text-center">
																	<th>Codigo</th>
																	<th>Tipo</th>
																	<th>Forma</th>
																	<th>Valor</th>
																</thead>
																<tbody>
																	@foreach($saida_limite as $saida_limite)
																	@php
																	$total_saida_limite += $saida_limite->valor_receber;
																	@endphp
																	<tr>
																		<td class='text-center'>{{$saida_limite->id_pedido_fk}}</td>
																		<td class='text-center'>{{$saida_limite->tag_receber}}</td>
																		<td class='text-center white-space'>{{$saida_limite->nome_tipo_pagamento}}</td>
																		<td class='text-center'>{{number_format($saida_limite->valor_receber, 2, ',', '.')}}</td>
																	</tr>
																	@endforeach
																</tbody>
															</table>
														</div>
													</div>
												</div>
												<div class="col-md-12">
													<input type="text" class="form-control font-weight-bold text-black mt-2" value="No Sistema novo cliente deve ter: {{number_format($clientes->limite_credito_cliente - $total_saida_limite, 2, ',', '.')}} de limite disponivel" readonly>
												</div>
											</div>
										</div>
										<div class="card-body tab-pane fade" id="restricao_cliente" role='tabpanel'>
											<label for="observacao_cliente_atualizar" class="text-danger font-weight-bold">Observação</label>
											<textarea name="observacao_cliente_atualizar" id="observacao_cliente_atualizar" class="form-control border border-danger">{{$clientes->observacao_cliente}}</textarea>
										</div>
									</div>
								</div>
							</div>
							<!--<div class="form-group mt-4">
								<label for="observacao_cliente_atualizar" class="text-danger font-weight-bold">Observação</label>
								<textarea name="observacao_cliente_atualizar" id="observacao_cliente_atualizar" class="form-control">{{$clientes->observacao_cliente}}</textarea>
							</div>-->
						</div>

						@else

						<div class="card-body tab-pane fade" id="comercial" role="tabpanel">
							<div class="form-group mt-4">
								<label for="observacao_cliente_atualizar" class="text-danger font-weight-bold">Observação</label>
								<textarea name="observacao_cliente_atualizar" id="observacao_cliente_atualizar" class="form-control">{{$clientes->observacao_cliente}}</textarea>
							</div>
						</div>
						
						@endif


						<div class="card-body tab-pane fade" id="login" role="tabpanel">
							<div class="row">
								<div class="col-md-6 col-lg-6 col-sm-12">
									<div class="form-group">
										<label class="form-control-label" for="input-name">Email</label>
										<input type="text" class="form-control " value="{{$clientes->email_cliente}}" id="email" name="email_cliente" placeholder="Nome do Cliente">
									</div>
								</div>
								<div class="col-md-6 col-lg-6 col-sm-12">
									<div class="form-group">
										<label class="form-control-label" for="input-name">Senha</label>
										<input type="text" class="form-control " value="{{$clientes->password}}" id="password" name="password" placeholder="Senha do Cliente">
									</div>
								</div>
							</div>
						</div>
						<div class="card-body tab-pane fade" id="historico" role="tabpanel">
							<div class="row p-0">
								<div class="col-md-4">
									<div class="card">
										<!-- Card body -->
										<div class="card-body p-1">
											<div class="row align-items-center">
												<div class="col-auto">
													<!-- Avatar -->
													<span class="avatar avatar-lg bg-success">
														<i class="fas fa-chart-line fa-2x"></i>
													</span>
												</div>
												<div class="col ml--2">
													<h4 class="mb-0">
														Montante
													</h4>
													<p class="text-success font-weight-bold mb-0">R$ {{number_format($total_compra, 2, ",", ".")}}</p>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="card">
										<!-- Card body -->
										<div class="card-body p-1">
											<div class="row align-items-center">
												<div class="col-auto">
													<!-- Avatar -->
													<span class="avatar avatar-lg bg-danger">
														<i class="fas fa-bomb fa-2x"></i>
													</span>
												</div>
												<div class="col ml--2">
													<h4 class="mb-0">
														Risco <span class="text-muted"> (Com base em 5%)</span>
													</h4>
													<p class="text-danger font-weight-bold mb-0">R$ {{number_format($total_compra * 0.05, 2, ",", ".")}}</p>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="card">
										<!-- Card body -->
										<div class="card-body p-1">
											<div class="row align-items-center">
												<div class="col-auto">
													<!-- Avatar -->
													<span class="avatar avatar-lg bg-warning">
														<i class="fas fa-shopping-basket fa-2x"></i>
													</span>
												</div>
												<div class="col ml--2">
													<h4 class="mb-0">
														Média / Pedido
													</h4>
													<p class="text-warning font-weight-bold mb-0">R$ {{number_format($total_compra / $quantidade_compra, 2, ",", ".")}}</p>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-4 border-right">
									<div class="card">
										<div class="card-header bg-default">
											<h4 class="text-white">Formas de Pagamento</h4>
										</div>
										<ul class="list-group list-group-flush list my--3">
											@foreach($forma_pagamento as $pagamento)
											<li class="list-group-item p-2">
												<div class="row align-items-center">

													@if ($pagamento->nome_pagamento == 'dinheiro')
													<div class="col-auto">
														<span class="avatar rounded-circle bg-default">
															<i class="fas fa-money-bill-wave text-success"> </i>
														</span>
													</div>
													<div class="col">
														<h4 class="mb-1">Dinheiro</h4>
														<p class="mb-1 font-weight-bold">R$ {{number_format($pagamento->valor_receber_total, 2, ",", ".")}}</p>
														<div class="progress progress-xs mb-0">
															<div class="progress-bar bg-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: {{($pagamento->valor_receber_total / $total_compra)*100}}%"></div>
														</div>
													</div>
													@elseif ($pagamento->nome_pagamento == 'cheque a vista')
													<div class="col-auto">
														<span class="avatar rounded-circle bg-default">
															<i class="fas fa-money-check-alt text-danger"></i>
														</span>
													</div>
													<div class="col">
														<h4 class="mb-1">Cheque</h4>
														<p class="mb-1 font-weight-bold">R$ {{number_format($pagamento->valor_receber_total, 2, ",", ".")}}</p>
														<div class="progress progress-xs mb-0">
															<div class="progress-bar bg-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: {{($pagamento->valor_receber_total / $total_compra)*100}}%"></div>
														</div>
													</div>
													@elseif ($pagamento->nome_pagamento == 'cheque pre datado')
													<div class="col-auto">
														<span class="avatar rounded-circle bg-default">
															<i class="fas fa-money-check-alt text-danger"></i>
														</span>
													</div>
													<div class="col">
														<h4 class="mb-1">Cheque pre-datado</h4>
														<p class="mb-1 font-weight-bold">R$ {{number_format($pagamento->valor_receber_total, 2, ",", ".")}}</p>
														<div class="progress progress-xs mb-0">
															<div class="progress-bar bg-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: {{($pagamento->valor_receber_total / $total_compra)*100}}%"></div>
														</div>
													</div>
													@elseif ($pagamento->nome_pagamento == 'cartao de credito')
													<div class="col-auto">
														<span class="avatar rounded-circle bg-default">
															<i class="fas fa-credit-card text-info"></i>
														</span>
													</div>
													<div class="col">
														<h4 class="mb-1">Cartão de crédito</h4>
														<p class="mb-1 font-weight-bold">R$ {{number_format($pagamento->valor_receber_total, 2, ",", ".")}}</p>
														<div class="progress progress-xs mb-0">
															<div class="progress-bar bg-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: {{($pagamento->valor_receber_total / $total_compra)*100}}%"></div>
														</div>
													</div>
													@elseif ($pagamento->nome_pagamento == 'cartao de debito')
													<div class="col-auto">
														<span class="avatar rounded-circle bg-default">
															<i class="fas fa-credit-card text-info"></i>
														</span>
													</div>
													<div class="col">
														<h4 class="mb-1">Cartão de débito</h4>
														<p class="mb-1 font-weight-bold">R$ {{number_format($pagamento->valor_receber_total, 2, ",", ".")}}</p>
														<div class="progress progress-xs mb-0">
															<div class="progress-bar bg-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: {{($pagamento->valor_receber_total / $total_compra)*100}}%"></div>
														</div>
													</div>
													@elseif ($pagamento->nome_pagamento == 'pagamento antecipado')
													<div class="col-auto">
														<span class="avatar rounded-circle bg-default">
															<i class="fas fa-file-invoice-dollar text-primary"></i>
														</span>
													</div>
													<div class="col">
														<h4 class="mb-1">Pagamento Antecipado</h4>
														<p class="mb-1 font-weight-bold">R$ {{number_format($pagamento->valor_receber_total, 2, ",", ".")}}</p>
														<div class="progress progress-xs mb-0">
															<div class="progress-bar bg-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: {{($pagamento->valor_receber_total / $total_compra)*100}}%"></div>
														</div>
													</div>
													@elseif ($pagamento->nome_pagamento == 'boleto')
													<div class="col-auto">
														<span class="avatar rounded-circle bg-default">
															<i class="fas fa-file-invoice-dollar text-primary"></i>
														</span>
													</div>
													<div class="col">
														<h4 class="mb-1">Boleto</h4>
														<p class="mb-1 font-weight-bold">R$ {{number_format($pagamento->valor_receber_total, 2, ",", ".")}}</p>
														<div class="progress progress-xs mb-0">
															<div class="progress-bar bg-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: {{($pagamento->valor_receber_total / $total_compra)*100}}%"></div>
														</div>
													</div>
													@elseif ($pagamento->nome_pagamento == 'credito anterior')
													<div class="col-auto">
														<span class="avatar rounded-circle bg-default">
															<i class="fas fa-wallet text-light"></i>
														</span>
													</div>
													<div class="col">
														<h4 class="mb-1">Saldo Anterior</h4>
														<p class="mb-1 font-weight-bold">R$ {{number_format($pagamento->valor_receber_total, 2, ",", ".")}}</p>
														<div class="progress progress-xs mb-0">
															<div class="progress-bar bg-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: {{($pagamento->valor_receber_total / $total_compra)*100}}%"></div>
														</div>
													</div>
													@elseif ($pagamento->nome_pagamento == 'fechamento')
													<div class="col-auto">
														<span class="avatar rounded-circle bg-default">
															<i class="fas fa-business-time text-light"></i>
														</span>
													</div>
													<div class="col">
														<h4 class="mb-1">Fechamento</h4>
														<p class="mb-1 font-weight-bold">R$ {{number_format($pagamento->valor_receber_total, 2, ",", ".")}}</p>
														<div class="progress progress-xs mb-0">
															<div class="progress-bar bg-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: {{($pagamento->valor_receber_total / $total_compra)*100}}%"></div>
														</div>
													</div>
													@endif

												</div>
											</li>
											@endforeach

										</ul>
									</div>
								</div>
								<div class="col-md-8">
									<p class="text-center">
										<button class="btn btn-info btn-block" type="button" data-toggle="collapse" data-target="#collapse_filtros" aria-expanded="false" aria-controls="collapseExample">
											<i class="fas fa-eye"></i> Exibir filtros da tabela
										</button>
									</p>
									<div class="collapse" id="collapse_filtros">
										<div class="row p-0">
											<div class="col-md-12">
												<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-6">
														<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>
															<!-- <button type="button" id="atulizar_tabela" class="btn btn-success btn_atualizar">Atualizar</button> -->
														</div>
													</div>
												</div>
											</div>
											<div class="col-md-6 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-6 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-check-circle 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">Finalizada</h5>
																</div>
																<span id="filtro-finalizada" class="font-weight-bold mb-0 text-white">
																</span>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="table-responsive">
										<table class="table table-bordered w-100 table-dark table-sm table-striped table-hover" id="table">
											<thead class="thead-dark">
												<tr class="text-center">
													<th>Codigo</th>
													<th>Pagamento</th>
													<th>Vendedor</th>
													<th>Produtos</th>
													<th>Data</th>
													<th class="d-none">Finalizado</th>
												</tr>
											</thead>
											<tbody>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
					@can('adicionar-clientes')
					<div class="text-center">
						<button type="submit" class="btn btn-success my-2">Salvar</button>
					</div>
					@endcan
				</form>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id='modal_forma_pagamento' aria-labelledby='modal_forma_pagamento' aria-hidden='true' role='dialog' tabindex="-1">
	<div class="modal-dialog modal-dialog-centered modal-lg" role='document'>
		<div class="modal-content bg-default text-white">
			<div class="modal-header">
				<h3 class='text-center text-white h1'><u>Verificar as formas de pagamento selecionada.</u></h3>
				<button type='button' class="close" data-dismiss='modal' aria-label='Close'>
					<span aria-hidden='true' class='text-white'>&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div id="formas_pagamento_composto">

				</div>
			</div>
			<div class="modal-footer border-top border-white">
				<div class="row">
					<button class="btn btn-outline-info d-block ml-auto mr-3 font-weight-bold" data-dismiss='modal'>Fechar</button>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id='ModalCredito' aria-labelledby='ModalCredito' aria-hidden='true' role='dialog' tabindex="-1">
	<div class="modal-dialog modal-dialog-centered modal-lg" role='document'>
		<div class="modal-content">
			<div class="modal-header">
				<h3 class='text-center'>Adicionar Crédito</h3>
				<button type='button' class="close" data-dismiss='modal' aria-label='Close'>
					<span aria-hidden='true'>&times;</span>
				</button>
			</div>
			<form method="POST" action="{{ route('clientes_reman.credito') }}">
				{{ csrf_field() }}
				<div class="modal-body">
					<div class="row">
						<div class="d-none">
							<div class="form-group">
								<label class="form-control-label" for="input-name">Codigo</label>
								<input type="text" class="form-control " name="codigo" value="{{$clientes->id}}">
							</div>
						</div>
						<div class="d-none">
							<div class="form-group">
								<label class="form-control-label" for="input-name">CNPJ</label>
								<input type="text" class="form-control " name="cnpj_credito" value="{{$clientes->cnpj_cpf_cliente}}">
							</div>
						</div>
						<div class="col-md-8 col-lg-8 col-sm-12">
							<div class="form-group">
								<label class="form-control-label" for="input-name">Observação</label>
								<input type="text" class="form-control" name="observacao_credito">
							</div>
						</div>
						<div class="col-md-4 col-lg-4 col-sm-12">
							<div class="form-group">
								<label class="form-control-label" for="input-name">Valor</label>
								<input type="number" step="0.01" class="form-control" name="valor_credito">
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<div class="row">
						<button type="submit" class="btn btn-outline-success d-block ml-auto mr-3 font-weight-bold">Confirmar</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

@include('php.modal-pedido-produtos')

@endsection

@push('js')
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
<script type="text/javascript" src="/js/carrinho_logica_2.js"></script>
<script type="text/javascript" src="{{asset('js/clientes_atualizar.js')}}"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sweetalert2@9.15.1/dist/sweetalert2.all.min.js"></script>
<script type="text/javascript" src="{{ asset('argon/vendor/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('argon/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/dataTables.buttons.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.html5.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.flash.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.print.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('argon/vendor/datatables.net-select-bs4/js/dataTables.select.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="{{ asset('argon/vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('argon/vendor/bootstrap-datepicker/dist/locales/bootstrap-datepicker.pt-BR.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('argon') }}/vendor/bootstrap-notify/bootstrap-notify.min.js"></script>

<!--Datatable do historico-->
<script>
	$(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 = '', cliente = $('#cnpj').val()) {
			var table = $('#table').DataTable({
				order: [
					[0, 'desc']
				],
				"processing": true,
				"serverSide": false,
				ajax: {
					url: "{{ route('clientes.data_venda') }}",
					data: {
						from_date: from_date,
						to_date: to_date,
						cliente: cliente
					}
				},
				"deferRender": true,

				columns: [{
						data: 'id',
						name: 'id',
						className: 'align-middle text-center p-2',
						width: '50px',
						render: function(data, type, row) {
							if (row.conta_pedido == 0)
								data = '<div class="avatar bg-light text-dark avatar-md rounded-circle">' + row.id + '</div>';
							else
								data = '<div class="avatar bg-success avatar-md rounded-circle">' + row.id + '</div>';

							return data;
						}
					},

					{
						data: 'forma_pagamento_pedido',
						name: 'forma_pagamento_pedido',
						defaultContent: '',
						className: 'align-middle text-center',
						"render": function(data, type, row) {
							if (data == 1)
								data = '<i class="fas fa-money-bill-wave fa-2x text-success"> </i><br><small>Dinheiro</small>';
							if (data == 2)
								data = '<i class="fas fa-money-check-alt fa-2x text-danger"></i><br><small>Cheque</small>';
							if (data == 3)
								data = '<i class="fas fa-money-check-alt fa-2x text-danger"></i><br><small>Cheque</small>';
							if (data == 5)
								data = '<i class="fas fa-credit-card fa-2x text-info"></i><br><small>Crédito</small>';
							if (data == 6)
								data = '<i class="fas fa-credit-card fa-2x text-info"></i><br><small>Débito</small>';
							if (data == 4)
								data = '<i class="fas fa-file-invoice-dollar fa-2x text-primary"></i><br><small>Antecipado</small>';
							if (data == 11)
								data = '<i class="fas fa-file-invoice-dollar fa-2x text-primary"></i><br><small>Boleto</small>';
							if (data == 9)
								data = '<i class="fas fa-wallet fa-2x text-dark"></i><br><small>Saldo</small>';
							if (data == 12)
								data = '<i class="fas fa-business-time fa-2x text-dark"></i><br><small>Fechamento</small>';
							return data;
						}
					},

					{
						data: 'name',
						name: 'name',
						className: 'align-middle text-center p-2',
					},

					{
						data: '',
						name: '',
						className: 'align-middle text-center  p-2',
						"render": function(data, type, row) {
							data = '<button type="button" class="btn btn-warning  btn-produtos rounded" data-toggle="modal" data-target="#ModalPedidoProdutos" value="' + row.id + '">Ver</button>';

							return data;
						}
					},
					{
						data: 'data_pedido',
						name: 'data_pedido',
						className: 'align-middle text-center p-2',
					},
					{
						data: 'conta_pedido',
						name: 'conta_pedido',
						visible: false,
						className: 'align-middle text-center p-2'
					},
				],
				"language": {
					"info": "Mostrando de _START_ até _END_ de _TOTAL_ registos",
					"search": "Procurar:",
					"paginate": {
						"first": "Primeiro",
						"previous": "<",
						"next": ">",
						"last": "Último"
					}
				},
				dom: 'rtip',
				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: [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([5]).every(function() {
						var column = this;
						var select = $('<select class="form-control form-control-sm w-100 filtro-finalizada"><option value="">Todas</option></select>')
							.appendTo($('#filtro-finalizada'))
							.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();
					}
				});
			});
		}

		$('#filter').click(function() {
			$('.filtro-finalizada: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-finalizada:nth-child(1)').remove();
			$('#from_date').val('');
			$('#to_date').val('');
			$('#table').DataTable().destroy();
			load_data();
		});

		$('#atulizar_tabela').click(function() {
			$('#table').DataTable().ajax.reload(null, false);
		});

	});
</script>

<!--Sweetalert do Limite-->
<script>
	$(document).on('click', '#limite_cliente_btn', function() {
		Swal.fire({
			title: 'Entre com a senha',
			input: 'text',
			inputAttributes: {
				autocapitalize: 'off'
			},
			showCancelButton: false,
			confirmButtonText: 'confirmar',
			showLoaderOnConfirm: true,
			preConfirm: (senha) => {
				senha == 'margarida';
			},
			allowOutsideClick: () => !Swal.isLoading()
		}).then((result) => {
			if (result.value == 'margarida') {
				Swal.fire(
					'Acesso Confirmado',
					'pode alterar o valor agora',
					'success'
				);
				$('#limite_cliente').prop('readonly', false);
				$('#saldo_cliente').prop('readonly', false);
				$('#utilizado_cliente').prop('readonly', false);
			} else {
				Swal.fire(
					'Acesso Negado',
					'Senha errada',
					'error'
				)
				$('#limite_cliente').prop('readonly', true);
				$('#saldo_cliente').prop('readonly', true);
				$('#utilizado_cliente').prop('readonly', true);
			}
		})
	});
</script>

<!--Checkbox da ie-->
<script>
	$('#checkbox-ie').on('change', function() {
		if (this.value = this.checked)
			$("#ie").val('ISENTO');
		else
			$("#ie").val('');
	});
</script>

<!--Model Pedido Produto-->
<script>
	$(document).on('click', '.btn-produtos', function() {
		$('#pedido_produtos').children().remove();
		let valor = $(this).val();
		// let CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
		$.ajax({
			url: "../../carrinho/data_venda_produtos/" + valor,
			method: 'get',
			dataType: 'json',
			data: {
				// _token: CSRF_TOKEN,
				id: valor
			},
			success: function(retorno) {
				$(".btn-prod-acao").remove();

				for (let x = 0; x < retorno.produtos.length; x++) {
					$('#pedido_produtos').append(
						"<tr class='text-center'>" +
						"<td></td>" +
						"<td> <img class='avatar avatar-md' src='../../" + retorno.produtos[x].imagem + "'</td>" +
						"<td>" + retorno.produtos[x].produto + "</td>" +
						"<td>" + retorno.produtos[x].valor_unitario_produto + "</td>" +
						"<td>" + retorno.produtos[x].quantidade_produto + "</td>" +
						"<td>" + retorno.produtos[x].desconto_pedido_produto + "</td>" +
						"<td>" + (retorno.produtos[x].valor_pedido_produto - retorno.produtos[x].desconto_pedido_produto).toFixed(2) + "</td>" +
						"</tr>"
					);
				}

				$("#model_pedido_id").val(retorno.pedido.id_pedido);
				$("#cod_pedido").html("Produtos do Pedido: " + retorno.pedido.id_pedido);
				$("#cliente_devolucao").val(retorno.pedido.id_cliente);

				$('.total_pedido').html(retorno.total.toLocaleString('pt-BR', {
					style: 'currency',
					currency: 'BRL'
				}));

			},
			error: function(retorno) {
				alert(JSON.stringify(retorno));
			}
		})


	});
</script>

<!--Charts -->
<script>
	$(document).ready(function() {
		var PieChart = (function() {

			// Variables
			var $chart = $('#chart-pie-pagamento');


			// Methods
			function init($this) {
				var randomScalingFactor = function() {
					return Math.round(Math.random() * 100);
				};
				var pieChart = new Chart($this, {
					type: 'pie',
					data: {
						labels: [
							'Dinheiro',
							'Cheque',
							'Antecipado',
							'Cartão',
							'Saldo',
							'Boleto',
							'Fechamento'
						],
						datasets: [{
							data: [
								randomScalingFactor(),
								randomScalingFactor(),
								randomScalingFactor(),
								randomScalingFactor(),
								randomScalingFactor(),
								randomScalingFactor(),
								randomScalingFactor()
							],
							backgroundColor: [
								Charts.colors.theme['success'],
								Charts.colors.theme['danger'],
								Charts.colors.theme['purple'],
								Charts.colors.theme['info'],
								Charts.colors.theme['info'],
								Charts.colors.theme['info'],
								'#212529',
							],
							label: 'Dataset 1'
						}],
					},
					options: {
						responsive: true,
						legend: {
							position: 'top',
						},
						animation: {
							animateScale: true,
							animateRotate: true
						}
					}
				});

				// Save to jQuery object
				$this.data('chart', pieChart);
			};

			// Events
			if ($chart.length) {
				init($chart);
			}

		})();
	});
</script>

@endpush