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

<div class="row">
	<div class="mx-auto col-10 col-lg-6">
		<div class="card">
			<!-- <img src="..." class="card-img-top" alt="..."> -->
			<div class="card-body">
				<h5 class="card-title">{{ $returnData->listFundo[0]->nome }}</h5>
				<p class="card-text">Destinação Ano-Calendário 2023 - Declaração 2024</p>
				<div id="divMessages">
					@include('layout.partials.messages')
				</div>
				<hr>
				<form class="js-register-post" method="post" action="{{ route('COMDICA.store') }}">
					@csrf
					<div class="form-group mb-3">
						<label class="form-label" for="razao_social">Nome/RazãoSocial*</label>
						<input type="text" id="razao_social" name="razao_social" class="form-control">
					</div>
					<div class="form-group mb-3">
						<label class="form-label" for="cnpj_cpf">CPF/CNPJ*</label>
						<input type="text" id="cnpj_cpf" name="cnpj_cpf" class="form-control">
					</div>
					<div class="form-group mb-3">
						<label class="form-label" for="email">Email*</label>
						<input type="text" id="email" name="email" class="form-control">
					</div>
					<div class="form-group mb-3">
						<label class="form-label" for="telefone">Telefone*</label>
						<input type="text" id="telefone" name="telefone" class="form-control">
					</div>
					<div class="form-group mb-3">
						<label class="form-label" for="instituicao">Instituição*</label>
						<select id="instituicao" name="id_instituicao" class="form-control">
							@foreach($returnData->listFundo[0]->instituicao as $entity)
							<option value="{{ $entity->id }}">{{ $entity->nome }}</option>
							@endforeach
						</select>
					</div>
					<hr>
					<div class="form-group mb-3">
						<label class="form-label" for="endereco">Endereço*</label>
						<input type="text" id="endereco" name="endereco" class="form-control">
					</div>
					<div class="form-group mb-3">
						<label class="form-label" for="cep">Cep*</label>
						<input type="text" id="cep" name="cep" class="form-control">
					</div>
					<div class="form-group mb-3">
						<label class="form-label" for="cidade">Cidade*</label>
						<input type="text" id="cidade" name="cidade" class="form-control">
					</div>
					<div class="form-group mb-3">
						<label class="form-label" for="bairro">Bairro*</label>
						<input type="text" id="bairro" name="bairro" class="form-control">
					</div>

					@component('components/addSelectBox',['name'=>'uf','label'=>'UF'])@endcomponent

					<div class="form-group mb-3">
						<label class="form-label" for="valor">Valor da Destinação*</label>
						<input type="text" id="valor" name="valor" class="form-control">
					</div>
					<div class="row">
						<div>
							<a href="#" onclick="$('.js-register-post').submit();" class="btn btn-app btn-success btn-block px-4">
								<span>Enviar</span>
							</a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

@endsection
@section('scripts')
<script>
	$(document).ready(function() {

		var options = {
			onKeyPress: function(cpfcnpj, e, field, options) {
				var masks = ['000.000.000-000', '00.000.000/0000-00'];
				var mask = (cpfcnpj.length > 14) ? masks[1] : masks[0];
				$('#cnpj_cpf').mask(mask, options);
			}
		};
		$('#cnpj_cpf').mask('000.000.000-000', options);
		$('#telefone').mask('(00) 00000-0000');
		$('#valor').mask('##.###,00', {
			reverse: true
		});
	});
</script>
@endsection