Cacher is the code snippet organizer for pro developers

_

<script type="text/javascript">
  <?php
  	foreach ($this->tbCliente as $key => $value) {
  ?>		
  	var <?=$key?> = "<?=$value?>";
  	console.log("<?=$key?> - <?=$value?>");
  <?php	
  	}
  ?>
</script>

		<form action="" method="POST" role="form" id="frmCadastro" enctype="multipart/form-data">
			<div id="form-content"></div>
			<script id="form" type="text/template7">
			{{#each hidden}}
				<input type="{{this.type}}" name="{{this.id}}" id="edt{{this.id}}" value="{{this.value}}">				
			{{/each}}

			{{#each veiculo}}
				<p>{{title}}</p>
				{{#each rows}}
					<div class="row">
						{{#each elements}}
							<{{tag}} id="{{id}}" name="{{name}}" {{value}}>{{content}}</{{tag}}>
						{{/each}}
						{{#each cols}}
							{{#js_compare "this.type != 'select'"}}
							<div class="{{this.size}}">
								<div class="form-group">
									<label for="edt{{this.id}}">{{this.label}}</label>
									<input type="{{this.type}}" name="{{this.id}}" id="edt{{this.id}}" class="form-control {{this.class}}" title="{{this.title}}" pattern="{{this.pattern}}" required="{{this.required}}" title="{{this.label}}" placeholder="{{hint}}" value="{{this.value}}">
								</div>
							</div>
							{{else}}
							<div class="{{this.size}}">
								<div class="form-group">
									<label for="edt{{this.id}}">{{this.label}}</label>
									<select name="{{this.id}}" id="edt{{this.id}}" class="form-control {{class}}" required="{{this.required}}" title="{{this.label}}" value="{{this.value}}" >
										{{#each options}}
										<option value="{{value}}">{{text}}</option>}
										option
										{{/each}}
									</select>
								</div>
							</div>
							{{/js_compare}}
						{{/each}}
					</div>
				{{/each}}
			{{/each}}

			{{#each proprietario}}
				<p>{{title}}</p>
				{{#each rows}}
					<div class="row">
						{{#each cols}}
							{{#js_compare "this.type != 'select'"}}
							<div class="{{this.size}}">
								<div class="form-group">
									<label for="edt{{this.id}}">{{this.label}}</label>
									<input type="{{this.type}}" name="{{this.id}}" id="edt{{this.id}}" class="form-control {{this.class}}" title="{{this.title}}" pattern="{{this.pattern}}" required="{{this.required}}" title="{{this.label}}" placeholder="{{hint}}" value="{{this.value}}">
								</div>
							</div>
							{{else}}
							<div class="{{this.size}}">
								<div class="form-group">
									<label for="edt{{this.id}}">{{this.label}}</label>
									<select name="{{this.id}}" id="edt{{this.id}}" class="form-control {{class}}" required="{{this.required}}" title="{{this.label}}" value="{{this.value}}" >
										{{#each options}}
										<option value="{{value}}">{{text}}</option>}
										option
										{{/each}}
									</select>
								</div>
							</div>
							{{/js_compare}}
						{{/each}}
					</div>
				{{/each}}
			{{/each}}

			</script>
		</form>

<!-- template7 -->
<script src="../../../../../../public/plugins/template7/template7.min.js" type="text/javascript"></script>

<!-- script -->
<script type="text/javascript" src="/public/js/admin/motorista/veiculo-fields.js"></script>

page = {
		hidden : [
			{
				id       : "idCarro",
				type     : "hidden",
				value    : tbTable.idCarro
			},
		],
		table : [
			{
				rows : [
					{
						elements : [
							{
								tag: "div",
								id: "dtAgendamentoCal",
								name: "dtAgendamentoCal"								
							}
						],
					  
						cols : [
								{
									id       : "idMarca",
									label    : "Marca",
									size     : "col-xs-12 col-md-12 col-sd-6",
									type     : "text",
									class    : "",
									pattern  : "(.{1,})",
									required : "false",
									title    : "Marca",
									value    : tbTable.idMarca,
									hint     : "Marca"
								},
								{
										id       : "idModelo",
										label    : "idModelo",
										size     : "col-xs-12 col-md-12 col-sd-6",
										type     : "select",
										class    : "",
										required : "required",
										title    : "idModelo",
										value 	 : tbTable.idModelo,
										options  : [
														{ value : "",text : "-- selecione --", selected:"selected"  },
													]
								},
						]
					},
				]
			}
		]
}

$(document).ready(function() {

		// compile content
		var template = $('#form').html();
		var compiled = Template7(template).compile();
		var compiledRendered = compiled(form);
		$('#form-content').html(compiledRendered);

		$("#edtidMarca").empty();
		$("#edtidMarca").append("<option value=''>-- selecione --</option>");
		$.each(tbMarca, function(index, val) {
			$("#edtidMarca").append("<option value='"+val.idMarca+"'>"+val.Nome+"</option>");
		});

		$("#idVeiculoCategoria").empty();
		$("#idVeiculoCategoria").append("<option value=''>-- selecione --</option>");
		$.each(tbMarca, function(index, val) {
			$("#idVeiculoCategoria").append("<option value='"+val.idVeiculoCategoria+"'>"+val.Nome+"</option>");
		});

		$("input[required='required']").each(function() {
			$(this).closest('.form-group').addClass('has-info');
		});

		$("select[required='required']").each(function() {
			$(this).closest('.form-group').addClass('has-info');
		});
});