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

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

@include('../layouts.footers.auth')

<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-8">
							<h3 class="mb-0">{{ __('Cadastro de Clientes') }}</h3>
						</div>
						<div class="col-4 text-right">
							<a href="{{route('clientes')}}" class="btn btn-sm btn-primary">{{ __('Voltar a Lista') }}</a>
						</div>
					</div>
				</div>
				@foreach($clientes as $cliente)
				@endforeach
				<div class="card-body">
					<form id="post" class="atualizar_cliente" method="post" enctype="multipart/form-data" action="{{route('clientes.atualizar',$cliente->id)}}">
						<!-- Passando o Token -->
						{{csrf_field()}}

						<h6 class="heading-small text-muted mb-4">Dados Pessoais</h6>

						<div class="row">
							<div class="col-md-12 col-lg-12 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">CNPJ/CPF</label>
									<input type="text" class="form-control form-control-alternative" value="{{ $cliente->cnpj_cpf_cliente }}" id="cnpj" name="cnpj_cpf_cliente" placeholder="CNPJ ou CPF">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-5 col-lg-5 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Nome</label>
									<input type="text" class="form-control form-control-alternative" value="{{ $cliente->razao_cliente }}" id="nome" name="razao_cliente" placeholder="Nome do Cliente">
								</div>
							</div>

							<div class="col-md-5 col-lg-5 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Empresa</label>
									<input type="text" class="form-control form-control-alternative" value="{{ $cliente->fantasia_cliente }}" id="fantasia" name="fantasia_cliente" placeholder="Nome da Empresa">
								</div>
							</div>

							<div class="col-md-1 col-lg-1 col-sm-12 mt-4">
								<div class="custom-control custom-radio">
									<input type="radio" id="Ativo1" name="status_cliente" value="1" class="custom-control-input" {{  isset($cliente->status_cliente) && $cliente->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($cliente->status_cliente) && $cliente->status_cliente == 0 ? 'checked' : '' }}>
									<label class="custom-control-label" for="Ativo2">Inativo</label>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="col-md-5 col-lg-5 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Email</label>
									<input type="text" class="form-control form-control-alternative" id="email" name="email_cliente" placeholder="Nome do Cliente" value="{{ $cliente->email_cliente }}">
								</div>
							</div>

							<div class="col-md-5 col-lg-5 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Celular</label>
									<input type="text" class="form-control form-control-alternative" id="celular_cliente" name="celular_cliente" placeholder="Nome da Empresa" value="{{ $cliente->celular_cliente }}">
								</div>
							</div>

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

						<div class="row">
							<div class="col-md-12 col-lg-12 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name"> Data de Nascimento</label>
									<input type="date" class="form-control form-control-alternative" name="nascimento_cliente" value="{{ $cliente->nascimento_cliente }}">
								</div>
							</div>
						</div>

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

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

							<div class="col-md-2 col-lg-2 col-sm-12 mt-4">
								<div class="custom-control custom-checkbox">
									<input name="consumidor_cliente" type="checkbox" class="custom-control-input" value="1" id="consumidor_cliente" {{  isset($cliente->whatsapp_cliente) && $cliente->whatsapp_cliente == 1 ? 'checked' : '' }}>
									<label class="custom-control-label" for="consumidor_cliente">Consumidor Final</label>
								</div>
							</div>
						</div>

						<hr class="my-4">
						<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" class="form-control form-control-alternative" id="cep" name="cep_cliente" placeholder="CEP" value="{{ $cliente->cep_cliente }}">
								</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="number" class="form-control form-control-alternative" id="numero" name="casa_cliente" placeholder="número da casa" value="{{ $cliente->casa_cliente }}">
								</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 form-control-alternative" id="logadouro" name="rua_cliente" placeholder="Rua" value="{{ $cliente->rua_cliente }}">
								</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 form-control-alternative" id="bairro" name="bairro_cliente" placeholder="Bairro" value="{{ $cliente->bairro_cliente }}">
								</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 form-control-alternative" id="cidade" name="cidade_cliente" placeholder="Cidade" value="{{ $cliente->cidade_cliente }}">
								</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 form-control-alternative" name="uf_cliente" id="uf_cliente">
										<option value="{{$cliente->uf_cliente}}">{{$cliente->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-md-12 col-lg-12 col-sm-12">
								<div class="form-group">
									<label class="form-control-label" for="input-name">Ponto de Referência</label>
									<input type="text" class="form-control form-control-alternative" id="" name="ponto_referencia_cliente" placeholder="Locais proximos conhecidos" value="{{ $cliente->ponto_referencia_cliente }}">
								</div>
							</div>
						</div>
						<div class="text-center">
							<button type="submit" class="btn btn-success mt-4">
								<font style="vertical-align: inherit;">
									<font style="vertical-align: inherit;">Atualizar</font>
								</font>
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="modal_editar" tabindex="-1" arialabelledby="modal_editar" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				
			</div>
			<div class="modal-body">
				<div class="modal_alerta"></div>
			</div>
			<div class="modal-footer">
				<button class="btn btn-default font-weight-bold" data-dismiss="modal">Fechar</button>
			</div>
		</div>
	</div>
</div>

@endsection

@push('js')
<script type="text/javascript" src="{{asset('js/clientes_atualizar.js')}}"></script>
<script type="text/javascript">
	$("#cnpj").on('focusout',function(){
		//Início do Comando AJAX
		$.ajax({
			//O campo URL diz o caminho de onde virá os dados
			//É importante concatenar o valor digitado no CNPJ
			url: {{asset('argon')}}
			'/vendor/cnpj/cnpj.php?cnpj=' + $("#cnpj").val(),
			//Atualização: caso use java, use cnpj.jsp, usando o outro exemplo.
			//Aqui você deve preencher o tipo de dados que será lido,
			//no caso, estamos lendo JSON.
			dataType: 'json',
			//SUCESS é referente a função que será executada caso
			//ele consiga ler a fonte de dados com sucesso.
			//O parâmetro dentro da função se refere ao nome da variável
			//que você vai dar para ler esse objeto.
			success: function(resposta) {
				//Confere se houve erro e o imprime
				if (resposta.status == "ERROR") {
					alert(resposta.message + "\nPor favor, digite os dados manualmente.");
					$("#post #nome").focus().select();
					return false;
				}
				//Agora basta definir os valores que você deseja preencher
				//automaticamente nos campos acima.
				$("#post #nome").val(resposta.nome);
				$("#post #fantasia").val(resposta.fantasia);
				$("#post #atividade").val(resposta.atividade_principal[0].text + " (" + resposta.atividade_principal[0].code + ")");
				$("#post #telefone").val(resposta.telefone);
				$("#post #email").val(resposta.email);
				$("#post #logradouro").val(resposta.logradouro);
				$("#post #complemento").val(resposta.complemento);
				$("#post #bairro").val(resposta.bairro);
				$("#post #cidade").val(resposta.municipio);
				$("#post #uf").val(resposta.uf);
				$("#post #cep").val(resposta.cep);
				$("#post #numero").val(resposta.numero);
				$("#post #abertura").val(resposta.data_situacao);
				$("#post #tipo").val(resposta.tipo);
			}
		});
	});
</script>

@endpush