<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Construir forms</title>
  <link rel="stylesheet" href="css/core.css">
  <!-- Compiled and minified CSS -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      

	<!-- Compiled and minified JavaScript -->
            
</head>
<body>
<img src="img/dislicores.png"  class="img-logo" alt="">
<div class="container"><div class="row">
	<div class="col m8" style="border-right:2px solid red;min-height: 750px;">
		<h5>Fields <a class="btn-floating btn-small waves-effect waves-light red" id="addField"><i class="material-icons">add</i></a> </h5>
		<div id="fieldsBox">
			<div class="col s12">
				<div class="input-field col s3">
					<input id="type0" type="text" class="validate">
					<label for="type0">Type</label>
				</div>
				<div class="input-field col s3">
					<input id="name0" type="text" class="validate">
					<label for="name0">name</label>
				</div>
				<div class="input-field col s3">
					<input id="label0" type="text" class="validate">
					<label for="label0">label</label>
				</div>
				<div class="input-field col s3">
					<input id="placeholder0" type="text" class="validate">
					<label for="placeholder0">placeholder</label>
				</div>
			</div>
		</div>

		<div>
			<h5>Button </h5>
			<div class="col s12">
				<div class="input-field col s4">
					<input id="button" type="text" class="validate">
					<label for="button">button</label>
				</div>
				<div class="input-field col s4">
					<input id="nameButton" type="text" class="validate">
					<label for="nameButton">name</label>
				</div>
				<div class="input-field col s4">
					<input id="method" type="text" class="validate">
					<label for="method">method</label>
				</div>
			</div>
		</div>
		<button class="btn waves-effect waves-light" id="btnGenerar" name="action">Generar
			<i class="material-icons right">send</i>
		</button>
		<a class="btn waves-effect waves-light modal-trigger" id="btnGuardar" disabled="true" href="#modal1">Guardar
			<i class="material-icons right">save</i>
		</a>

	</div>

	<div class="col m2" >
		<!-- Modal Trigger -->

		<!-- Modal Structure -->
		<div id="modal1" class="modal">
			<div class="modal-content">
				<h4>Nombre del formulario</h4>
				<div class="input-field col s4">
					<input id="nameForm" type="text" class="validate">
					<label for="nameForm">Nombre para el formulario</label>
				</div>
			</div>
			<div class="modal-footer">
				<a href="#!" class="modal-close waves-effect waves-green btn-flat" id="saveData">Guardar</a>
			</div>
		</div>
		<pre id="responseJson"></pre>
		
	</div>
</div>
</div><script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/core.js"></script>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script>
</body>
</html>
